/* ============================================
   MCW Watch Store — All-in-one Stylesheet
   ============================================ */

/* --- Design Tokens --- */
:root {
  --color-primary: #1a1a1a;
  --color-secondary: #2c2c2c;
  --color-accent-gold: #c9a96e;
  --color-accent-gold-light: #d4b87a;
  --color-accent-gold-dark: #b08d4f;
  --color-sale: #ff4d4d;

  --color-text-primary: #1a1a1a;
  --color-text-secondary: #666;
  --color-text-muted: #999;
  --color-text-light: #ccc;
  --color-text-white: #fff;

  --color-bg-white: #fff;
  --color-bg-light: #f7f7f7;
  --color-bg-cream: #faf8f5;
  --color-bg-dark: #1a1a1a;
  --color-bg-darker: #111;
  --color-bg-overlay: rgba(0,0,0,.5);

  --color-border-light: #e5e5e5;
  --color-border-dark: rgba(255,255,255,.1);

  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;

  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  --shadow-md: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);

  --transition-fast: 150ms cubic-bezier(.4,0,.2,1);
  --transition-base: 300ms cubic-bezier(.4,0,.2,1);
  --transition-slow: 500ms cubic-bezier(.4,0,.2,1);
  --transition-spring: 500ms cubic-bezier(.16,1,.3,1);

  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-cart: 500;
  --z-toast: 600;

  --container-max: 1400px;
  --container-padding: 1.5rem;
  --header-height: 70px;
}

/* --- Reset --- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}
button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1}
::selection{background:var(--color-accent-gold);color:#fff}

/* --- Utilities --- */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}
.section{padding:var(--space-20) 0}
.section--dark{background:var(--color-bg-dark);color:var(--color-text-white)}
.section--cream{background:var(--color-bg-cream)}
.section__header{text-align:center;margin-bottom:var(--space-12)}
.section__subtitle{font-size:var(--text-sm);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:var(--space-3)}
.section__title{font-size:var(--text-4xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.section--dark .section__subtitle{color:var(--color-accent-gold-light)}

/* --- Buttons --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition-base);position:relative;overflow:hidden}
.btn--primary{background:var(--color-accent-gold);color:#fff}
.btn--primary:hover{background:var(--color-accent-gold-dark);transform:translateY(-2px);box-shadow:0 4px 20px rgba(201,169,110,.4)}
.btn--dark{background:var(--color-bg-dark);color:#fff}
.btn--dark:hover{background:var(--color-accent-gold);transform:translateY(-2px)}
.btn--lg{padding:var(--space-5) var(--space-10);font-size:var(--text-base)}
.btn--full{width:100%}

/* --- Fade animations --- */
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.fade-in-left{opacity:0;transform:translateX(-40px);transition:opacity .8s ease,transform .8s ease}
.fade-in-left.visible{opacity:1;transform:translateX(0)}
.fade-in-right{opacity:0;transform:translateX(40px);transition:opacity .8s ease,transform .8s ease}
.fade-in-right.visible{opacity:1;transform:translateX(0)}

/* --- Skip to content --- */
.skip-to-content{position:absolute;top:-100%;left:var(--space-4);background:var(--color-bg-dark);color:#fff;padding:var(--space-3) var(--space-6);z-index:1000;border-radius:var(--radius-md);font-weight:600}
.skip-to-content:focus{top:var(--space-4)}

/* --- Announcement Bar --- */
.announcement-bar{background:var(--color-bg-dark);color:#fff;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:var(--z-sticky)}
.announcement-bar strong{color:var(--color-accent-gold)}

/* --- Header --- */
.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);transition:box-shadow var(--transition-base)}
.header.scrolled{box-shadow:var(--shadow-md)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--container-padding);max-width:var(--container-max);margin:0 auto}
.header__logo{display:flex;align-items:center;flex-shrink:0}
.header__logo img{height:40px;width:auto}
.header__nav{display:flex;align-items:center;gap:var(--space-1)}
.header__nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);position:relative;transition:color var(--transition-fast)}
.header__nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-accent-gold);transition:all var(--transition-base);transform:translateX(-50%)}
.header__nav-link:hover::after{width:60%}
.header__nav-link:hover{color:var(--color-accent-gold-dark)}
.header__nav-item{position:relative}
.header__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-4);min-width:220px;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-dropdown)}
.header__nav-item:hover .header__dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.header__dropdown-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.header__dropdown-link:hover{color:var(--color-text-primary);background:var(--color-bg-light)}
.header__actions{display:flex;align-items:center;gap:var(--space-2)}
.header__action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);transition:all var(--transition-fast);color:var(--color-text-primary);position:relative}
.header__action-btn:hover{background:var(--color-bg-light);color:var(--color-accent-gold)}
.header__action-btn svg{width:22px;height:22px;stroke-width:1.5}
.cart-badge{position:absolute;top:2px;right:2px;background:var(--color-accent-gold);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all var(--transition-spring)}
.cart-badge.visible{opacity:1;transform:scale(1)}
.header__menu-toggle{display:none;flex-direction:column;gap:5px;width:28px;height:20px;cursor:pointer}
.header__menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--transition-base)}
.header__menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.header__menu-toggle.active span:nth-child(2){opacity:0}
.header__menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* --- Mobile Nav --- */
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--transition-base)}
.mobile-nav-overlay.active{opacity:1;visibility:visible}
.mobile-nav{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--color-bg-white);z-index:calc(var(--z-overlay) + 1);transform:translateX(-100%);transition:transform var(--transition-base);overflow-y:auto;padding:var(--space-8) var(--space-6)}
.mobile-nav.active{transform:translateX(0)}
.mobile-nav__link{display:block;padding:var(--space-4) 0;font-size:var(--text-lg);font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}
.mobile-nav__link:hover{color:var(--color-accent-gold)}
.mobile-nav__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary)}
.mobile-nav__close:hover{background:var(--color-bg-light)}

