.store-grid-root,.store-grid-container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(24px,auto);gap:0;align-items:stretch;max-width:1600px;margin-inline:auto;width:100%}
.store-grid-root{padding:0 16px}.store-grid-item{min-width:0;min-height:0;grid-column:var(--sg-desktop-col)/span var(--sg-desktop-width);grid-row:var(--sg-desktop-row)/span var(--sg-desktop-height)}
.store-grid-item.sg-hide-desktop,.store-grid-item.sg-condition-hidden{display:none!important}
.store-grid-container{position:relative}.store-grid-active .store-grid-root>.section{width:100%;max-width:none}
.store-grid-active .store-grid-root>.hero{min-height:0}.store-grid-active .store-grid-root>.features{width:100%}
.store-grid-active .store-grid-root .section[style*="--sg-padding"]{padding:var(--sg-padding)!important}
.store-grid-active .store-grid-root .store-grid-item[type=button]{display:inline-flex}
.store-grid-root a.store-grid-item{justify-content:center;align-items:center;padding:12px 20px;background:var(--accent);color:var(--bg);text-decoration:none}
.store-grid-root img.store-grid-item{width:100%;height:100%;object-fit:contain}
.store-grid-root .sg-overlay-desktop{z-index:2}
@media(max-width:900px){.store-grid-root,.store-grid-container{grid-template-columns:repeat(8,minmax(0,1fr))}.store-grid-item{grid-column:var(--sg-tablet-col)/span var(--sg-tablet-width);grid-row:var(--sg-tablet-row)/span var(--sg-tablet-height)}.store-grid-item.sg-hide-desktop:not(.sg-hide-tablet):not(.sg-condition-hidden){display:revert!important}.store-grid-item.sg-hide-tablet{display:none!important}.store-grid-root .sg-overlay-tablet{z-index:2}}
@media(max-width:600px){.store-grid-root,.store-grid-container{grid-template-columns:repeat(4,minmax(0,1fr))}.store-grid-root{padding:0 8px}.store-grid-item{grid-column:var(--sg-mobile-col)/span var(--sg-mobile-width);grid-row:var(--sg-mobile-row)/span var(--sg-mobile-height)}.store-grid-item.sg-hide-desktop:not(.sg-hide-mobile):not(.sg-condition-hidden),.store-grid-item.sg-hide-tablet:not(.sg-hide-mobile):not(.sg-condition-hidden){display:revert!important}.store-grid-item.sg-hide-mobile{display:none!important}.store-grid-root .sg-overlay-mobile{z-index:2}}

