/* VLAN Interfaces 1.4.1. Scoped opt-in base styles. Native utility forms are handled by storefront.css. */
body[data-vi-on="1"][data-vi-look="light"]{background:var(--vi-bg);color:var(--vi-text)}
body[data-vi-look="light"] #content{color:var(--vi-text)}
body[data-vi-look="light"] .vi-product-grid{display:grid!important;grid-template-columns:repeat(var(--vi-cols),minmax(0,1fr))!important;gap:18px!important;width:auto;align-items:stretch}
body[data-vi-look="light"] .vi-product-grid:before,body[data-vi-look="light"] .vi-product-grid:after{content:none!important}
body[data-vi-look="light"] .vi-product-grid>.product-layout{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;flex:none!important}
body[data-vi-look="light"] .vi-product-grid .product-thumb{height:100%;border:1px solid #e8e9ee!important;border-radius:var(--vi-radius)!important;background:#fff!important;box-shadow:var(--vi-shadow)!important;overflow:hidden}
body[data-vi-look="light"] .vi-product-grid .product-thumb .image{background:#fff!important;border-radius:var(--vi-radius)}
body[data-vi-look="light"] .vi-product-grid .product-thumb .image img{max-width:100%;object-fit:contain}
body[data-vi-look="light"] .vi-product-grid .product-thumb .name a,body[data-vi-look="light"] .vi-product-grid .product-thumb h4 a{color:var(--vi-text)!important;font-size:var(--vi-title)!important;line-height:1.7;font-weight:700}
body[data-vi-look="light"] .vi-product-grid .product-thumb .price{font-size:var(--vi-price)!important;color:var(--vi-text)!important;font-weight:800;line-height:1.6}
body[data-vi-look="light"] .vi-product-grid .product-thumb .price-new{color:var(--vi-sale)!important;font-size:var(--vi-price)!important;font-weight:800}
body[data-vi-look="light"] .vi-product-grid .product-thumb .price-old{color:#7b8493!important;font-size:12px!important;text-decoration:line-through}
body[data-vi-look="light"] .vi-product-grid .product-thumb .btn-cart{background:var(--vi-accent)!important;color:#151515!important;border-color:var(--vi-accent)!important;border-radius:10px!important}
/* Product detail: retain original image gallery, options, reviews, and cart handlers. */
body[data-vi-page="product"][data-vi-look="light"] .product-info .product-details,body[data-vi-page="product"][data-vi-look="light"] #product{background:#fff!important;border:1px solid #eceef2;border-radius:var(--vi-radius);padding:22px;box-shadow:var(--vi-shadow)}
body[data-vi-page="product"][data-vi-look="light"] #button-cart{background:var(--vi-accent)!important;border-color:var(--vi-accent)!important;color:#151515!important;border-radius:12px!important;font-weight:800}
body[data-vi-page="product"][data-vi-look="light"] .product-price-new{font-size:calc(var(--vi-price) + 6px)!important;color:var(--vi-sale)!important;font-weight:800}
body[data-vi-page="product"][data-vi-look="light"] .product-price-old{font-size:14px!important;text-decoration:line-through;color:#7b8493!important}
body[data-vi-page="product"][data-vi-look="light"] .product-price{line-height:1.65}
/* Description presentation only. Do not unhide tabs or replace merchant-authored HTML. */
body[data-vi-description="readable"] .vi-description,body[data-vi-description="panels"] .vi-description{font-size:var(--vi-desc-size)!important;line-height:var(--vi-desc-line)!important;overflow-wrap:anywhere;color:var(--vi-text)}
body[data-vi-description="readable"] .vi-description :is(p,li,td,th),body[data-vi-description="panels"] .vi-description :is(p,li,td,th){font-size:var(--vi-desc-size)!important;line-height:var(--vi-desc-line)!important}
body[data-vi-description="readable"] .vi-description img,body[data-vi-description="panels"] .vi-description img{max-width:100%!important;height:auto!important}
body[data-vi-description="panels"] .vi-description{border:1px solid #e9e6d9;border-radius:var(--vi-radius);background:#fff;padding:22px}
body[data-vi-description="panels"] .vi-description :is(h2,h3,h4){border-inline-start:4px solid var(--vi-accent);background:#fff9e5;color:var(--vi-text);padding:10px 14px;border-radius:9px;margin:22px 0 12px;line-height:1.65}
body[data-vi-description="panels"] .vi-description table{width:100%!important;max-width:100%;border-collapse:collapse;border:1px solid #e5e7eb;margin:12px 0}
body[data-vi-description="panels"] .vi-description :is(td,th){border:1px solid #e5e7eb!important;padding:12px!important;word-break:normal;overflow-wrap:anywhere}
body[data-vi-description="panels"] .vi-description tr:nth-child(even){background:#fafafa}
/* Existing new home, with settings-controlled variables. No fixed card height. */
body[data-vi-look="vlan"] #vlan-home-page{--vy:var(--vi-accent);--vb:var(--vi-text);background:var(--vi-bg);color:var(--vi-text)}
body[data-vi-look="vlan"] #vlan-home-page .vh-card{flex:0 0 calc((100% - (var(--vi-cols) - 1)*var(--vgap))/var(--vi-cols));width:calc((100% - (var(--vi-cols) - 1)*var(--vgap))/var(--vi-cols));border-radius:var(--vi-radius);box-shadow:var(--vi-shadow)}
body[data-vi-look="vlan"] #vlan-home-page .vh-img{height:var(--vi-image-height)}
body[data-vi-look="vlan"] #vlan-home-page .vh-name{font-size:var(--vi-title)}
body[data-vi-look="vlan"] #vlan-home-page .vh-amount{font-size:var(--vi-price)}
body[data-vi-look="vlan"] #vlan-home-page .vh-money-special{color:var(--vi-sale)}
body[data-vi-look="vlan"] #vlan-home-page .vh-money-normal{color:var(--vi-text)}
body[data-vi-look="vlan"] #vlan-home-page .vh-cart-btn{background:var(--vi-accent);border-color:var(--vi-accent)}
body[data-vi-look="vlan"] #vlan-home-page .vh-badge{background:var(--vi-sale)}
body[data-vi-look="vlan"] #vlan-home-page[data-vi-hide-model="1"] .vh-model{display:none}
body[data-vi-look="vlan"] #vlan-home-page[data-vi-hide-summary="1"] .vh-desc{display:none}
#vi-preview-notice{font:600 12px/1.8 Tahoma,Arial,sans-serif;background:#fff4b8;color:#423500;padding:9px 14px;text-align:center;direction:rtl;border-bottom:1px solid #ead88b}
@media(max-width:1024px) and (min-width:761px){body[data-vi-look="light"] .vi-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
body[data-vi-look="light"] .vi-product-grid{grid-template-columns:repeat(var(--vi-mcols),minmax(0,1fr))!important;gap:10px!important}
body[data-vi-look="light"] .vi-product-grid .product-thumb .price,body[data-vi-look="light"] .vi-product-grid .product-thumb .price-new{font-size:17px!important}
body[data-vi-page="product"][data-vi-look="light"] #product{padding:14px}
body[data-vi-description="panels"] .vi-description{padding:14px}
body[data-vi-look="vlan"] #vlan-home-page .vh-card{flex-basis:calc((100% - (var(--vi-mcols) - 1)*var(--vgap))/var(--vi-mcols));width:calc((100% - (var(--vi-mcols) - 1)*var(--vgap))/var(--vi-mcols));max-width:none}
body[data-vi-look="vlan"] #vlan-home-page .vh-img{height:150px}
body[data-vi-look="vlan"] #vlan-home-page .vh-amount{font-size:17px}
body[data-vi-look="vlan"] #vlan-home-page .vh-old-price .vh-amount{font-size:11px}
}

body[data-vi-look="vlan"] #vlan-home-page .vh-old-price .vh-amount,body[data-vi-look="vlan"] #vlan-home-page .vh-old-price .vh-currency{font-size:11px;color:#8791a1}
body[data-vi-look="vlan"] #vlan-home-page .vh-name,body[data-vi-look="vlan"] #vlan-home-page .vh-head h2,body[data-vi-look="vlan"] #vlan-home-page .vh-head>a{color:var(--vi-text)}
body[data-vi-look="vlan"] #vlan-search-cart{background:var(--vi-accent)!important}

/* 1.1.0: Category refinements. Added only by the opted-in category controls. */
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero{
  display:flex;align-items:center;gap:22px;min-width:0;margin:8px 0 22px;padding:20px 24px;
  border:1px solid #efe6cb;border-inline-start:5px solid var(--vi-accent);border-radius:var(--vi-radius);
  background:linear-gradient(110deg,#fff,#fffbed);box-shadow:0 5px 18px rgba(16,24,40,.04);
}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero-media{width:126px;height:126px;flex:0 0 126px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;overflow:hidden}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero-media a{display:block;width:100%;height:100%}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero-media img{display:block!important;width:100%!important;height:100%!important;max-width:126px!important;max-height:126px!important;object-fit:contain;box-shadow:none!important;margin:0!important;padding:0!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero-copy{flex:1;min-width:0}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-eyebrow{display:block;font-size:12px;line-height:1.7;color:#647083;font-weight:600;margin:0 0 5px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero h1{display:block!important;font-size:27px!important;line-height:1.6!important;font-weight:800!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:var(--vi-text)!important;overflow-wrap:anywhere;text-align:start}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-empty-info,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-empty-image{display:none!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-compact .category-description{max-width:100%;line-height:1.9;overflow-wrap:anywhere}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-compact .category-description img{max-width:100%;height:auto}
/* An unfamiliar title wrapper still gets a restrained category image, without hiding content. */
body[data-vi-page="category"][data-vi-look="light"] .vi-category-compact .category-info>.image,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-compact .category-image{flex:0 0 126px;max-width:126px!important;width:126px!important;box-shadow:none!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-compact .category-info>.image img,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-compact .category-image img{max-width:126px!important;max-height:126px!important;width:100%!important;height:auto!important;object-fit:contain}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar-default{
  display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;
  padding:12px 14px!important;margin:0 0 22px!important;border:1px solid #e8ebef!important;
  background:#fff!important;border-radius:14px;box-shadow:0 3px 12px rgba(16,24,40,.03);height:auto!important;
}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar .select-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar .input-group{width:auto;max-width:100%;display:flex;align-items:center;gap:7px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar select,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar-default select{min-height:38px;border:1px solid #dde2e8!important;border-radius:8px!important;background:#fafbfc!important;line-height:1.6;color:var(--vi-text)}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar label{font-size:13px;line-height:1.6;margin:0;white-space:nowrap}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar .grid-list{display:flex;align-items:center;gap:7px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar .grid-list button{min-width:36px;min-height:36px;border-radius:8px!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar-default>div{width:auto;float:none;padding:0}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar-default:before,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar-default:after{display:none}
/* Two-line captions do NOT contain prices/cart buttons, so clipping stays local. */
body[data-vi-look="light"] #content .vi-card-summary{
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vi-summary-lines,2);
  line-clamp:var(--vi-summary-lines,2);overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;
  font-size:var(--vi-summary-size,13px)!important;font-weight:400!important;line-height:1.75!important;color:#586575!important;
  height:auto!important;min-height:0!important;max-height:calc(var(--vi-summary-lines,2)*var(--vi-summary-size,13px)*1.75)!important;
  margin:8px 0 12px!important;padding:0!important;position:static!important;transform:none!important;
  text-align:start;overflow-wrap:anywhere;word-break:normal;flex-shrink:0;
}
body[data-vi-look="light"] #content .vi-native-summary{display:none!important}
body[data-vi-look="light"] #content .product-thumb.vi-has-summary{height:auto!important;min-height:100%;max-height:none!important}
body[data-vi-look="light"] #content .product-thumb.vi-has-summary .caption{height:auto!important;max-height:none!important;overflow:visible!important}
@media(min-width:1025px){
body[data-vi-page="category"][data-vi-look="light"] .vi-category-menu-host,body[data-vi-page="category"][data-vi-look="light"] .vi-category-menu-row{height:auto!important;min-height:0!important;overflow:visible!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-navigation{
  display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;justify-content:flex-start;
  width:100%!important;max-width:100%;height:auto!important;min-height:0!important;gap:4px!important;
  padding:6px!important;margin:0!important;overflow:visible!important;background:#fff;
}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-navigation>li{
  flex:0 1 auto!important;min-width:0;max-width:180px;width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;border:0!important;float:none!important;
}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-navigation>li>a{
  display:flex!important;align-items:center;justify-content:center;gap:5px;height:100%!important;min-height:44px;
  padding:9px 12px!important;border:0!important;border-radius:8px;line-height:1.65!important;
  font-size:13px!important;font-weight:650!important;white-space:normal!important;color:var(--vi-text)!important;
  background:transparent!important;text-align:center;
}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-navigation>li>a .links-text{white-space:normal!important;line-height:1.65!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-navigation>li:hover>a,
body[data-vi-page="category"][data-vi-look="light"] .vi-category-navigation>li>a:focus-visible{background:#fff5ce!important}
}
@media(max-width:760px){
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero{gap:12px;padding:14px;margin:8px 0 16px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero-media{width:76px;height:76px;flex-basis:76px;border-radius:10px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero-media img{max-width:76px!important;max-height:76px!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-hero h1{font-size:20px!important;line-height:1.55!important}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar{padding:10px!important;gap:10px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar .select-group{width:100%;gap:8px}
body[data-vi-page="category"][data-vi-look="light"] .vi-category-toolbar select{min-width:0;max-width:100%;font-size:12px}
}