/* --- Hero --- */
.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-dark);overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:1}
.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.05);transition:transform 10s ease}
.hero:hover .hero__bg img{transform:scale(1)}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%)}
.hero__content{position:relative;z-index:2;max-width:800px;padding:var(--space-8)}
.hero__title{font-family:var(--font-display);font-size:clamp(2.25rem,8vw,4.5rem);font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-6);line-height:1.1;animation:heroFadeIn 1s ease .3s both}
.hero__title strong{color:var(--color-accent-gold)}
.hero__description{font-size:var(--text-lg);color:#ccc;line-height:1.75;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;animation:heroFadeIn 1s ease .6s both}
.hero__cta{animation:heroFadeIn 1s ease .9s both}
.hero__rating{margin-top:var(--space-8);animation:heroFadeIn 1s ease 1.2s both}
.hero__stars{color:var(--color-accent-gold);font-size:var(--text-lg);letter-spacing:3px}
.hero__rating-text{color:#ccc;font-size:var(--text-sm);margin-top:var(--space-2)}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* --- Concept Video --- */
.concept-section{position:relative;width:100%;max-height:60vh;overflow:hidden}
.concept-section__video{width:100%;height:100%}
.concept-section__video video{width:100%;height:100%;object-fit:cover;display:block}

/* --- Collections Carousel --- */
.collections{padding:var(--space-16) 0;overflow:hidden}
.collections__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-10);padding:0 var(--container-padding);max-width:var(--container-max);margin-left:auto;margin-right:auto}
.collections__subtitle{font-size:var(--text-sm);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:var(--space-2)}
.collections__title{font-size:var(--text-3xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.collections__nav{display:flex;gap:var(--space-2)}
.collections__nav-btn{width:48px;height:48px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:var(--color-text-primary)}
.collections__nav-btn:hover{background:var(--color-bg-dark);border-color:var(--color-bg-dark);color:#fff}
.collections__nav-btn svg{width:20px;height:20px}
.collections__track{display:flex;gap:var(--space-6);transition:transform var(--transition-slow);cursor:grab;padding:0 var(--container-padding)}
.collections__track:active{cursor:grabbing}
.collection-card{flex-shrink:0;width:320px;position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:3/4;cursor:pointer}
.collection-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.collection-card:hover .collection-card__image{transform:scale(1.08)}
.collection-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);transition:background var(--transition-base)}
.collection-card:hover .collection-card__overlay{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.1) 70%)}
.collection-card__info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-8) var(--space-6) var(--space-6);color:#fff}
.collection-card__name{font-size:var(--text-xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-2)}
.collection-card__count{font-size:var(--text-sm);color:#ccc;opacity:0;transform:translateY(10px);transition:all var(--transition-base)}
.collection-card:hover .collection-card__count{opacity:1;transform:translateY(0)}

/* --- Bestsellers --- */
.bestsellers{padding:var(--space-20) 0;background:var(--color-bg-cream)}
.bestsellers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}

