/*
Theme Name: Luxury Watch Store
Theme URI: https://example.com/
Author: Simo Shop
Description: Premium mobile-first WooCommerce theme for a luxury wristwatch store in Morocco. Cash on Delivery checkout, Moroccan cities, WhatsApp ordering, hero slider, Customizer controls. Arabic/English and RTL ready.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: luxury-watch-store
Tags: e-commerce, custom-colors, custom-logo, rtl-language-support, translation-ready, threaded-comments
WC requires at least: 7.0
*/

/* ===== Base ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.no-scroll{overflow:hidden}
img,svg,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:500;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:20px}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:#fff;padding:10px 16px;z-index:999}
.skip:focus{inset-inline-start:8px;top:8px}
.center{text-align:center}
.ico{display:block;flex:none}
.lws-hide,#billing_country_field{display:none!important}

/* ===== Buttons ===== */
.btn,.button,button.button,input.button,.woocommerce-Button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border:1.5px solid transparent;border-radius:999px;font:600 15px/1.2 var(--f-body);cursor:pointer;text-align:center;transition:transform .25s,background .25s,color .25s,box-shadow .25s,border-color .25s;background:var(--ink);color:#fff}
.btn:hover,.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(15,13,38,.5)}
.btn--gold{background:var(--gold);color:var(--ink)}
.btn--gold:hover{background:#d9b45a}
.btn--dark{background:var(--ink);color:#fff}
.btn--ghost{background:transparent;color:var(--ink);border-color:rgba(15,13,38,.25)}
.btn--light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(6px)}
.btn--light:hover{background:#fff;color:var(--ink)}
.btn--wa{background:#1fa855;color:#fff}
.btn--sm{min-height:44px;padding:10px 16px;font-size:14px}
.button.loading{opacity:.6;pointer-events:none}
.button.added{display:none}
a.added_to_cart{display:none}
.round-btn,.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:0}
.round-btn{background:#fff;box-shadow:0 4px 14px rgba(15,13,38,.18);transition:transform .25s,color .25s}
.round-btn:hover{transform:scale(1.08)}
.wish-btn.is-on{color:#d0364e}.wish-btn.is-on svg{fill:currentColor}

/* ===== Announcement + header ===== */
.announce{background:var(--ink);color:#f1e6c6;text-align:center;font-size:13px;padding:8px 16px}
.announce p{margin:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(15,13,38,.06);transition:box-shadow .3s}
.site-header.is-stuck{box-shadow:0 8px 24px -16px rgba(15,13,38,.45)}
.header-in{display:flex;align-items:center;gap:8px;min-height:68px}
.brand{flex:1;display:flex;justify-content:center}
.brand img,.brand .custom-logo{height:54px;width:auto;mix-blend-mode:multiply;display:block}
.header-tools{display:flex;align-items:center;gap:0}
.cart-count,.wish-count{position:absolute;top:2px;inset-inline-end:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:var(--ink);font:700 11px/18px var(--f-body);text-align:center}
.cart-count[data-count="0"],.wish-count[data-count="0"]{display:none}
.acct{display:none}
.site-nav{position:fixed;inset-block:0;inset-inline-start:0;width:min(84vw,340px);background:#fff;z-index:70;padding:72px 24px 24px;transform:translateX(-105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);overflow-y:auto;visibility:hidden}
[dir=rtl] .site-nav{transform:translateX(105%)}
.site-nav.is-open{transform:none;visibility:visible}
.nav-close{position:absolute;top:12px;inset-inline-end:12px}
.site-nav .menu a{display:block;padding:15px 4px;font:500 20px/1.2 var(--f-head);border-bottom:1px solid rgba(15,13,38,.08)}
.nav-wa{display:flex;align-items:center;gap:10px;margin-top:24px;font-weight:600;color:#1a8a46}
.scrim{position:fixed;inset:0;background:rgba(10,8,30,.55);z-index:60}
.scrim[hidden]{display:none}
.search-panel{border-top:1px solid rgba(15,13,38,.06);background:#fff;padding:12px 0}
.search-panel[hidden]{display:none}
.search-panel form{display:flex;gap:8px}
input[type=search],input[type=text],input[type=tel],input[type=email],input[type=number],input[type=password],select,textarea{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid rgba(15,13,38,.16);border-radius:14px;background:#fff;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,162,75,.2);outline:0}
@media(min-width:960px){
	.nav-toggle,.nav-close,.scrim{display:none!important}
	.brand{flex:none;justify-content:flex-start;margin-inline-end:28px}
	.brand img,.brand .custom-logo{height:60px}
	.site-nav{position:static;transform:none!important;visibility:visible;width:auto;padding:0;background:none;overflow:visible;flex:1}
	.site-nav .menu{display:flex;gap:26px;justify-content:center}
	.site-nav .menu a{padding:8px 0;border:0;font:600 14px/1 var(--f-body);position:relative}
	.site-nav .menu a::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .3s}
	.site-nav .menu a:hover::after,.site-nav .menu .current-menu-item a::after{transform:scaleX(1)}
	.nav-wa{display:none}
	.acct{display:inline-grid}
	.header-tools{gap:4px}
}

/* ===== Hero ===== */
.hero{position:relative;min-height:clamp(520px,82svh,760px);color:#fff;background:#0a0820;overflow:hidden;display:flex;align-items:flex-end}
.hero__slides,.hero__slide,.hero__slide img,.hero__slide .ph{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero__slide{opacity:0;transition:opacity 1.6s ease}
.hero__slide.is-active{opacity:1}
.hero__slide img,.hero__slide .ph{object-fit:cover;object-position:var(--hero-pos,center);transform:scale(1.02)}
.hero__slide.is-active img{animation:kb 9s ease-out forwards}
@keyframes kb{to{transform:scale(1.13) translateX(-1.5%)}}
.hero__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,26,.92) 0%,rgba(8,6,26,.55) 45%,rgba(8,6,26,.1) 100%)}
.hero__content{position:relative;padding-block:0 76px}
.hero__title{font-size:clamp(38px,9vw,78px);max-width:11ch;margin-bottom:.35em;text-wrap:balance}
.hero__text{max-width:44ch;font-size:clamp(16px,2.4vw,19px);color:rgba(255,255,255,.86);margin-bottom:1.6em}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px}
.hero__btns .btn{flex:1 1 150px;max-width:230px}
.hero__ctrl{position:absolute;bottom:22px;inset-inline:0;display:flex;justify-content:center;align-items:center;gap:4px}
.hero__pause{width:32px;height:32px;margin-inline-start:10px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:#fff;font-size:9px;cursor:pointer;padding:0}
.hero__dot{width:32px;height:24px;padding:0;border:0;background:none;cursor:pointer;position:relative}
.hero__dot::after{content:"";position:absolute;inset-inline:2px;top:11px;height:2px;background:rgba(255,255,255,.4);border-radius:2px;transition:background .3s,height .3s}
.hero__dot.is-active::after{background:var(--gold);height:3px}
@media(min-width:900px){
	.hero{align-items:center}
	.hero__shade{background:linear-gradient(90deg,rgba(8,6,26,.9) 0%,rgba(8,6,26,.55) 42%,rgba(8,6,26,0) 72%)}
	[dir=rtl] .hero__shade{background:linear-gradient(270deg,rgba(8,6,26,.9) 0%,rgba(8,6,26,.55) 42%,rgba(8,6,26,0) 72%)}
	.hero__content{padding-block:60px}
}
@media(prefers-reduced-motion:reduce){.hero__slide.is-active img{animation:none}.hero__slide{transition:none}html{scroll-behavior:auto}}

/* ===== Sections ===== */
.section{padding-block:56px}
.section--flush{padding-block:20px 36px}
.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
.section__title{font-size:clamp(26px,5vw,40px);margin:0}
.section__title.center{margin-bottom:32px}
.link-more{font-weight:600;font-size:14px;border-bottom:1.5px solid var(--gold);padding-bottom:2px}
.empty-note{padding:24px;border:1.5px dashed rgba(15,13,38,.2);border-radius:16px;color:#5b5878}
.will-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.will-reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none;transition:none}}

/* ===== Product grid + card ===== */
ul.products,.lws-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:700px){ul.products,.lws-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
@media(min-width:1050px){ul.products,.lws-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}}
.lws-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(15,13,38,.06),0 12px 30px -20px rgba(15,13,38,.35);display:flex;flex-direction:column;transition:box-shadow .35s,transform .35s;min-width:0}
.lws-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(15,13,38,.5)}
.lws-card__media{position:relative;background:linear-gradient(160deg,#f1f1f7,#e4e4ef);aspect-ratio:1/1.12;overflow:hidden}
.lws-card__img{display:block;height:100%}
.lws-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lws-card:hover .lws-card__img img{transform:scale(1.07)}
.badge{position:absolute;top:10px;inset-inline-start:10px;padding:5px 12px;border-radius:999px;font:700 12px/1.2 var(--f-body);background:var(--ink);color:#fff;z-index:2}
.badge--sale{background:var(--gold);color:var(--ink)}
.badge--out{top:auto;bottom:10px}
.lws-card__quick{position:absolute;top:8px;inset-inline-end:8px;display:flex;flex-direction:column;gap:8px;z-index:2}
@media(hover:hover){.lws-card__quick .qv-btn{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}.lws-card:hover .qv-btn{opacity:1;transform:none}}
.lws-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.lws-card__title{font:600 15px/1.35 var(--f-body);margin:0;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:0}
.price{font-weight:700;font-size:16px;color:var(--ink)}
.price del{opacity:.5;font-weight:400;margin-inline-end:6px;font-size:.88em}
.price ins{text-decoration:none;color:#8a6414}
.lws-card__actions{display:grid;gap:8px;margin-top:auto;padding-top:8px}
.lws-card__actions .button{min-height:44px;padding:10px 12px;font-size:14px;background:transparent;color:var(--ink);border-color:var(--ink)}
.lws-card__actions .button:hover{background:var(--ink);color:#fff}
@media(min-width:700px){.lws-card__actions{grid-template-columns:1fr 1fr}}

/* ===== Collection / why / story / cta / insta / wa ===== */
.collection{position:relative;display:block;border-radius:28px;overflow:hidden;min-height:440px;color:#fff;isolation:isolate}
.collection__img{position:absolute;inset:0;z-index:-2;display:block;overflow:hidden}
.collection__img img,.collection__img .ph{width:100%;height:100%;object-fit:cover;display:block;animation:kb2 22s ease-in-out infinite alternate}
@keyframes kb2{to{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.collection__img img{animation:none}}
.collection::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,6,26,.85),rgba(8,6,26,.15))}
.collection__txt{position:absolute;inset-inline:0;bottom:0;padding:28px;display:block}
.collection__h{display:block;font:500 clamp(32px,6vw,54px)/1.1 var(--f-head);margin-bottom:.3em}
.collection__p{display:block;max-width:42ch;margin-bottom:1.3em;color:rgba(255,255,255,.86)}
@media(min-width:900px){.collection{min-height:520px}.collection::before{background:linear-gradient(90deg,rgba(8,6,26,.85),rgba(8,6,26,0) 65%)}.collection__txt{top:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px}}
.why__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.why__item{background:#fff;border-radius:20px;padding:22px 16px;text-align:center;box-shadow:0 12px 30px -24px rgba(15,13,38,.4)}
.why__item h3{font:700 15px/1.3 var(--f-body);margin:12px 0 6px}
.why__item p{font-size:13.5px;color:#5b5878;margin:0}
.why__ico{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,var(--indigo),var(--ink));color:var(--gold);animation:float 5s ease-in-out infinite}
.why__item:nth-child(2) .why__ico{animation-delay:-1.2s}.why__item:nth-child(3) .why__ico{animation-delay:-2.4s}.why__item:nth-child(4) .why__ico{animation-delay:-3.6s}
.why__ico svg{width:26px;height:26px}
@keyframes float{50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.why__ico{animation:none}}
@media(min-width:900px){.why__grid{grid-template-columns:repeat(4,1fr);gap:22px}.why__item{padding:32px 22px}.why__item h3{font-size:16px}}
.story__grid{display:grid;gap:28px;align-items:center}
.story__img{border-radius:28px;overflow:hidden;box-shadow:0 30px 50px -30px rgba(15,13,38,.5)}
.story__img img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}
.story__txt p{font-size:17px;color:#3b3858;max-width:52ch}
@media(min-width:900px){.story__grid{grid-template-columns:1fr 1fr;gap:64px}.story__img img{aspect-ratio:5/6}}
.cta{background:radial-gradient(circle at 85% 20%,rgba(200,162,75,.35),transparent 45%),linear-gradient(135deg,var(--indigo),var(--ink));color:#fff;border-radius:28px;padding:48px 24px;text-align:center}
.cta h2{font-size:clamp(28px,6vw,46px)}
.cta p{max-width:46ch;margin-inline:auto;color:rgba(255,255,255,.82)}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.cta__btns .btn{flex:1 1 170px;max-width:240px}
.insta__head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:26px}
.insta__ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(45deg,#f9a03f,#dc2f7c,#6a3fd1)}
.insta__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.insta__grid a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:1}
.insta__grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.insta__grid a:hover img{transform:scale(1.08)}
@media(min-width:900px){.insta__grid{grid-template-columns:repeat(6,1fr);gap:12px}}
.wa-box{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#fff;border:1.5px solid rgba(31,168,85,.35);border-radius:28px;padding:32px 22px}
.wa-box h2{font-size:clamp(24px,5vw,34px);margin:0}
.wa-box p{margin:4px 0 0;color:#5b5878;font-weight:600}
.wa-box__ico{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#1fa855;color:#fff}
.wa-box__ico svg{width:30px;height:30px}
@media(min-width:800px){.wa-box{flex-direction:row;text-align:start;padding:28px 40px}.wa-box>div{flex:1}}
.wa-float{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;width:58px;height:58px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -6px rgba(31,168,85,.7);transition:transform .25s}
.wa-float svg{width:30px;height:30px}
.wa-float:hover{transform:scale(1.08)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #1fa855;animation:ping 2.8s ease-out infinite}
@keyframes ping{to{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){.wa-float::after{animation:none}}

/* ===== Footer ===== */
.site-footer{background:var(--ink);color:rgba(255,255,255,.75);padding-top:52px;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 20px}
.footer-brand{grid-column:1/-1}
.footer-logo{display:inline-block;background:#fff;border-radius:16px;padding:8px 14px}
.footer-logo img{height:76px;width:auto;display:block}
.footer-brand p{max-width:40ch;margin:14px 0}
.footer-title{font:700 15px/1.2 var(--f-body);color:#fff;margin-bottom:14px}
.site-footer li{margin-bottom:9px;font-size:14.5px}
.site-footer a:hover{color:var(--gold)}
.social{display:flex;gap:10px}
.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.social a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-block:20px;font-size:13.5px}
.footer-bottom p{margin:0}
@media(min-width:900px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}.footer-brand{grid-column:auto}}

/* ===== Modal ===== */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,8,30,.6);opacity:0;transition:opacity .3s}
.modal[hidden]{display:none}
.modal.is-open{opacity:1}
.modal__box{position:relative;width:100%;max-width:560px;max-height:90svh;overflow-y:auto;background:#fff;border-radius:26px 26px 0 0;padding:30px 22px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(40px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.modal.is-open .modal__box{transform:none}
.modal--lg .modal__box{max-width:860px}
.modal__close{position:absolute;top:8px;inset-inline-end:8px;background:#f1f1f7}
@media(min-width:700px){.modal{align-items:center}.modal__box{border-radius:26px;padding:34px}}
.added{text-align:center}
.added__tick{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:30px;font-weight:700;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(0)}}
.added h3{margin:14px 0 4px}
.added__btns{display:grid;gap:10px;margin-top:20px}
@media(min-width:600px){.added__btns{grid-template-columns:repeat(3,auto)}}
.qv{display:grid;gap:18px}
.qv__img img{border-radius:18px;width:100%}
.qv h3{font-size:24px}
.qv__actions{display:grid;gap:10px;margin-top:14px}
@media(min-width:700px){.qv{grid-template-columns:1fr 1fr;gap:28px}}
.wl{display:grid;gap:12px;margin-top:14px}
.wl-item{display:grid;grid-template-columns:72px 1fr 40px;gap:14px;align-items:center}
.wl-item img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.wl-item__name{font-weight:600}
.wl-item__rm{border:0;background:none;font-size:26px;cursor:pointer;color:#777}

/* ===== Inner pages ===== */
.page-wrap{padding-block:36px 24px}
.page-wrap--narrow{max-width:800px}
.page-head h1{font-size:clamp(30px,6vw,46px)}
.entry__content{font-size:17px;max-width:72ch}
.entry__content a{color:var(--indigo);text-decoration:underline}
.entry__thumb{border-radius:20px;margin-bottom:24px}
.post-grid{display:grid;gap:26px;margin-block:20px}
@media(min-width:800px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-card img{border-radius:16px;width:100%;aspect-ratio:3/2;object-fit:cover}
.post-card h2{font-size:22px;margin-top:12px}
.post-card__meta{font-size:13px;color:#77749a}
.search-form{display:flex;gap:8px;max-width:480px}
.navigation.pagination,.woocommerce-pagination{margin-block:34px;text-align:center}
.page-numbers{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}
.page-numbers li{display:inline}
.page-numbers a,.page-numbers span,.nav-links a,.nav-links span{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:50%;background:#fff;border:1px solid rgba(15,13,38,.12);font-weight:600}
.page-numbers .current,.nav-links .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.comments{margin-top:40px}

/* ===== Shop ===== */
.page-hero{background:radial-gradient(circle at 80% 0,rgba(200,162,75,.28),transparent 50%),linear-gradient(135deg,var(--indigo),var(--ink));color:#fff;padding-block:44px 40px}
.page-hero h1{margin:0;font-size:clamp(32px,7vw,54px)}
.page-hero p{margin:10px 0 0;color:rgba(255,255,255,.8);max-width:60ch}
.woo-wrap{padding-block:28px 40px}
.shop-tools{display:grid;gap:14px;margin-bottom:22px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid rgba(15,13,38,.14);font-weight:600;font-size:14px;transition:background .25s,color .25s}
.chip:hover,.chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filter-form__search{grid-column:1/-1}
.filter-form .btn{grid-column:1/-1}
@media(min-width:800px){.filter-form{grid-template-columns:1fr 140px 140px auto}.filter-form__search{grid-column:auto}.filter-form .btn{grid-column:auto}}
.woocommerce-ordering{margin:0 0 20px}
.woocommerce-ordering select{max-width:280px}
.woocommerce-result-count{display:none}
.crumbs{font-size:13px;color:#77749a;margin-bottom:16px}
.crumbs a:hover{color:var(--ink)}
.woocommerce-info,.woocommerce-message,.woocommerce-error{list-style:none;margin:0 0 20px;padding:16px 20px;border-radius:14px;background:#fff;border-inline-start:4px solid var(--gold);box-shadow:0 8px 24px -18px rgba(15,13,38,.5)}
.woocommerce-error{border-color:#d0364e}
.woocommerce-message .button,.woocommerce-info .button{float:none;margin-inline-start:12px;min-height:40px;padding:8px 18px}

/* ===== Single product ===== */
.single-product div.product{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
.woocommerce-product-gallery{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#fff}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image img{width:100%;display:block}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;inset-inline-end:12px;z-index:5;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:0;box-shadow:0 4px 14px rgba(15,13,38,.2)}
.woocommerce-product-gallery__trigger::before{content:"⤢";font-size:20px}
.flex-control-thumbs{display:flex;gap:8px;padding:10px;overflow-x:auto;margin:0}
.flex-control-thumbs li{flex:0 0 68px}
.flex-control-thumbs img{border-radius:10px;opacity:.55;cursor:pointer;transition:opacity .3s;width:100%}
.flex-control-thumbs img.flex-active,.flex-control-thumbs img:hover{opacity:1}
span.onsale{position:absolute;top:14px;inset-inline-start:14px;z-index:6;background:var(--gold);color:var(--ink);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px}
.summary .product_title{font-size:clamp(28px,6vw,42px)}
.summary .price{font-size:26px;margin-bottom:14px}
.woocommerce-product-details__short-description{color:#3b3858;margin-bottom:20px}
form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:18px}
form.cart .quantity{flex:0 0 100%}
form.cart .single_add_to_cart_button{flex:1 1 calc(50% - 5px);background:var(--ink)}
form.cart .buy-now-btn{flex:1 1 calc(50% - 5px)}
form.cart .btn--wa{flex:1 1 100%}
.variations_form.cart{display:block}
.variations_form .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px}
.variations{width:100%;margin-bottom:16px}
.variations td,.variations th{display:block;text-align:start;padding:0 0 6px}
.reset_variations{font-size:13px;margin-inline-start:10px}
.quantity{display:inline-flex;align-items:center;border:1.5px solid rgba(15,13,38,.16);border-radius:999px;background:#fff;overflow:hidden;width:max-content}
.quantity input.qty{width:56px;min-height:46px;border:0;border-radius:0;text-align:center;padding:0;box-shadow:none!important;-moz-appearance:textfield}
.quantity input.qty::-webkit-inner-spin-button{display:none}
.qty-btn{width:46px;height:46px;border:0;background:none;font-size:22px;cursor:pointer}
.qty-btn:hover{background:#f1f1f7}
.trust-list{display:grid;gap:8px;font-size:14px;color:#3b3858;margin-block:6px 18px}
.trust-list li{display:flex;align-items:center;gap:10px}
.trust-list svg{color:var(--gold);width:20px;height:20px}
.product_meta{font-size:13.5px;color:#5b5878;display:grid;gap:4px}
.woocommerce-tabs{grid-column:1/-1}
.wc-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid rgba(15,13,38,.12);margin:0 0 20px;scrollbar-width:none}
.wc-tabs li a{display:block;padding:12px 18px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.wc-tabs li.active a{border-color:var(--gold)}
.woocommerce-Tabs-panel h2{font-size:22px}
.related.products,.up-sells{grid-column:1/-1;margin-top:20px}
.related.products>h2,.up-sells>h2{font-size:clamp(24px,5vw,34px)}
@media(min-width:900px){
	.single-product div.product{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
	.summary{position:sticky;top:100px}
	form.cart .quantity{flex:0 0 auto}
	form.cart .single_add_to_cart_button,form.cart .buy-now-btn{flex:1 1 0}
}

/* ===== Cart ===== */
.woocommerce-cart-form{margin-bottom:24px}
table.shop_table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px -24px rgba(15,13,38,.4)}
table.shop_table th,table.shop_table td{padding:14px 16px;text-align:start;border-bottom:1px solid rgba(15,13,38,.07);vertical-align:middle}
table.shop_table th{font-size:13px;color:#77749a;font-weight:600}
.product-thumbnail img{width:76px;border-radius:12px}
.product-remove a.remove{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f4e3e6;color:#d0364e;font-size:22px;line-height:1}
.actions .coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.actions .coupon input{flex:1 1 160px;width:auto}
.cart-collaterals{display:grid;gap:18px}
.cart_totals{background:#fff;border-radius:20px;padding:22px;box-shadow:0 12px 30px -24px rgba(15,13,38,.4)}
.cart_totals h2{font-size:24px}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals th,.cart_totals td{padding:10px 0;text-align:start;border-bottom:1px solid rgba(15,13,38,.07)}
.cart_totals td{text-align:end}
.order-total td,.order-total th{font-size:19px;font-weight:700}
.wc-proceed-to-checkout .button{width:100%;margin-top:16px;min-height:54px;background:var(--gold);color:var(--ink);font-size:16px}
.return-to-shop .button{background:var(--ink)}
@media(min-width:900px){.cart-collaterals{grid-template-columns:1fr 1fr}.cart_totals{grid-column:2}}
@media(max-width:700px){
	table.shop_table_responsive thead{display:none}
	table.shop_table_responsive tr{display:block;position:relative;padding:14px 14px 6px;border-bottom:1px solid rgba(15,13,38,.08)}
	table.shop_table_responsive td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border:0;text-align:end}
	table.shop_table_responsive td::before{content:attr(data-title);font-weight:600;font-size:13px;color:#77749a;text-align:start}
	table.shop_table_responsive td.product-remove{position:absolute;top:8px;inset-inline-end:8px;padding:0}
	table.shop_table_responsive td.product-remove::before,table.shop_table_responsive td.product-thumbnail::before,table.shop_table_responsive td.actions::before{display:none}
	table.shop_table_responsive td.product-thumbnail{justify-content:flex-start}
	table.shop_table_responsive td.actions{display:block;text-align:start}
	.woocommerce-cart-form .actions .button[name=update_cart]{width:100%;margin-top:6px}
}

/* ===== Checkout ===== */
form.checkout{display:grid;gap:22px}
.woocommerce-billing-fields h3,#order_review_heading,.woocommerce-additional-fields h3{font-size:24px}
.col2-set{display:block}
.col-1,.col-2{width:100%}
.form-row{margin:0 0 14px;display:block}
.form-row label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.form-row .required{color:#d0364e;text-decoration:none}
.woocommerce-billing-fields,.woocommerce-additional-fields,#order_review{background:#fff;border-radius:22px;padding:22px 18px;box-shadow:0 12px 30px -24px rgba(15,13,38,.4)}
#order_review_heading{margin:0 0 10px}
.woocommerce-checkout-review-order-table{box-shadow:none;border-radius:0}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:12px 0}
.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table tfoot td{text-align:end}
.cod-note{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(200,162,75,.2),rgba(200,162,75,.08));border:1.5px solid var(--gold);font-weight:600;font-size:14.5px}
.cod-note svg{color:#a4761b;width:26px;height:26px}
#payment ul.payment_methods{margin:0 0 14px}
#payment .payment_box{background:#f4f4f9;border-radius:12px;padding:12px 14px;font-size:14px;margin-top:8px}
#payment .payment_box p{margin:0}
#payment li label{display:inline;font-weight:700}
#place_order{width:100%;min-height:58px;font-size:17px;background:var(--gold);color:var(--ink);margin-top:10px}
.woocommerce-privacy-policy-text{font-size:13px;color:#77749a}
.woocommerce-invalid input,.woocommerce-invalid select{border-color:#d0364e}
.blockUI.blockOverlay{background:rgba(255,255,255,.7)!important}
@media(min-width:960px){form.checkout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}#order_review_heading{display:none}#customer_details{grid-row:span 2}.woocommerce-billing-fields,.woocommerce-additional-fields,#order_review{padding:30px}#order_review{position:sticky;top:96px}}
.woocommerce-order{max-width:760px;margin-inline:auto}
ul.woocommerce-order-overview{display:grid;gap:8px;background:#fff;border-radius:18px;padding:20px;margin-bottom:24px}

/* ===== My account ===== */
.woocommerce-MyAccount-navigation ul{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid rgba(15,13,38,.14);white-space:nowrap;font-weight:600;font-size:14px}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff}
form.woocommerce-form-login,form.woocommerce-form-register{background:#fff;padding:24px;border-radius:20px}

/* ===== v2 additions: bilingual, photos, sections ===== */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(ar) h4,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.35}
[dir=rtl] body{line-height:1.8}
[dir=rtl] .hero__title{max-width:14ch}
/* photo frame placeholder (no drawings: an empty studio-dark frame until a photo is uploaded) */
.ph{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;min-height:220px;background:radial-gradient(circle at 30% 20%,#3a3670 0,#15132e 55%,#0a0820 100%)}
.ph__hint{margin:12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px}
.announce p{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;letter-spacing:.06em}
.announce svg{width:18px;height:18px;color:var(--gold)}
[dir=rtl] .announce p{letter-spacing:0}
/* language switcher */
.lang-switch{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}
.lang-switch a{padding:8px 4px;color:#5b5878;min-height:40px;display:inline-flex;align-items:center}
.lang-switch a.is-current{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}
.lang-switch__sep{color:rgba(15,13,38,.25)}
.lang-switch--drawer{margin-bottom:6px;font-size:15px}
.nav-extra{display:grid;gap:4px;margin-top:22px}
.nav-extra a,.nav-extra button{display:flex;align-items:center;gap:10px;padding:12px 0;background:none;border:0;font:600 16px var(--f-body);color:var(--ink);cursor:pointer;text-align:start}
.lang-switch--head{margin-inline-end:2px}
.hide-m{display:none}
@media(max-width:959px){.lang-switch--head{font-size:12px;gap:3px}.lang-switch--head a{padding:8px 3px}.header-in{gap:2px}.brand img,.brand .custom-logo{height:48px}.lang-switch--drawer{display:none}}
@media(min-width:960px){.hide-m{display:inline-grid}.nav-extra{display:none}.lang-switch--head{margin-inline-end:10px}.lang-switch--head a{padding:8px 6px}}
/* free shipping */
.ship-note{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,rgba(200,162,75,.22),rgba(200,162,75,.08));border:1px solid rgba(200,162,75,.6);font-weight:700;font-size:14px}
.ship-note svg{color:#8a6414;width:24px;height:24px}
.ship-note--dark{background:rgba(255,255,255,.06);border-color:rgba(200,162,75,.5);color:#f1e6c6;margin:14px 0 0;max-width:340px}
.ship-note--dark svg{color:var(--gold)}
.ship-strip{background:#fff;border-bottom:1px solid rgba(15,13,38,.06)}
.ship-strip .container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 22px;padding-block:10px}
.ship-note--strip{background:none;border:0;margin:0;padding:0}
.ship-strip__cod{font-weight:700;font-size:14px}
.ship-strip__cod::before{content:"•";margin-inline-end:22px;color:var(--gold)}
.lws-ship-row td{text-align:end;color:#1a8a46}
/* product rails: mobile horizontal carousel with snap */
.lws-rail{margin-top:8px}
@media(max-width:699px){
	ul.products.lws-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 18px;margin-inline:-20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	ul.products.lws-rail::-webkit-scrollbar{display:none}
	ul.products.lws-rail>.lws-card{flex:0 0 72%;scroll-snap-align:center;max-width:300px}
}
/* men / women split */
.split{display:grid;gap:22px;align-items:center;margin-bottom:26px}
.split__img{border-radius:28px;overflow:hidden;box-shadow:0 30px 50px -34px rgba(15,13,38,.55);aspect-ratio:4/3}
.split__img img,.split__img .ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.split:hover .split__img img{transform:scale(1.05)}
.split__txt p{font-size:17px;color:#3b3858;max-width:46ch}
@media(min-width:900px){.split{grid-template-columns:1.1fr 1fr;gap:60px;margin-bottom:40px}.split--flip .split__img{order:2}.split__img{aspect-ratio:5/4}}
.story__img img,.story__img .ph{width:100%;aspect-ratio:5/4;object-fit:cover;display:block;height:auto;transition:transform 1.4s ease}
.story__img:hover img{transform:scale(1.04)}
@media(min-width:900px){.story__img img,.story__img .ph{aspect-ratio:5/6}}
.why__item h3{font-size:14px}
[data-parallax]{will-change:transform}
/* service band */
.service__list{display:grid;gap:12px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 30px -24px rgba(15,13,38,.4)}
.service__list li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
.service__list svg{color:#8a6414;width:26px;height:26px}
@media(min-width:800px){.service__list{grid-template-columns:repeat(3,1fr);padding:26px 34px}}
.wa-box__num{direction:ltr;unicode-bidi:embed}
.insta__grid span{display:block;border-radius:14px;overflow:hidden;aspect-ratio:1}
.insta__grid img{width:100%;height:100%;object-fit:cover;display:block}
.footer-fr{font-size:13px;opacity:.75}
/* blog */
.page-hero__desc{margin-top:10px;color:rgba(255,255,255,.82);max-width:60ch}
.page-hero__desc p{margin:0}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none}
.crumbs li+li::before{content:"/";margin-inline-end:8px;opacity:.5}
.chips--blog{margin-bottom:24px}
.post-card{display:flex;flex-direction:column;gap:6px}
.post-card__img{display:block;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:#e4e4ef}
.post-card__img img,.post-card__img .ph{width:100%;height:100%;object-fit:cover;min-height:0;transition:transform .8s}
.post-card:hover .post-card__img img{transform:scale(1.06)}
.post-card__cat{font-size:13px;font-weight:600;color:#8a6414;margin-top:8px}
.post-card__cat a{color:inherit}
.post-card__title{font-size:22px;margin:0}
.post-card__ex{color:#3b3858;font-size:15px}
.post-card__ex p{margin:0}
.related-posts{margin-top:48px}
.entry__foot{margin-top:24px}
.entry__foot a{display:inline-block;margin:0 0 6px 6px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid rgba(15,13,38,.14);font-size:13px}
.entry__content{line-height:1.85}
.entry__content h2,.entry__content h3{margin-top:1.6em}
.entry__content img{border-radius:14px}
/* cross-sells / upsells / checkout coupon */
.cross-sells{margin-top:26px}.cross-sells>h2,.up-sells>h2{font-size:24px}
.checkout_coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.checkout_coupon p{margin:0}.checkout_coupon .form-row-first{flex:1 1 200px}
.woocommerce-form-coupon-toggle{margin-bottom:12px}
.woocommerce-form-coupon-toggle .showcoupon{color:var(--indigo);text-decoration:underline}
/* RTL touches */
[dir=rtl] .hero__slide.is-active img{animation-name:kb-rtl}
@keyframes kb-rtl{to{transform:scale(1.13) translateX(1.5%)}}
[dir=rtl] .wa-float{inset-inline-end:16px}
[dir=rtl] .quantity{direction:ltr}
[dir=rtl] input[type=tel],[dir=rtl] input[type=email],[dir=rtl] input[type=number]{text-align:end}
[dir=rtl] .price{direction:rtl}

.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.price del,.price ins,.price .amount{white-space:nowrap}.price del{margin:0}
[...document.querySelectorAll('*')].filter(e => e.getBoundingClientRect().left < 0 || e.getBoundingClientRect().right > innerWidth).forEach(e => console.log(e))