:root {
    --rose: #e8187a;
    --dark: #1a1a1a;
    --gray: #666;
    --light: #f5f5f5;
    --white: #fff;
    --font: Arial, sans-serif;
    --header-h: 60px;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { font-family:var(--font); color:var(--dark); background:var(--white); overflow-x:hidden; }
  a { text-decoration:none; color:inherit; }
  img { display:block; max-width:100%; }

  .desktop-header { position:sticky; top:0; z-index:300; background:var(--dark); border-bottom:1px solid #333; display:flex; align-items:center; gap:0; padding:0 2.5rem; height:var(--header-h); }
  .logo { cursor:pointer; display:flex; align-items:center; margin-right:1rem; flex-shrink:0; }
  .logo img { height:36px; width:auto; }
  .desk-nav { display:flex; align-items:center; flex:1; }
  .desk-nav-item { position:relative; height:var(--header-h); display:flex; align-items:center; }
  .desk-nav-link { display:flex; align-items:center; height:100%; padding:0 1rem; font-size:0.82rem; font-weight:400; color:white; border-bottom:2px solid transparent; transition:border-color 0.2s, color 0.2s; white-space:nowrap; cursor:pointer; }
  .desk-nav-item:hover .desk-nav-link { border-color:white; }
  .desk-dropdown { display:none; position:absolute; top:var(--header-h); left:0; background:white; border:1px solid #ddd; min-width:220px; box-shadow:0 8px 32px rgba(0,0,0,0.18); z-index:400; padding:0.8rem 0; }
  .desk-nav-item:hover .desk-dropdown { display:block; }
  .desk-dropdown a { display:block; padding:0.45rem 1.2rem; font-size:0.84rem; color:var(--dark); transition:background 0.15s, color 0.15s; }
  .desk-dropdown a:hover { background:var(--light); color:var(--rose); }
  .desk-dropdown .dd-sub { padding-left:2rem; font-size:0.78rem; color:var(--gray); }
  .desk-dropdown .dd-sub:hover { color:var(--rose); }
  .header-icons { display:flex; align-items:center; gap:0.5rem; margin-left:auto; flex-shrink:0; }
  .icon-btn { background:none; border:none; cursor:pointer; padding:0.4rem; font-size:1.2rem; position:relative; transition:transform 0.15s; display:flex; align-items:center; color:white; }
  .icon-btn:hover { transform:scale(1.1); }
  .cart-badge { position:absolute; top:-2px; right:-4px; background:var(--rose); color:white; border-radius:50%; width:17px; height:17px; font-size:0.6rem; display:flex; align-items:center; justify-content:center; font-weight:700; }
  .burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:0.4rem; }
  .burger span { display:block; width:22px; height:2px; background:white; border-radius:2px; transition:all 0.3s; }
  .burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .burger.open span:nth-child(2) { opacity:0; }
  .burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

  .mobile-nav { display:none; position:fixed; inset:0; top:var(--header-h); background:white; z-index:250; overflow-y:auto; transform:translateX(-100%); transition:transform 0.35s cubic-bezier(.4,0,.2,1); }
  .mobile-nav.open { transform:translateX(0); }
  .mob-item { border-bottom:1px solid #f0f0f0; }
  .mob-link { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.5rem; font-size:1rem; font-weight:400; cursor:pointer; }
  .mob-link .chevron { font-size:0.7rem; transition:transform 0.25s; }
  .mob-item.open .chevron { transform:rotate(180deg); }
  .mob-sub { display:none; background:var(--light); }
  .mob-item.open .mob-sub { display:block; }
  .mob-sub a { display:block; padding:0.75rem 2rem; font-size:0.9rem; color:var(--gray); border-bottom:1px solid #e8e8e8; }
  .mob-sub a:hover { color:var(--rose); }
  .mob-sub .mob-sub-title { padding:0.6rem 2rem 0.3rem; font-size:0.7rem; font-weight:400; color:#bbb; letter-spacing:1.5px; text-transform:uppercase; }
  .mob-sub .mob-level2 { padding-left:3rem; font-size:0.82rem; }

  .hero { position:relative; height:70svh; min-height:550px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
  .hero video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .hero-dim { position:absolute; inset:0; background:rgba(0,0,0,0.45); }
  .hero-content { position:relative; z-index:2; text-align:center; color:white; padding:2rem 1.5rem; }
  .hero-slogan { font-style:italic; letter-spacing:6px; text-transform:lowercase; font-size:clamp(1.8rem,6vw,4rem); font-weight:900; line-height:1.1; }
  .btn { display:inline-block; padding:0.8rem 2rem; background:var(--rose); color:white; border-radius:2px; font-weight:700; font-size:0.9rem; transition:background 0.2s, transform 0.15s; }
  .btn:hover { background:#c01265; transform:translateY(-1px); }

  .collections { padding:3rem 1.5rem; }
  .section-title { text-align:center; font-size:clamp(1.2rem,4vw,1.5rem); font-weight:400; margin-bottom:2rem; }
  .col-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }
  .col-card { position:relative; border-radius:6px; overflow:hidden; cursor:pointer; display:flex; flex-direction:column; background:white; border:1px solid #eee; transition:box-shadow 0.25s; }
  .col-card:hover { box-shadow:0 6px 20px rgba(0,0,0,0.12); }
  .col-card-img { width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--light); }
  .col-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.45s cubic-bezier(.25,.46,.45,.94); }
  .col-card:hover .col-card-img img { transform:scale(1.07); }
  .col-label { background:white; color:var(--dark); padding:0.65rem 0.8rem; font-weight:400; font-size:clamp(0.75rem,2.5vw,0.88rem); text-align:center; border-top:1px solid #eee; transition:color 0.2s; }
  .col-card:hover .col-label { color:var(--rose); }

  .brand-strip { background:var(--dark); color:white; padding:4rem 1.5rem; text-align:center; }
  .brand-strip h2 { font-size:clamp(1rem,3.5vw,1.5rem); max-width:680px; margin:0 auto 2rem; line-height:1.7; font-style:italic; font-weight:400; }

  .promo-wrap { padding:0; }
  .promo { position:relative; max-width:100%; overflow:hidden; height:clamp(400px, 60vw, 700px); }
  .promo-img { position:absolute; inset:0; }
  .promo-img img { width:100%; height:100%; object-fit:cover; display:block; }
  .promo-dim { position:absolute; inset:0; background:rgba(0,0,0,0.35); }
  .promo-ticker { position:absolute; inset:0; display:flex; align-items:center; overflow:hidden; pointer-events:none; }
  .promo-ticker-inner { display:flex; gap:6rem; white-space:nowrap; animation:scrollLeft 18s linear infinite; will-change:transform; }
  @keyframes scrollLeft { 0% { transform:translateX(0); } 100% { transform:translateX(-25%); } }
  .promo-ticker-item { font-size:clamp(3.5rem,5vw,5.5rem); font-weight:600; color:var(--dark); letter-spacing:2px; flex-shrink:0; }

  .about-intro { background:white; height:clamp(267px, 40vw, 467px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:3rem 2rem; text-align:center; }
  .about-intro h2 { font-size:clamp(1rem,3vw,1.8rem); line-height:1.4; color:var(--dark); font-weight:900; }
  .about-intro .sub { font-size:clamp(0.9rem,2.5vw,1.5rem); color:var(--dark); margin-top:1rem; font-weight:700; }
  .about-wrap { background:var(--dark); padding:4rem 1.5rem; }
  .about { max-width:800px; margin:0; text-align:left; }
  .about h2 { font-size:clamp(1.1rem,4vw,1.5rem); line-height:1.55; color:white; }
  .divider { width:50px; height:3px; background:var(--rose); margin:0 0 2rem; }
  .about p { line-height:1.9; color:#ccc; margin-bottom:0.9rem; font-size:clamp(0.85rem,2.5vw,0.93rem); }
  .about p strong { color:white; }
  .slogan { font-style:italic; color:var(--rose); font-weight:700; font-size:1.05rem; margin-top:1.5rem; }

  #products, #product-detail, #page-pro { display:none; }
  #products.active, #product-detail.active, #page-pro.active { display:block; }
  #home.hidden { display:none; }

  .prod-wrap { margin:0; padding:1.5rem 2.5rem; }
  .back-link { color:var(--rose); font-size:0.83rem; display:inline-block; margin-bottom:1rem; transition:opacity 0.2s; cursor:pointer; }
  .back-link:hover { opacity:0.7; }
  .page-h1 { font-size:clamp(1.4rem,5vw,1.9rem); font-weight:400; margin-bottom:0.3rem; }
  .prod-count { color:var(--gray); font-size:0.82rem; margin-bottom:1.5rem; }
  .prod-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1.5rem; }

  .p-card { cursor:pointer; display:block; color:inherit; }
  .p-img { aspect-ratio:1; border-radius:5px; overflow:hidden; background:var(--light); margin-bottom:0.7rem; position:relative; }
  .p-img .main-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity 0.35s ease, transform 0.4s cubic-bezier(.25,.46,.45,.94); opacity:1; z-index:1; }
  .p-img .hover-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity 0.35s ease, transform 0.4s cubic-bezier(.25,.46,.45,.94); opacity:0; z-index:2; transform:scale(1.06); }
  .p-img .hover-img.contain { object-fit:contain; background:white; }
  .p-card:hover .main-img { opacity:0; transform:scale(1.06); }
  .p-card:hover .hover-img { opacity:1; }
  .p-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.25s; z-index:3; }
  .p-card:hover .p-overlay { opacity:1; }
  .quick-add { background:white; color:var(--dark); border:none; cursor:pointer; padding:0.55rem 1.2rem; font-weight:700; font-size:0.82rem; border-radius:2px; transition:background 0.2s, color 0.2s; white-space:nowrap; }
  .quick-add:hover { background:var(--rose); color:white; }
  .p-name { font-size:clamp(0.78rem,2.5vw,0.88rem); font-weight:400; margin-bottom:0.25rem; }
  .p-price { color:var(--rose); font-weight:700; font-size:0.88rem; }
  .add-btn { width:100%; margin-top:0.5rem; padding:0.5rem; background:var(--dark); color:white; border:none; border-radius:2px; cursor:pointer; font-size:0.8rem; font-weight:600; transition:background 0.2s; }
  .add-btn:hover, .add-btn:active { background:var(--rose); }

  /* Slideshow bons cadeaux */
  .p-img .slide-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; z-index:2; transition:opacity 0.35s ease; pointer-events:none; }
  .p-img .slide-img.slide-active { opacity:1; }
  .slide-nav-bar { display:flex; align-items:center; justify-content:space-between; padding:0.4rem 0.3rem 0; gap:0.5rem; opacity:0; pointer-events:none; transition:opacity 0.2s; }
  .p-card:hover .slide-nav-bar { opacity:1; pointer-events:auto; }
  .slide-arrow { background:white; border:1.5px solid #ddd; border-radius:50%; width:32px; height:32px; cursor:pointer; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:900; line-height:1; box-shadow:0 2px 6px rgba(0,0,0,0.12); transition:background 0.15s, border-color 0.15s, color 0.15s; }
  .slide-arrow:hover { background:var(--rose); border-color:var(--rose); color:white; }
  .slide-nav-add { flex:1; padding:0.5rem; background:var(--dark); color:white; border:none; border-radius:2px; cursor:pointer; font-size:0.8rem; font-weight:600; transition:background 0.2s; }
  .slide-nav-add:hover, .slide-nav-add:active { background:var(--rose); }

  /* ── PAGE DÉTAIL ── */
  .detail-wrap { max-width:1100px; margin:0 auto; padding:2rem 1.5rem; }
  .detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
  .detail-img-main { width:100%; aspect-ratio:1; border-radius:8px; overflow:hidden; background:var(--light); }
  .detail-img-main img { width:100%; height:100%; object-fit:cover; }
  .detail-info { display:flex; flex-direction:column; gap:1.2rem; }
  .detail-name { font-size:clamp(1.4rem,4vw,2rem); font-weight:400; line-height:1.2; }
  .detail-price { font-size:1.5rem; font-weight:800; color:var(--rose); }
  .detail-desc { font-size:0.92rem; line-height:1.75; color:var(--gray); }
  .detail-desc strong { color:var(--dark); display:block; margin-top:0.8rem; margin-bottom:0.3rem; font-size:0.88rem; text-transform:uppercase; letter-spacing:0.5px; }
  .detail-desc ul { list-style:none; padding:0; }
  .detail-desc ul li { padding:0.2rem 0 0.2rem 1rem; position:relative; }
  .detail-desc ul li::before { content:"–"; position:absolute; left:0; color:var(--rose); }
  .qty-add { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
  .qty-ctrl { display:flex; align-items:center; border:1px solid #ddd; border-radius:4px; overflow:hidden; }
  .qty-ctrl button { width:36px; height:42px; background:white; border:none; cursor:pointer; font-size:1.2rem; transition:background 0.15s; }
  .qty-ctrl button:hover { background:var(--light); }
  .qty-ctrl span { min-width:40px; text-align:center; font-weight:700; font-size:1rem; }
  .detail-add-btn { flex:1; min-width:160px; padding:0.85rem 1.5rem; background:var(--rose); color:white; border:none; border-radius:4px; cursor:pointer; font-size:1rem; font-weight:700; transition:background 0.2s; }
  .detail-add-btn:hover { background:#c01265; }
  .detail-badge { display:inline-block; background:var(--light); color:var(--dark); font-size:0.75rem; font-weight:700; padding:0.3rem 0.8rem; border-radius:20px; }

  /* Options sweat-shirts et tee-shirts */
  .option-group { display:flex; flex-direction:column; gap:0.6rem; margin-bottom:0.5rem; }
  .option-label { font-size:0.78rem; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--dark); }
  .option-choices { display:flex; gap:0.6rem; flex-wrap:wrap; }
  .opt-btn { padding:0.55rem 1.1rem; border:1.5px solid #ddd; background:white; color:var(--dark); border-radius:4px; cursor:pointer; font-size:0.82rem; font-weight:600; line-height:1.3; transition:border-color 0.2s, background 0.2s, color 0.2s; }
  .opt-btn:hover { border-color:var(--rose); }
  .opt-btn.selected { border-color:var(--rose); background:var(--rose); color:white; }
  .opt-btn.color-swatch { width:38px; height:38px; padding:0; border-radius:50%; position:relative; flex-shrink:0; }
  .opt-btn.color-swatch.selected::after { content:"✓"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:0.9rem; font-weight:900; }
  .opt-btn.color-blanc { background:white; border-color:#ccc; }
  .opt-btn.color-blanc.selected::after { color:var(--dark); }
  .opt-btn.color-noir { background:var(--dark); border-color:var(--dark); }
  .opt-btn.color-noir.selected::after { color:white; }
  .opt-btn.color-rose { background:var(--rose); border-color:var(--rose); }
  .opt-btn.color-rose.selected::after { color:white; }
  .opt-btn.color-jaune { background:#f5c518; border-color:#f5c518; }
  .opt-btn.color-jaune.selected::after { color:var(--dark); }
  .opt-btn.color-bleu { background:#2563eb; border-color:#2563eb; }
  .opt-btn.color-bleu.selected::after { color:white; }
  @media(max-width:768px) { .detail-grid { grid-template-columns:1fr; gap:2rem; } }

  /* ── PAGE PRO ── */
  .pro-wrap { max-width:860px; margin:0 auto; padding:4rem 2rem; }
  .pro-title { font-size:clamp(2rem,6vw,3rem); font-weight:900; line-height:1.2; margin-bottom:2.5rem; color:var(--dark); }
  .pro-intro { color:var(--dark); font-size:0.95rem; line-height:1.8; margin-bottom:1rem; }
  .pro-intro strong { font-weight:700; }
  .pro-divider { width:60px; height:3px; background:var(--rose); margin:2.5rem 0; }
  .pro-form-title { font-size:1.1rem; font-weight:600; margin-bottom:1.5rem; color:var(--dark); }
  .pro-form { display:flex; flex-direction:column; gap:1rem; max-width:840px; }
  .pro-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .pro-fg { display:flex; flex-direction:column; }
  .pro-fg input, .pro-fg textarea { padding:0.85rem 1.1rem; border:1.5px solid #e0e0e0; border-radius:10px; font-size:0.92rem; font-family:inherit; color:var(--dark); background:white; transition:border-color 0.2s; -webkit-appearance:none; appearance:none; }
  .pro-fg input::placeholder, .pro-fg textarea::placeholder { color:#aaa; }
  .pro-fg input:focus, .pro-fg textarea:focus { outline:none; border-color:var(--rose); }
  .pro-fg textarea { resize:vertical; min-height:200px; border-radius:10px; }
  .pro-submit { align-self:flex-start; padding:0.85rem 2.2rem; background:var(--rose); color:white; border:none; border-radius:50px; font-size:1rem; font-weight:600; cursor:pointer; transition:background 0.2s, transform 0.15s; }
  .pro-submit:hover { background:#c01265; transform:translateY(-1px); }
  .pro-ok { background:#e8f5e9; border:1px solid #a5d6a7; padding:1rem 1.5rem; border-radius:10px; color:#2e7d32; font-weight:600; font-size:0.92rem; display:none; margin-top:0.5rem; }
  .pro-showcase { margin-top:2.5rem; padding:1.5rem; }
  .pro-showcase img { display:block; width:100%; height:auto; }
  @media(max-width:600px) { .pro-row { grid-template-columns:1fr; } }

  /* ── CART ── */
  .overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:600; justify-content:flex-end; }
  .overlay.open { display:flex; }
  .cart-panel { width:min(410px,100vw); height:100dvh; background:white; overflow-y:auto; padding:1.5rem; display:flex; flex-direction:column; gap:1rem; }
  .cart-head { display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid var(--rose); padding-bottom:0.8rem; }
  .cart-head h2 { font-size:1.1rem; }
  .x-btn { background:none; border:none; font-size:1.4rem; cursor:pointer; opacity:0.5; transition:opacity 0.2s; line-height:1; }
  .x-btn:hover { opacity:1; }
  .c-item { display:flex; gap:1rem; padding:0.8rem 0; border-bottom:1px solid #f0f0f0; align-items:flex-start; }
  .c-thumb { width:60px; height:60px; border-radius:4px; background:var(--light); object-fit:cover; flex-shrink:0; }
  .c-info { flex:1; min-width:0; }
  .c-name { font-size:0.82rem; font-weight:400; margin-bottom:0.2rem; }
  .c-price { color:var(--rose); font-weight:700; font-size:0.82rem; }
  .qty-row { display:flex; align-items:center; gap:0.45rem; margin-top:0.35rem; }
  .qb { width:28px; height:28px; border:1px solid #ddd; background:white; cursor:pointer; border-radius:2px; font-size:1rem; transition:background 0.15s; }
  .qb:hover { background:var(--light); }
  .rm { background:none; border:none; cursor:pointer; color:#ccc; font-size:1.1rem; margin-left:auto; flex-shrink:0; }
  .rm:hover { color:var(--rose); }
  .c-total { display:flex; justify-content:space-between; font-weight:700; font-size:1rem; padding:0.4rem 0; }
  .c-empty { text-align:center; color:var(--gray); padding:2rem 0; font-size:0.9rem; }
  .order-form { display:flex; flex-direction:column; gap:0.75rem; }
  .f-title { font-size:0.95rem; font-weight:700; border-top:1px solid #eee; padding-top:0.9rem; }
  .f-row { display:grid; grid-template-columns:1fr 1fr; gap:0.55rem; }
  .fg { display:flex; flex-direction:column; gap:0.22rem; }
  .fg label { font-size:0.72rem; font-weight:700; color:var(--gray); }
  .fg input, .fg textarea { padding:0.52rem 0.65rem; border:1px solid #ddd; border-radius:2px; font-size:0.88rem; font-family:inherit; transition:border-color 0.15s; -webkit-appearance:none; appearance:none; }
  .fg input:focus, .fg textarea:focus { outline:none; border-color:var(--rose); }
  .fg textarea { resize:vertical; min-height:65px; }
  .send-btn { padding:0.9rem; background:var(--rose); color:white; border:none; border-radius:2px; font-size:0.95rem; font-weight:700; cursor:pointer; transition:background 0.2s; }
  .send-btn:hover, .send-btn:active { background:#c01265; }
  .f-note { font-size:0.7rem; color:#bbb; text-align:center; line-height:1.5; }
  .f-ok { background:#e8f5e9; border:1px solid #a5d6a7; padding:1rem; border-radius:4px; color:#2e7d32; text-align:center; font-weight:600; font-size:0.88rem; }

  /* ── RECHERCHE ── */
  .search-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:600; justify-content:center; align-items:flex-start; }
  .search-overlay.open { display:flex; }
  .search-panel { width:min(600px,92vw); background:white; margin-top:min(90px,8vh); border-radius:8px; padding:1.2rem; max-height:80vh; display:flex; flex-direction:column; gap:0.9rem; box-shadow:0 12px 40px rgba(0,0,0,0.25); }
  .search-input-row { display:flex; align-items:center; gap:0.7rem; border:1.5px solid #ddd; border-radius:4px; padding:0.65rem 0.9rem; transition:border-color 0.15s; }
  .search-input-row:focus-within { border-color:var(--rose); }
  .search-input-row svg { flex-shrink:0; color:var(--gray); }
  .search-input-row input { flex:1; border:none; outline:none; font-size:0.95rem; font-family:inherit; color:var(--dark); background:transparent; }
  .search-close { background:none; border:none; cursor:pointer; font-size:1.2rem; opacity:0.5; transition:opacity 0.2s; line-height:1; flex-shrink:0; }
  .search-close:hover { opacity:1; }
  .search-results { overflow-y:auto; display:flex; flex-direction:column; gap:0.3rem; }
  .search-result-item { display:flex; align-items:center; gap:0.9rem; padding:0.5rem; border-radius:4px; cursor:pointer; transition:background 0.15s; }
  .search-result-item:hover { background:var(--light); }
  .search-result-thumb { width:48px; height:48px; border-radius:4px; object-fit:cover; background:var(--light); flex-shrink:0; }
  .search-result-info { flex:1; min-width:0; }
  .search-result-name { font-size:0.86rem; font-weight:400; }
  .search-result-cat { font-size:0.74rem; color:var(--gray); margin-top:0.1rem; }
  .search-result-price { color:var(--rose); font-weight:700; font-size:0.86rem; flex-shrink:0; }
  .search-empty, .search-hint { text-align:center; color:var(--gray); padding:2rem 0; font-size:0.88rem; }
  .search-count { font-size:0.76rem; color:var(--gray); }

  footer { background:var(--dark); color:#999; padding:3rem 1.5rem 1.5rem; }
  .f-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:2rem; max-width:1200px; margin:0 auto 2rem; }
  .f-col h4 { color:white; margin-bottom:1rem; font-size:0.88rem; }
  .f-col ul { list-style:none; display:flex; flex-direction:column; gap:0.42rem; }
  .f-col ul li a { font-size:0.8rem; transition:color 0.15s; }
  .f-col ul li a:hover { color:var(--rose); }
  .soc { display:flex; gap:0.7rem; margin-top:1rem; flex-wrap:wrap; }
  .soc a { padding:0.32rem 0.7rem; border:1px solid #444; border-radius:2px; font-size:0.78rem; transition:all 0.2s; }
  .soc a:hover { border-color:var(--rose); color:var(--rose); }
  .f-bottom { border-top:1px solid #2a2a2a; padding-top:1.1rem; text-align:center; font-size:0.74rem; max-width:1200px; margin:0 auto; }

  @media(max-width:900px) { .desk-nav { display:none; } .burger { display:flex; } .mobile-nav { display:block; } .f-row { grid-template-columns:1fr; } .col-grid { grid-template-columns:repeat(3,1fr); } }
  @media(max-width:480px) { .desktop-header { padding:0 1rem; } .col-grid { grid-template-columns:repeat(2,1fr); gap:0.8rem; } .prod-grid { grid-template-columns:repeat(2,1fr); gap:0.8rem; } .collections { padding:1.5rem 0.8rem; } .about-wrap { padding:3rem 1rem; } }