/* --- Product Card --- */
.product-card{background:var(--color-bg-white);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);cursor:pointer;position:relative}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}
.product-card__image-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-bg-light)}
.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.product-card:hover .product-card__image{transform:scale(1.05)}
.product-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--color-accent-gold);color:#fff;font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase}
.product-card__badge--sale{background:var(--color-sale)}
.product-card__actions{position:absolute;bottom:var(--space-3);left:50%;transform:translateX(-50%) translateY(20px);opacity:0;transition:all var(--transition-base);display:flex;gap:var(--space-2)}
.product-card:hover .product-card__actions{opacity:1;transform:translateX(-50%) translateY(0)}
.product-card__action-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);color:var(--color-text-primary)}
.product-card__action-btn:hover{background:var(--color-bg-dark);color:#fff}
.product-card__action-btn svg{width:18px;height:18px}
.product-card__add-btn{width:auto;padding:0 var(--space-5);gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.product-card__add-btn svg{width:16px;height:16px}
.product-card__info{padding:var(--space-5) var(--space-5) var(--space-6)}
.product-card__name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1);color:var(--color-text-primary)}
.product-card__name:hover{color:var(--color-accent-gold)}
.product-card__type{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}
.product-card__prices{display:flex;align-items:center;gap:var(--space-3)}
.product-card__price{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}
.product-card__price--sale{color:var(--color-sale)}
.product-card__price--original{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:line-through}

/* --- Brand Concept --- */
.brand-concept{padding:var(--space-20) 0}
.brand-concept__header{text-align:center;margin-bottom:var(--space-12)}
.brand-concept__subtitle{font-size:var(--text-base);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3)}
.brand-concept__title{font-size:var(--text-4xl);font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.1}
.brand-concept__title em{font-style:italic;color:var(--color-accent-gold)}
.brand-concept__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.brand-concept__image-wrap{position:relative;border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:4/5}
.brand-concept__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.brand-concept__image-wrap:hover .brand-concept__image{transform:scale(1.05)}
.brand-concept__content{padding:var(--space-4) 0}
.brand-concept__text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-6)}
.brand-concept__text strong{color:var(--color-text-primary)}

/* --- Process Steps --- */
.process{padding:var(--space-20) 0;background:var(--color-bg-dark);color:#fff}
.process__steps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}
.process__step-card{display:flex;flex-direction:column;gap:var(--space-6);text-align:center}
.process__step-video{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/9;background:#222}
.process__step-video video{width:100%;height:100%;object-fit:cover;display:block}
.process__step-content{padding:0 var(--space-4)}
.process__step-num{font-size:var(--text-5xl);font-weight:800;color:rgba(201,169,110,.2);line-height:1;display:block;margin-bottom:var(--space-2);transition:color var(--transition-base)}
.process__step-card:hover .process__step-num{color:rgba(201,169,110,.4)}
.process__step-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3);letter-spacing:.05em;color:#fff}
.process__step-text{font-size:var(--text-sm);color:#ccc;line-height:1.75}

/* --- Trust --- */
.trust{padding:var(--space-16) 0}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}
.trust__item{text-align:center;padding:var(--space-6);border-radius:var(--radius-xl);transition:all var(--transition-base)}
.trust__item:hover{background:var(--color-bg-light);transform:translateY(-4px)}
.trust__item-icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;color:var(--color-accent-gold)}
.trust__item-icon svg{width:32px;height:32px}
.trust__item-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}
.trust__item-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.75}

