/*
 * Q1 Storefront Visual System V18.60
 * Purpose: authoritative storefront-only tokens, component dimensions and responsive layout.
 * Load order: this file must be loaded exactly once and after every other storefront stylesheet.
 * Scope: public storefront presentation only; no admin, synchronization or business behavior.
 */

:root{
  --q1-navy:#0b2d47;--q1-navy-active:#071f33;--q1-gold:#d7a72f;--q1-gold-hover:#c49420;
  --q1-page:#f6f8fa;--q1-surface:#fff;--q1-soft:#eef3f6;--q1-border:#cdd8df;
  --q1-text:#132b3d;--q1-muted:#5f7180;--q1-focus:#1677c8;--q1-success:#087443;
  --q1-warning:#9a5b00;--q1-danger:#b42318;--q1-shadow-sm:0 3px 12px rgba(11,45,71,.08);
  --q1-shadow-md:0 12px 34px rgba(11,45,71,.13);--q1-radius-sm:10px;--q1-radius-md:16px;
  --q1-radius-lg:24px;--q1-space-1:4px;--q1-space-2:8px;--q1-space-3:12px;
  --q1-space-4:16px;--q1-space-5:24px;--q1-space-6:32px;--q1-control:44px;
  --q1-control-lg:52px;--q1-icon:20px;--q1-icon-lg:24px;
  --q1-modal-action-bg:#cfeaff;--q1-modal-action-hover:#bde1fb;--q1-modal-action-active:#a9d6f5;
  --q1-modal-action-border:#62addd;--q1-modal-action-ink:#062f50;
  --q1-font-ar:Tajawal,"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --q1-font-en:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html{color-scheme:light;background:var(--q1-page);overflow-x:clip}
html[dir="rtl"] body{font-family:var(--q1-font-ar)}
html[dir="ltr"] body{font-family:var(--q1-font-en)}
body{background:var(--q1-page);color:var(--q1-text);overflow-x:clip}
button,input,select,textarea{font:inherit}

.q1-icon{display:inline-block;inline-size:var(--q1-icon);block-size:var(--q1-icon);flex:0 0 var(--q1-icon);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.q1-icon-lg{inline-size:var(--q1-icon-lg);block-size:var(--q1-icon-lg);flex-basis:var(--q1-icon-lg)}
html[dir="rtl"] .q1-logical-prev .q1-icon,html[dir="rtl"] .q1-logical-next .q1-icon{transform:scaleX(-1)}

:where(a,button,input,select,textarea,[role="button"]):focus-visible{outline:3px solid var(--q1-focus);outline-offset:3px;box-shadow:0 0 0 5px rgba(22,119,200,.18)}
:where(button,.btn,.small-btn,.icon-btn,.mini-toggle,.cart-button,.q1-lang-switch button,[role="button"]){min-block-size:var(--q1-control)}

/* Historical layers set sub-44px controls with !important. These loaded-last overrides restore the accessibility floor. */
html[data-theme="minimal-catalog"] :where(.q1-adapter-langs button,.q1-adapter-controls>[data-adapter-action],.q1-minimal-nav-search button,.q1-filter-mirror-actions button,.q1-filter-mirror-actions select),
.qty-controls button,.remove-btn,.drawer-head button,.modal-close,#searchClose,.q1-full-gallery-close,.q1-full-gallery-arrow,.q1-modal-gallery-nav,.q1-related-head button{min-inline-size:44px!important;min-block-size:44px!important}

.announcement,.q1-top-strip{min-block-size:34px;background:var(--q1-navy);color:#fff;display:flex;align-items:center}
.site-header,.lux-header,.q1-minimal-header{background:rgba(255,255,255,.97);border-block-end:1px solid var(--q1-border);box-shadow:var(--q1-shadow-sm);backdrop-filter:blur(12px)}
.lux-brand,.q1-minimal-brand,.brand-lockup{min-block-size:64px;min-inline-size:64px}
.lux-brand img,.q1-minimal-brand img,.brand-lockup img{inline-size:56px;block-size:56px;object-fit:contain}
.lux-header-tools,.q1-adapter-controls,.header-tools{gap:var(--q1-space-2);align-items:center}

.q1-lang-switch,.q1-adapter-langs{direction:ltr;display:inline-flex;min-block-size:var(--q1-control);padding:3px;border:1px solid var(--q1-border);border-radius:999px;background:var(--q1-soft)}
.q1-lang-switch button,.q1-adapter-langs button{min-inline-size:44px;border:0;border-radius:999px;padding-inline:10px;white-space:nowrap;color:var(--q1-navy);background:transparent}
.q1-lang-switch button.active,.q1-adapter-langs button.active{background:var(--q1-navy);color:#fff}

:where(.lux-search-top,.q1-minimal-nav-search,.lux-search-products,.search-box){min-block-size:var(--q1-control);border:1px solid var(--q1-border);border-radius:var(--q1-radius-sm);background:var(--q1-surface)}
:where(.lux-search-top,.q1-minimal-nav-search,.lux-search-products) input{min-inline-size:0;block-size:var(--q1-control);border:0;background:transparent;color:var(--q1-text);padding-inline:14px}
:where(.lux-search-top,.q1-minimal-nav-search) button{inline-size:44px;block-size:44px;padding:0;border:0;background:transparent;color:var(--q1-navy)}

:where(.cart-button,[data-adapter-action="cart"],.customer-open,[data-adapter-action="account"],.lux-offer-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:var(--q1-control);border-radius:999px;padding-inline:14px;white-space:nowrap}
:where(.cart-button,[data-adapter-action="cart"]){background:var(--q1-navy);color:#fff;border:1px solid var(--q1-navy)}
:where(.cart-button,[data-adapter-action="cart"]):hover{background:var(--q1-navy-active)}
:where(.lux-offer-btn,.btn.primary,.small-btn.gold){background:var(--q1-gold);border-color:var(--q1-gold);color:var(--q1-navy-active)}
:where(.lux-offer-btn,.btn.primary,.small-btn.gold):hover{background:var(--q1-gold-hover);border-color:var(--q1-gold-hover);color:var(--q1-navy-active)}

.lux-nav,.nav-bar,.q1-minimal-header nav{min-block-size:48px}
.lux-nav a,.nav-link,.q1-minimal-header nav>a,.q1-minimal-header nav>button{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:12px;white-space:nowrap}

.lux-product-toolbar,.q1-filter-mirror-v1855{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--q1-space-3);inline-size:100%;min-inline-size:0;margin-block:var(--q1-space-3);padding:var(--q1-space-2);border:1px solid var(--q1-border);border-radius:var(--q1-radius-md);background:var(--q1-surface);box-shadow:var(--q1-shadow-sm)}
.q1-filter-mirror-actions{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:var(--q1-space-2);min-inline-size:0}
.q1-filter-mirror-actions :where(button,select),.lux-product-toolbar :where(button,select,input){min-inline-size:0;min-block-size:var(--q1-control);border:1px solid var(--q1-border);border-radius:var(--q1-radius-sm);background:var(--q1-surface);color:var(--q1-text);padding-inline:10px;white-space:nowrap;text-overflow:ellipsis}
.q1-filter-mirror-actions button{display:flex;align-items:center;justify-content:center;gap:6px}
.q1-filter-mirror-actions button.active{background:var(--q1-navy);border-color:var(--q1-navy);color:#fff}
.q1-filter-mirror-count,.results-count{min-inline-size:150px;min-block-size:var(--q1-control-lg);display:grid;place-items:center;padding:6px 12px;border:1px solid var(--q1-border);border-radius:var(--q1-radius-sm);background:var(--q1-soft);color:var(--q1-navy);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Product grid is authoritative here because older max-width:900px rules force one column. */
body .product-grid,body .product-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.5vw,20px)!important;align-items:stretch}
body .product-card{display:grid;grid-template-rows:auto 1fr;min-inline-size:0;block-size:100%;overflow:hidden;border:1px solid var(--q1-border);border-radius:var(--q1-radius-md);background:var(--q1-surface);box-shadow:var(--q1-shadow-sm);transform:none}
body .product-card:hover{transform:translateY(-2px);box-shadow:var(--q1-shadow-md)}
body .product-media{position:relative;inline-size:100%;block-size:auto;min-block-size:0;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#f8fafb,var(--q1-soft));contain:layout paint}
body .product-media>img{inline-size:100%;block-size:100%;padding:clamp(6px,1vw,14px);object-fit:contain;object-position:center;transition:opacity .16s ease,transform .2s ease}
body .product-media>img.q1-image-pending{opacity:0}
body .product-media>img.q1-image-fallback{padding:22%;opacity:.72}
body .product-body{display:grid;grid-template-rows:auto auto minmax(42px,auto) auto auto 1fr auto;gap:var(--q1-space-2);padding:clamp(10px,1.2vw,16px);min-inline-size:0}
body .product-body h3{display:-webkit-box;min-block-size:2.7em;max-block-size:2.7em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:clamp(14px,1.2vw,18px);line-height:1.35;color:var(--q1-text)}
body .card-summary{display:-webkit-box;min-block-size:2.8em;max-block-size:2.8em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--q1-muted);font-size:clamp(11px,1vw,14px);line-height:1.4}
body .price-line{min-block-size:54px;margin:0;align-content:center;gap:6px;font-variant-numeric:tabular-nums}
body .price-line strong{color:var(--q1-navy);font-size:clamp(15px,1.3vw,21px);line-height:1.2;overflow-wrap:anywhere}
body .price-line del{color:var(--q1-muted);font-size:clamp(11px,1vw,14px)}
body .sale-badge{inset-block-start:10px;inset-inline-end:10px;inset-inline-start:auto;background:var(--q1-danger);color:#fff}
body .cart-added-badge{inset-block-start:10px;inset-inline-start:10px;inset-inline-end:auto;background:var(--q1-success);color:#fff}
body .card-actions{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
body .small-btn{min-inline-size:0;min-block-size:var(--q1-control);block-size:auto;padding:8px 6px;border-radius:var(--q1-radius-sm);line-height:1.15;white-space:normal}
/* Historical storefront themes force the added button green with !important. */
body .small-btn.added{background:#fff7f6!important;border-color:var(--q1-danger)!important;color:var(--q1-danger)!important}

.btn{min-block-size:var(--q1-control);border-radius:999px;padding:10px 18px}
.btn.secondary,.btn.dark,.small-btn.primary{background:var(--q1-navy);border-color:var(--q1-navy);color:#fff}
.btn.ghost,.btn.soft{background:var(--q1-surface);border:1px solid var(--q1-border);color:var(--q1-navy)}
.btn.danger,.remove-btn{background:#fff1f0;border-color:#f3b5b0;color:var(--q1-danger)}
:where(.chips,.marketing-badges,.pro-flags) span{border-radius:999px;border:1px solid var(--q1-border);padding:5px 9px;line-height:1.2}

.floating-cart,.live-chat-fab{min-block-size:52px;min-inline-size:52px;border-radius:999px;box-shadow:var(--q1-shadow-md);inset-block-end:max(16px,env(safe-area-inset-bottom));z-index:60}
.floating-cart{inset-inline-end:16px;inset-inline-start:auto}
.live-chat-fab{inset-inline-start:16px;inset-inline-end:auto}

.cart-drawer{inset-block:0;inset-inline-start:0;inset-inline-end:auto;inline-size:min(440px,100vw);block-size:100vh;block-size:100dvh;padding:var(--q1-space-4);padding-block-end:max(var(--q1-space-5),env(safe-area-inset-bottom));border-inline-end:1px solid var(--q1-border);background:var(--q1-surface);box-shadow:var(--q1-shadow-md);transform:translateX(-105%)}
html[dir="rtl"] .cart-drawer{inset-inline-start:auto;inset-inline-end:0;border-inline-end:0;border-inline-start:1px solid var(--q1-border);transform:translateX(105%)}
.cart-drawer.open,html[dir="rtl"] .cart-drawer.open{transform:translateX(0)}
.drawer-head{position:sticky;inset-block-start:0;z-index:2;min-block-size:56px;background:var(--q1-surface)}
.cart-item{grid-template-columns:72px minmax(0,1fr) 44px;gap:var(--q1-space-3);align-items:center;border-color:var(--q1-border);border-radius:var(--q1-radius-md)}
.cart-item>img{inline-size:72px;block-size:72px;aspect-ratio:1;object-fit:contain;background:var(--q1-soft)}
.qty-controls{gap:6px}.qty-controls button,.remove-btn{display:grid;place-items:center;padding:0}.qty-controls button{background:var(--q1-modal-action-bg)!important;border:1px solid var(--q1-modal-action-border)!important;color:var(--q1-modal-action-ink)!important;opacity:1}.qty-controls button:disabled{opacity:.58!important;filter:saturate(.55);cursor:not-allowed}.qty-controls b{color:var(--q1-modal-action-ink)!important;font-weight:900;font-variant-numeric:tabular-nums}
.checkout-form{gap:var(--q1-space-3);padding-block-end:max(12px,env(safe-area-inset-bottom))}
.checkout-form :where(input,select,textarea){inline-size:100%;min-block-size:var(--q1-control-lg);border:1px solid var(--q1-border);border-radius:var(--q1-radius-sm);background:var(--q1-surface);color:var(--q1-text)}

.modal,.search-modal,.q1-full-gallery{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.modal-box,.search-box,.q1-order-review-box{inline-size:min(1050px,calc(100vw - 24px));max-block-size:calc(100vh - 24px);max-block-size:calc(100dvh - 24px);border:1px solid var(--q1-border);border-radius:var(--q1-radius-lg);background:var(--q1-surface);box-shadow:var(--q1-shadow-md);overscroll-behavior:contain}
.modal-close,#searchClose,.q1-full-gallery-close{inset-block-start:12px;inset-inline-end:12px;inset-inline-start:auto;display:grid;place-items:center;padding:0;border-radius:50%}
.gallery-main{aspect-ratio:1/1;block-size:auto;min-block-size:280px;max-block-size:min(68vh,620px);background:var(--q1-soft)}
.gallery-main>img,.gallery-main>video{inline-size:100%;block-size:100%;object-fit:contain}
.q1-modal-gallery-nav,.q1-full-gallery-arrow,.q1-related-head button{display:grid;place-items:center;padding:0}
.modal-layout{gap:24px}
.modal-gallery-col,.modal-info{gap:24px}
.q1-modal-gallery-actions{position:static;z-index:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:var(--q1-surface);border:1px solid var(--q1-border);border-radius:var(--q1-radius-md)}
.q1-modal-gallery-actions .btn{inline-size:100%;block-size:48px;min-block-size:48px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}
html body #productModal#productModal .q1-modal-gallery-actions.q1-modal-gallery-actions button.btn.q1-action-buy,html body #productModal#productModal .q1-modal-gallery-actions.q1-modal-gallery-actions button.btn.q1-action-cart,html body #productModal#productModal .q1-modal-gallery-actions.q1-modal-gallery-actions button.btn.q1-action-enquiry,html body #productModal#productModal .gallery-main.gallery-main>button.q1-modal-gallery-nav,html body #q1FullGallery#q1FullGallery button.q1-full-gallery-arrow{background:var(--q1-modal-action-bg)!important;border:1px solid var(--q1-modal-action-border)!important;color:var(--q1-modal-action-ink)!important;box-shadow:0 2px 8px rgba(8,59,99,.12);opacity:1!important}
html body #productModal :where(.q1-action-buy,.q1-action-cart,.q1-action-enquiry,.q1-modal-gallery-nav):hover,html body #q1FullGallery .q1-full-gallery-arrow:hover{background:var(--q1-modal-action-hover)!important;color:var(--q1-modal-action-ink)!important}html body #productModal :where(.q1-action-buy,.q1-action-cart,.q1-action-enquiry,.q1-modal-gallery-nav):active,html body #q1FullGallery .q1-full-gallery-arrow:active{background:var(--q1-modal-action-active)!important;color:var(--q1-modal-action-ink)!important;transform:translateY(1px)}
html body #productModal .q1-modal-gallery-actions .q1-action-cart.is-remove{background:var(--q1-modal-action-bg)!important;border-color:var(--q1-modal-action-border)!important;color:var(--q1-modal-action-ink)!important}
.q1-modal-quantity{inline-size:100%;display:grid;grid-template-columns:44px minmax(24px,1fr) 44px;align-items:center;gap:4px;background:var(--q1-modal-action-bg)!important;color:var(--q1-modal-action-ink)!important}.q1-modal-quantity-action{display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;border:1px solid var(--q1-modal-action-border)!important;border-radius:9px;background:var(--q1-modal-action-bg)!important;color:var(--q1-modal-action-ink)!important;opacity:1!important}.q1-modal-quantity-action .q1-icon{color:var(--q1-modal-action-ink)!important;stroke:currentColor!important;opacity:1!important}.q1-modal-quantity b{color:var(--q1-modal-action-ink)!important;font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}html body #productModal .modal-info>.price-line:has(del)>strong{color:#c62828!important;font-size:clamp(20px,2vw,28px)}html body #productModal .modal-info>.price-line:has(del)>del{color:var(--q1-muted)!important;font-size:13px!important;font-weight:700;text-decoration:line-through!important}
/* Historical thumbnail rules use !important; these retain one horizontal scroller while restoring separated cards. */
#productModal .thumbs{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;padding:4px 2px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none}
#productModal .thumbs::-webkit-scrollbar{display:none}
#productModal .thumbs>button{flex:0 0 64px!important;inline-size:64px!important;block-size:64px!important;min-inline-size:64px!important;min-block-size:64px!important;margin:0!important;padding:4px!important;transform:none!important;scroll-snap-align:start;border:1px solid var(--q1-border)!important;border-radius:10px!important;background:var(--q1-surface)!important;overflow:hidden}
#productModal .thumbs>button.active{border-color:var(--q1-gold)!important;box-shadow:0 0 0 2px rgba(215,167,47,.22)}
#productModal .thumbs>button img{inline-size:100%!important;block-size:100%!important;margin:0!important;transform:none!important;object-fit:contain}
.q1-modal-section{margin:0;padding:16px;border-color:var(--q1-border)}
.modal-info>.q1-modal-section+.q1-modal-section{margin-block-start:24px}
.q1-modal-description .q1-modal-copy{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:8;line-clamp:8;white-space:normal;line-height:1.7}
.q1-modal-description .q1-modal-copy.is-expanded{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}
.q1-description-toggle{min-block-size:44px;margin-block-start:8px;padding:8px 14px;border:1px solid var(--q1-border);border-radius:999px;background:var(--q1-surface);color:var(--q1-navy);font-weight:800}
.q1-description-toggle[hidden]{display:none}
.q1-modal-features>summary{min-block-size:44px;display:flex;align-items:center;cursor:pointer;color:var(--q1-navy);font-weight:900}
.q1-modal-features>ul{margin-block:8px 0}
.q1-review-empty,.q1-review-eligibility{display:flex;align-items:center;gap:10px;min-block-size:44px;padding:10px 12px;border:1px solid var(--q1-border);border-radius:var(--q1-radius-sm);background:var(--q1-soft);color:var(--q1-muted);flex-wrap:wrap}
.q1-review-empty strong,.q1-review-eligibility strong{color:var(--q1-navy)}
.q1-review-empty .q1-stars{font-size:18px}
.q1-review-eligibility{margin-block-start:10px}
.q1-review-eligibility .q1-review-status{min-block-size:0;margin:0;padding:0;border:0;background:transparent;display:inline;color:inherit}
.q1-modal-ratings,.q1-modal-follow-share{padding:0;overflow:visible}
.q1-modal-ratings>summary,.q1-modal-follow-share>summary{min-block-size:54px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;list-style:none;color:var(--q1-navy);font-weight:900}
.q1-modal-ratings>summary::-webkit-details-marker,.q1-modal-follow-share>summary::-webkit-details-marker{display:none}
.q1-modal-ratings .q1-accordion-chevron,.q1-modal-follow-share .q1-accordion-chevron{transition:transform .18s ease}
.q1-modal-ratings[open] .q1-accordion-chevron,.q1-modal-follow-share[open] .q1-accordion-chevron{transform:rotate(90deg)}
.q1-ratings-summary-stars{direction:ltr;color:var(--q1-gold);letter-spacing:1px;white-space:nowrap;font-weight:700}
.q1-modal-ratings-body{padding:0 12px 12px}
.q1-modal-ratings .q1-review-status{min-block-size:0;margin:0;padding:8px 0;border:0;background:transparent}
#productModal .q1-modal-review-scroll{max-block-size:none;overflow:visible;padding-inline-end:0}
.q1-review-empty-message{min-block-size:0;margin:0;padding:10px 12px;border-radius:10px;background:var(--q1-soft);color:var(--q1-muted);line-height:1.5}
.q1-follow-share-body{display:grid;gap:12px;padding:0 12px 12px}
.q1-follow-share-body>div{display:grid;gap:8px;padding-block-start:10px;border-block-start:1px solid var(--q1-border)}
.q1-follow-chips,.q1-share-actions{display:flex;flex-wrap:wrap;gap:8px}
.q1-follow-chips a{min-block-size:40px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--q1-border);border-radius:999px;background:var(--q1-surface);color:var(--q1-navy);text-decoration:none}
.q1-follow-chips svg{inline-size:20px;block-size:20px;fill:currentColor}
.q1-share-actions .btn{min-block-size:44px;display:inline-flex;align-items:center;gap:7px}
html body #productModal#productModal .q1-share-actions .btn,html body #productModal#productModal .modal-close,html body #productModal#productModal .full-image-btn,html body #productModal#productModal .q1-modal-gallery-counter{border:1px solid var(--q1-modal-action-border)!important;background:var(--q1-modal-action-bg)!important;color:var(--q1-modal-action-ink)!important;opacity:1!important}html body #productModal#productModal .q1-share-actions .btn:hover,html body #productModal#productModal .modal-close:hover,html body #productModal#productModal .full-image-btn:hover{background:var(--q1-modal-action-hover)!important}html body #productModal#productModal .q1-share-actions .q1-icon,html body #productModal#productModal .modal-close .q1-icon,html body #productModal#productModal .q1-modal-gallery-nav .q1-icon{color:var(--q1-modal-action-ink)!important;stroke:currentColor!important;opacity:1!important}
.q1-related-slider{margin-block-start:24px}
.q1-related-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px}
.q1-related-head h3{margin:0}
.q1-related-head>div{display:flex;direction:ltr;gap:8px}
html body #productModal#productModal .q1-related-head button{border:1px solid var(--q1-modal-action-border)!important;border-radius:50%;background:var(--q1-modal-action-bg)!important;color:var(--q1-modal-action-ink)!important;opacity:1}
.q1-related-head button:disabled{opacity:.4;cursor:not-allowed}
.q1-related-track{display:flex;direction:ltr;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.q1-related-track::-webkit-scrollbar{display:none}
.q1-related-card{flex:0 0 190px;display:grid;grid-template-rows:150px minmax(2.8em,2.8em) minmax(2.4em,2.4em);gap:8px;scroll-snap-align:start;scroll-snap-stop:always;min-inline-size:0;padding:10px;border:1px solid var(--q1-border);border-radius:var(--q1-radius-md);background:var(--q1-surface);color:var(--q1-text);text-align:start}
html[dir="rtl"] .q1-related-card{direction:rtl}
html[dir="ltr"] .q1-related-card{direction:ltr}
.q1-related-card img{inline-size:100%;block-size:150px;aspect-ratio:4/3;object-fit:contain;background:var(--q1-soft);border-radius:var(--q1-radius-sm)}
.q1-related-card span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.4}
.q1-related-card b{align-self:center;color:var(--q1-navy);font-variant-numeric:tabular-nums}
.lux-products>.container,.products-section>.container{padding-block:10px 24px}
.q1-products-title,.products-title{min-block-size:44px;align-items:center;margin-block:4px 12px!important}.q1-products-title>div{display:flex;align-items:center;gap:12px}.q1-products-title h2,.q1-products-title button{margin-block:0!important}.q1-products-title h2{line-height:1.3}.q1-products-title button{min-block-size:44px}
.lux-product-toolbar+.q1-products-title,.q1-filter-mirror-v1855+.q1-products-title{margin-block-start:4px!important}
.q1-phone-number{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;font-variant-numeric:tabular-nums}
body.q1-orders-open{overflow:hidden;overscroll-behavior:none}.q1-orders-loading{display:grid;gap:12px;padding:56px 20px 24px}.q1-orders-loading b{font-size:1.25rem;color:var(--q1-navy)}.q1-orders-loading span{color:var(--q1-muted)}.q1-orders-loading i{display:block;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--q1-soft),#dfeaf1,var(--q1-soft));background-size:200% 100%;animation:q1OrdersPulse 1.2s linear infinite}.q1-orders-loading i:nth-of-type(2){width:82%}.q1-orders-loading i:nth-of-type(3){width:64%}@keyframes q1OrdersPulse{to{background-position:-200% 0}}
.cart-summary{display:grid;gap:5px;padding:12px;border:1px solid var(--q1-border);border-radius:var(--q1-radius-md);background:var(--q1-soft)}
.cart-summary strong{color:var(--q1-navy);font-size:1.2rem}
.checkout-form>label:not(.q1-checkout-remember){margin-block-end:-5px;color:var(--q1-navy);font-size:13px;font-weight:800}
.checkout-form :where(input,select):disabled{background:#e8edf1;color:#758592;cursor:not-allowed}
.checkout-form :where(input,select):focus-visible{border-color:var(--q1-focus)}
.checkout-form :where(input,select).field-error{border-color:var(--q1-danger);background:#fff7f6}
.q1-field-message{display:block;min-block-size:18px;margin-block:-6px 0;color:var(--q1-danger);font-size:11px;line-height:18px}
.q1-checkout-remember{display:flex;align-items:center;gap:8px;min-block-size:44px;color:var(--q1-text);font-size:13px}
.q1-checkout-remember input{inline-size:20px!important;min-block-size:20px!important;block-size:20px}
.q1-forget-checkout{justify-self:start;min-block-size:44px;border:0;background:transparent;color:var(--q1-danger);text-decoration:underline}
.q1-payment-method{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border:1px solid var(--q1-border);border-radius:var(--q1-radius-sm);background:var(--q1-soft)}
.q1-payment-method span{color:var(--q1-success);font-weight:800}
.q1-orders-modal .modal-box{border:1px solid var(--q1-border);background:var(--q1-page)}
.q1-order-card{border:1px solid var(--q1-border);border-radius:var(--q1-radius-md);background:var(--q1-surface);box-shadow:var(--q1-shadow-sm)}
.q1-order-card header{padding-block-end:10px;border-block-end:1px solid var(--q1-border)}
.q1-order-card .btn{inline-size:100%;justify-content:center}
.q1-order-timeline span{border:1px solid var(--q1-border);border-radius:999px}

/* Authoritative cart shell: historical layers make the drawer itself scroll and add nested panel margins. */
#cartDrawer{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;padding:0!important;background:var(--q1-surface)!important}
#cartDrawer .drawer-head{position:relative!important;inset:auto!important;z-index:2;margin:0!important;padding:12px 16px!important;min-block-size:64px;background:var(--q1-surface)!important;border:0!important;border-block-end:1px solid var(--q1-border)!important}
#cartDrawer .q1-cart-body{min-block-size:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:12px;scrollbar-gutter:stable}
#cartDrawer .q1-cart-footer{position:relative;z-index:2;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:var(--q1-surface);border-block-start:1px solid var(--q1-border)}
#cartDrawer .q1-cart-footer .btn{min-block-size:48px;background:var(--q1-navy);border-color:var(--q1-navy);color:#fff}
#cartDrawer .cart-items,#cartDrawer .cart-summary,#cartDrawer .checkout-form{margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important}
#cartDrawer .cart-item{position:relative;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;margin:0;padding:10px;border:1px solid var(--q1-border);overflow:hidden}
#cartDrawer .cart-item>img{inline-size:64px;block-size:64px}
#cartDrawer .cart-item>div{min-inline-size:0}
#cartDrawer .remove-btn{position:static;align-self:center;inline-size:44px;block-size:44px}
#cartDrawer .qty-controls{display:flex;align-items:center;gap:6px;margin-block-start:8px}
#cartDrawer .qty-controls button{inline-size:44px;block-size:44px;flex:0 0 44px}
#cartDrawer input[type="number"]{-moz-appearance:textfield}
#cartDrawer input[type="number"]::-webkit-inner-spin-button,#cartDrawer input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#checkoutPhone{direction:ltr;text-align:left;unicode-bidi:plaintext}
.q1-iraq-phone-row{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;direction:ltr!important}
.q1-country-code{display:flex;align-items:center;justify-content:center;min-inline-size:100px;block-size:48px;padding:0 10px;border:1px solid #cfdbe6;border-radius:12px;background:#eef4f8;color:var(--q1-navy);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.q1-iraq-phone-row>input{min-inline-size:0!important;inline-size:100%!important;direction:ltr!important;text-align:left!important;font-size:16px!important;font-variant-numeric:tabular-nums;letter-spacing:.02em;padding-inline:12px!important}
.q1-iraq-phone-row>input.q1-phone-valid{border-color:#62ad87!important;background:#f8fdfa!important;box-shadow:0 0 0 2px rgba(19,138,85,.08)!important}
.q1-iraq-phone-row>input.q1-phone-invalid{border-color:#df7777!important;background:#fffafa!important;box-shadow:0 0 0 2px rgba(190,38,51,.06)!important}
.q1-phone-status{display:none!important}
.q1-field-phone{grid-column:1/-1}
.q1-phone-message{display:block!important;block-size:14px!important;min-block-size:14px!important;max-block-size:14px!important;margin:0!important;overflow:hidden;color:#b42318!important;font-size:10.5px!important;line-height:14px!important;white-space:nowrap;text-overflow:ellipsis}
.public-customer-box .q1-phone-message{margin-top:2px!important}
.q1-checkout-fields{display:grid;grid-template-columns:1fr;gap:12px}
.q1-field{display:grid;gap:6px;min-inline-size:0}
.q1-field>label{margin:0;color:var(--q1-navy);font-size:13px;font-weight:800}
.q1-field :where(input,select){inline-size:100%;min-inline-size:0}
.q1-field-message{margin:0}
.q1-order-review-items{min-block-size:90px}.q1-order-review-actions{position:sticky;inset-block-end:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-block:12px max(12px,env(safe-area-inset-bottom));background:var(--q1-surface)}

:where(.q1-modal-loading,.q1-review-status,.q1-orders-empty,.q1-orders-error,.top-search-empty,.product-grid>p,.cart-items>p){min-block-size:96px;display:grid;place-items:center;padding:var(--q1-space-5);border:1px dashed var(--q1-border);border-radius:var(--q1-radius-md);background:var(--q1-soft);color:var(--q1-muted);text-align:center}
.q1-orders-error{color:var(--q1-danger);border-color:#f3b5b0;background:#fff1f0}

/* Initial setup must not animate competing historical layouts into place. */
html:not(.q1-store-ready) :where(.product-card,.product-media img,.cart-drawer,.modal,.q1-filter-mirror-v1855){transition:none!important}

@media (max-width:1023px){
  body .product-grid,body .product-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .q1-filter-mirror-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lux-product-toolbar,.q1-filter-mirror-v1855{grid-template-columns:1fr}
  .q1-filter-mirror-count,.results-count{inline-size:100%;min-inline-size:0}
}

@media (max-width:767px){
  :root{--q1-space-3:10px;--q1-space-4:12px}
  .container{inline-size:min(100% - 20px,1240px)}
  .site-header,.lux-header,.q1-minimal-header{min-block-size:112px}
  .lux-header-inner,.q1-minimal-header>.container{gap:6px}
  .lux-brand,.q1-minimal-brand,.brand-lockup{min-inline-size:48px;min-block-size:48px}
  .lux-brand img,.q1-minimal-brand img,.brand-lockup img{inline-size:46px;block-size:46px}
  .q1-lang-switch,.q1-adapter-langs{min-inline-size:92px}
  .q1-lang-switch button,.q1-adapter-langs button{min-inline-size:44px;padding-inline:5px;font-size:11px}
  .lux-product-toolbar,.q1-filter-mirror-v1855{gap:6px;margin-block:8px;padding:6px}
  .q1-filter-mirror-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .q1-filter-mirror-actions :where(button,select){font-size:10px;padding-inline:4px;overflow:hidden}
  .q1-filter-mirror-actions button .q1-icon{display:none}
  body .product-grid,body .product-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body .product-body{padding:9px;gap:6px}
  body .product-body h3{font-size:13px;min-block-size:2.7em;max-block-size:2.7em}
  body .card-summary{display:none}
  body .price-line{min-block-size:46px;display:grid;align-content:center;gap:1px}
  body .price-line strong{font-size:14px}
  body .card-actions{gap:5px}
  body .small-btn{font-size:11px;padding-inline:3px}
  .cart-drawer{inline-size:100vw;max-inline-size:none}
  .modal-box,.search-box,.q1-order-review-box{inline-size:calc(100vw - 12px);max-block-size:calc(100dvh - 12px);border-radius:var(--q1-radius-md)}
  .modal-layout{grid-template-columns:1fr}
  .gallery-main{min-block-size:260px;max-block-size:52dvh}
  .modal-layout,.modal-gallery-col,.modal-info{gap:16px}
  .modal-info>.q1-modal-section+.q1-modal-section{margin-block-start:16px}
  .q1-modal-section{padding:12px}
  .q1-modal-description .q1-modal-copy{-webkit-line-clamp:6;line-clamp:6}
  .q1-modal-description .q1-modal-copy.is-expanded{-webkit-line-clamp:unset;line-clamp:unset}
  .q1-modal-gallery-actions{grid-template-columns:1fr;padding:10px}
  #productModal .thumbs>button{flex-basis:60px!important;inline-size:60px!important;block-size:60px!important;min-inline-size:60px!important;min-block-size:60px!important}
  .q1-related-slider{margin-block-start:16px}
  .q1-related-card{flex-basis:150px;grid-template-rows:112px minmax(2.8em,2.8em) minmax(2.4em,2.4em)}
  .q1-related-card img{block-size:112px}
  .lux-products>.container,.products-section>.container{padding-block:16px}
  #cartDrawer{inline-size:100vw!important;max-inline-size:100vw!important;block-size:100dvh!important;inset:0!important}
  #cartDrawer .q1-cart-body{padding:10px}
  #cartDrawer .cart-item{grid-template-columns:56px minmax(0,1fr) 40px;padding:8px;gap:8px}
  #cartDrawer .cart-item>img{inline-size:56px;block-size:56px}
  #cartDrawer .remove-btn{inline-size:40px;block-size:40px;min-inline-size:40px!important;min-block-size:40px!important}
  .q1-order-review-actions{grid-template-columns:1fr}
}

@media (min-width:768px){
  #cartDrawer{inline-size:min(600px,calc(100vw - 48px));block-size:auto;max-block-size:min(820px,calc(100dvh - 48px));inset-block:24px;inset-inline-start:24px;inset-inline-end:auto;border-radius:var(--q1-radius-lg)}
  html[dir="rtl"] #cartDrawer{inset-inline-start:auto;inset-inline-end:24px}
  .q1-checkout-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
  .q1-field-wide{grid-column:1/-1}
}
@media (max-width:480px){
  .q1-country-code{min-inline-size:92px;padding-inline:8px;font-size:13px}
}

@media (min-width:1024px){
  #productModal .modal-box,body.q1-v16-23 #productModal .modal-box{inline-size:min(1180px,calc(100vw - 64px))!important;max-inline-size:none!important;max-block-size:min(820px,calc(100dvh - 48px))!important;border-radius:24px;overflow:hidden!important;display:grid;grid-template-rows:minmax(0,1fr)}
  #productModal #modalContent{min-block-size:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 4px 0 0}
  #productModal .modal-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px}
  #productModal .gallery-main{max-block-size:390px;min-block-size:320px}
  #productModal .modal-gallery-col{align-self:start;gap:14px}
  #productModal .modal-info{gap:16px}
  #productModal .modal-info>.q1-modal-section+.q1-modal-section{margin-block-start:12px}
  #productModal .q1-related-card{flex-basis:calc((100% - 24px)/3)}
  #productModal .q1-modal-ratings,#productModal .q1-modal-follow-share{display:block}
}

@media (max-width:380px){
  .container{inline-size:min(100% - 14px,1240px)}
  body .product-grid,body .product-row{gap:6px!important}
  body .product-body{padding:7px}
  body .small-btn{font-size:10px;letter-spacing:-.1px}
  .q1-filter-mirror-actions{gap:3px}
  .q1-filter-mirror-actions :where(button,select){font-size:9px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}