/* Saved studio designs: shared page identity and composable sections. */
.sg-themed{font-family:var(--sg-font,Tajawal),sans-serif!important;font-size:var(--sg-font-size,16px);background:var(--bg);color:var(--text)}
.sg-themed :is(button,input,select,textarea){font-family:inherit}
.sg-themed :is(.btn-primary,.btn-cart,.checkout-btn,.sg-studio-button){border-radius:var(--sg-button-radius,8px);background-color:var(--accent)}
.sg-themed :is(h1,h2,h3){font-family:inherit}
.sg-themed{--font:var(--sg-font),sans-serif;--font-ui:var(--sg-font),sans-serif;--font-brand:var(--sg-font),sans-serif;--accent2:var(--accent);--radius-sm:var(--sg-radius);--radius-md:var(--sg-radius)}
.sg-themed :is(h1,h2){font-size:var(--sg-title-size)}
.sg-themed :is(.btn-primary,.btn-cart,.checkout-btn,.btn-add-to-cart,.btn-add-cart,.btn-order,.sg-studio-button){border-radius:var(--sg-button-radius);box-shadow:0 2px 8px rgb(0 0 0 / var(--sg-shadow,.2))}
.sg-themed[data-studio-page=category] #productsGrid{grid-template-columns:repeat(var(--studio-columns),minmax(0,1fr))!important}
.sg-hide-description .desc-wrap,.sg-hide-related #relatedSection,.sg-hide-filters .filter-bar,.sg-hide-filters .filters,.sg-hide-coupon .coupon-section,.sg-hide-coupon .coupon-row{display:none!important}
.sg-product-image-left .product-wrap{direction:ltr}.sg-product-image-left .product-info{direction:rtl}
.sg-track-button{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:40px;height:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--sg-button-radius);background:var(--surface);color:var(--text);font:24px/1 sans-serif;cursor:pointer;opacity:.9}.sg-track-button.next{right:4px}.sg-track-button.prev{left:4px}
.sg-kind-split .sg-track-button,.sg-kind-hotspots .sg-track-button{top:auto;bottom:8px;transform:none}
.sg-hotspot{overflow:visible}.sg-hotspot::before{content:'';position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.cart-drawer:has([data-studio-mounted]){overflow-y:auto}.cart-drawer>[data-studio-mounted]{flex:0 0 auto}
.sg-studio-root{width:100%;max-width:1600px;margin-inline:auto}
.sg-studio-region{position:relative;width:100%;min-width:0}
.sg-studio-section{position:relative;container-type:inline-size;overflow:hidden;isolation:isolate;min-width:0;box-shadow:0 3px 12px rgb(0 0 0 / var(--sg-shadow,.2))}
.sg-section-background,.sg-image-tint,.sg-item-stage{position:absolute;inset:0}
.sg-section-background{z-index:0}.sg-section-background>img{width:100%;height:100%;object-fit:cover}
.sg-image-tint{z-index:1;pointer-events:none}
.sg-item-stage{z-index:3;pointer-events:none}
.sg-placed-item{position:absolute!important;min-width:0;min-height:0;margin:0;overflow:hidden;pointer-events:auto;overflow-wrap:anywhere;display:flex;align-items:center;justify-content:center}
.sg-content-item{line-height:1.4;padding:4px}
.sg-foreground-image>img{width:100%;height:100%;object-fit:contain}
.sg-foreground-image>.sg-image-tint{position:absolute;inset:0}
.sg-image-empty,.sg-empty{display:grid;place-items:center;min-height:60px;width:100%;color:var(--text-muted);padding:12px;text-align:center;font-size:14px}
.sg-studio-button{text-decoration:none;box-sizing:border-box;line-height:1.3;white-space:normal}
.sg-products-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;align-items:stretch;position:absolute;inset:0;padding:12px}
.sg-product-card{direction:rtl;flex:0 0 calc((100% - (var(--sg-columns,3) - 1)*12px)/var(--sg-columns,3));min-width:100px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:10px;border:1px solid var(--border);border-radius:var(--sg-radius,8px);background:var(--surface);color:var(--text);text-decoration:none;scroll-snap-align:start;font-size:clamp(12px,1.7cqw,18px)}
.sg-product-card>img{width:100%;height:60%;min-height:50px;object-fit:contain;flex:1}
.sg-product-card>strong{line-height:1.4}.sg-product-card>span{color:var(--accent)}
.sg-product-focus{outline:2px solid var(--accent);outline-offset:-3px}
.sg-hotspot{padding:0!important;background:var(--accent);border:2px solid #fff;border-radius:50%;min-height:0!important;min-width:0!important;box-shadow:0 0 0 5px #0003;cursor:pointer}
.sg-hotspot:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.sg-half-image{width:50%!important;inset:auto!important;top:0!important;bottom:0!important}
.sg-half-products{width:50%!important;inset:auto!important;top:0!important;bottom:0!important}
.sg-categories{height:100%;padding:12px;display:grid;grid-template-columns:repeat(var(--sg-columns,3),minmax(0,1fr));gap:12px;overflow:auto}
.sg-category-card{position:relative;min-height:120px;display:block;overflow:hidden;border-radius:var(--sg-radius,8px);color:var(--text);background:var(--surface);text-decoration:none}
.sg-category-card>img{width:100%;height:100%;object-fit:cover}
.sg-category-caption{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(transparent,#000c);color:#fff}
.sg-category-caption p,.sg-category-button{max-height:0;opacity:0;overflow:hidden;margin:0;transition:opacity .15s}
.sg-category-card:hover .sg-category-caption p,.sg-category-card:focus .sg-category-caption p,.sg-category-card:hover .sg-category-button,.sg-category-card:focus .sg-category-button{max-height:100px;opacity:1;margin-top:8px}
.sg-category-button{display:inline-block;background:var(--accent);padding:6px 12px;border-radius:var(--sg-button-radius,8px)}
.sg-sunlight{position:fixed;inset:0;z-index:30;pointer-events:none;mix-blend-mode:screen;will-change:opacity}
.sg-native-category{--studio-columns:4}
.sg-native-category :is(.products-grid,.products){grid-template-columns:repeat(var(--studio-columns),minmax(0,1fr))}
@media(hover:none){.sg-category-caption p,.sg-category-button{max-height:100px;opacity:1;margin-top:8px}}
@media(max-width:600px){.sg-products-track{gap:8px;padding:8px}.sg-categories{gap:8px;padding:8px}.sg-category-caption{padding:8px;font-size:14px}.sg-product-card{min-width:90px}}
@media(prefers-reduced-motion:reduce){.sg-studio-root *{scroll-behavior:auto!important;transition:none!important}.sg-sunlight{display:none}}