/* --- Newsletter --- */
.newsletter{padding:var(--space-20) 0;background:var(--color-bg-cream);text-align:center}
.newsletter__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4)}
.newsletter__text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}
.newsletter__form{display:flex;max-width:500px;margin:0 auto;gap:var(--space-3)}
.newsletter__input{flex:1;padding:var(--space-4) var(--space-5);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast);background:#fff}
.newsletter__input:focus{outline:none;border-color:var(--color-accent-gold)}
.newsletter__input::placeholder{color:#999}

/* --- Footer --- */
.footer{background:var(--color-bg-darker);color:#ccc;padding:var(--space-16) 0 var(--space-8)}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}
.footer__brand-text{font-size:var(--text-sm);line-height:1.75;color:#999;margin-top:var(--space-4);max-width:300px}
.footer__heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:var(--space-5)}
.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}
.footer__link{font-size:var(--text-sm);color:#999;transition:color var(--transition-fast)}
.footer__link:hover{color:var(--color-accent-gold)}
.footer__social{display:flex;gap:var(--space-3);margin-top:var(--space-5)}
.footer__social-link{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#999;transition:all var(--transition-base)}
.footer__social-link:hover{background:var(--color-accent-gold);border-color:var(--color-accent-gold);color:#fff}
.footer__social-link svg{width:18px;height:18px}
.footer__bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}
.footer__copyright{font-size:var(--text-xs);color:#999}
.footer__payment-icons{display:flex;gap:var(--space-2);align-items:center}
.footer__payment-icon{height:24px;opacity:.5;filter:grayscale(1) brightness(2)}

/* --- Cart Drawer --- */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-cart);opacity:0;visibility:hidden;transition:all var(--transition-base)}
.cart-overlay.active{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#fff;z-index:calc(var(--z-cart) + 1);transform:translateX(100%);transition:transform var(--transition-base);display:flex;flex-direction:column}
.cart-drawer.active{transform:translateX(0)}
.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}
.cart-drawer__title{font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.cart-drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition-fast);color:var(--color-text-secondary)}
.cart-drawer__close:hover{background:var(--color-bg-light)}
.cart-drawer__close svg{width:20px;height:20px}
.cart-drawer__body{flex:1;overflow-y:auto;padding:var(--space-6)}
.cart-drawer__empty{text-align:center;padding:var(--space-12) 0}
.cart-drawer__empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}
.cart-drawer__empty-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}
.cart-item{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}
.cart-item__image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-light);flex-shrink:0}
.cart-item__info{flex:1;min-width:0}
.cart-item__name{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item__variant{font-size:var(--text-xs);color:#999;margin-bottom:var(--space-2)}
.cart-item__price{font-size:var(--text-sm);font-weight:700}
.cart-item__qty{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}
.cart-item__qty-btn{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}
.cart-item__qty-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}
.cart-item__qty-value{font-size:var(--text-sm);font-weight:600;min-width:24px;text-align:center}
.cart-item__remove{color:#999;transition:color var(--transition-fast);align-self:flex-start}
.cart-item__remove:hover{color:var(--color-sale)}
.cart-item__remove svg{width:16px;height:16px}
.cart-drawer__footer{padding:var(--space-6);border-top:1px solid var(--color-border-light)}
.cart-drawer__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}
.cart-drawer__total-label{font-size:var(--text-base);font-weight:600}
.cart-drawer__total-price{font-size:var(--text-xl);font-weight:700}
.cart-drawer__checkout{margin-bottom:var(--space-3)}
.cart-drawer__continue{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);display:block}
.cart-drawer__continue:hover{color:var(--color-text-primary)}

/* --- Product Detail Modal --- */
.product-detail{padding:var(--space-8) 0 var(--space-20)}
.product-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}
.product-detail__gallery{position:sticky;top:calc(var(--header-height) + var(--space-8))}
.product-detail__main-image{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1;background:var(--color-bg-light);margin-bottom:var(--space-4)}
.product-detail__main-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.product-detail__main-image:hover img{transform:scale(1.05)}
.product-detail__thumbnails{display:flex;gap:var(--space-3)}
.product-detail__thumb{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast);background:var(--color-bg-light)}
.product-detail__thumb.active,.product-detail__thumb:hover{border-color:var(--color-accent-gold)}
.product-detail__thumb img{width:100%;height:100%;object-fit:cover}
.product-detail__content{padding-top:var(--space-4)}
.product-detail__brand{font-size:var(--text-sm);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:var(--space-2)}
.product-detail__name{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4)}
.product-detail__price-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.product-detail__price{font-size:var(--text-2xl);font-weight:700}
.product-detail__price--sale{color:var(--color-sale)}
.product-detail__price--original{font-size:var(--text-lg);color:#999;text-decoration:line-through}
.product-detail__sale-badge{background:var(--color-sale);color:#fff;font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}
.product-detail__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-8)}
.product-detail__specs{margin-bottom:var(--space-8)}
.product-detail__specs-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}
.product-detail__spec-item{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-sm)}
.product-detail__spec-label{color:#999}
.product-detail__spec-value{font-weight:600}
.product-detail__add-section{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}
.product-detail__qty{display:flex;align-items:center;border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}
.product-detail__qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-text-secondary);transition:all var(--transition-fast)}
.product-detail__qty-btn:hover{background:var(--color-bg-light);color:var(--color-text-primary)}
.product-detail__qty-value{width:48px;text-align:center;font-weight:600;border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);padding:var(--space-3) 0}
.product-detail__features{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}
.product-detail__feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}
.product-detail__feature svg{width:20px;height:20px;color:var(--color-accent-gold);flex-shrink:0}

/* --- Toast --- */
.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--color-bg-dark);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);z-index:var(--z-toast);transform:translateY(120%);opacity:0;transition:all var(--transition-spring)}
.toast.show{transform:translateY(0);opacity:1}
.toast svg{width:20px;height:20px;color:#4ade80}

/* --- Scrollbar --- */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--color-bg-light)}
::-webkit-scrollbar-thumb{background:#999;border-radius:var(--radius-full)}
::-webkit-scrollbar-thumb:hover{background:#666}

/* ========== RESPONSIVE ========== */
@media (max-width:1024px){
  :root{--text-7xl:3.5rem;--text-6xl:3rem;--text-4xl:2rem}
  .bestsellers__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .brand-concept__grid{gap:var(--space-10)}
  .trust__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}
  .product-detail__grid{gap:var(--space-10)}
  .product-detail__gallery{position:static}
}
@media (max-width:768px){
  :root{--container-padding:1.25rem;--header-height:60px;--text-7xl:2.75rem;--text-4xl:1.75rem;--text-3xl:1.5rem}
  .section{padding:var(--space-12) 0}
  .header__nav{display:none}
  .header__menu-toggle{display:flex}
  .hero{min-height:80vh}
  .hero__content{padding:var(--space-6)}
  .hero__description{font-size:var(--text-base)}
  .hero__cta .btn{width:100%}
  .collections__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}
  .collection-card{width:260px;aspect-ratio:3/3.5}
  .bestsellers__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
  .product-card__actions{opacity:1;transform:translateX(-50%) translateY(0)}
  .brand-concept__grid{grid-template-columns:1fr;gap:var(--space-8)}
  .brand-concept__image-wrap{aspect-ratio:4/3}
  .process__steps{grid-template-columns:1fr;gap:var(--space-6)}
  .trust__grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}
  .newsletter__form{flex-direction:column}
  .footer__grid{grid-template-columns:1fr;gap:var(--space-8)}
  .footer__bottom{flex-direction:column;text-align:center;gap:var(--space-4)}
  .cart-drawer{width:100vw}
  .product-detail__grid{grid-template-columns:1fr;gap:var(--space-8)}
  .product-detail__add-section{flex-direction:column}
  .product-detail__add-section .btn{width:100%}
  .product-detail__qty{justify-content:center}
}
@media (max-width:480px){
  :root{--container-padding:1rem;--text-4xl:1.5rem;--text-3xl:1.375rem}
  .collection-card{width:240px}
  .bestsellers__grid{grid-template-columns:1fr;gap:var(--space-4)}
  .trust__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero__bg img{transform:none}
  .fade-in,.fade-in-left,.fade-in-right{opacity:1;transform:none}
}