#srx-home{
    --sr-ink:#0a0a0d;--sr-panel:#121218;--sr-panel-2:#17171f;--sr-line:#26262f;
    --sr-text:#f4f4f2;--sr-muted:#9a9aa6;--sr-purple:#7b2ff7;--sr-purple-2:#9d5cff;--sr-yellow:#f5e003;
    --sr-radius:14px;--sr-max:1280px;
    font-family:'Archivo',sans-serif;color:var(--sr-text);background:var(--sr-ink);background-color:var(--sr-ink);
    line-height:1.5;overflow-x:clip;width:100%;max-width:100%;-webkit-font-smoothing:antialiased;
  }
  #srx-home *{box-sizing:border-box;margin:0;padding:0;min-width:0;}
  #srx-home img{display:block;max-width:100%;}
  #srx-home a{color:inherit;text-decoration:none;}
  #srx-home .sr-wrap{max-width:var(--sr-max);margin:0 auto;padding:0 24px;width:100%;}
  #srx-home .sr-display{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:.92;}

  /* ===== HERO (3-up lifestyle, dark) ===== */
  #srx-home .sr-hero{position:relative;border-bottom:1px solid var(--sr-line);overflow:hidden;background:var(--sr-ink);}
  #srx-home .sr-hero-imgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
  #srx-home .sr-hero-imgs .cell{position:relative;aspect-ratio:3/3.2;overflow:hidden;}
  #srx-home .sr-hero-imgs .cell img{width:100%;height:100%;object-fit:cover;object-position:center 28%;}
  #srx-home .sr-hero-imgs .cell.mid{transform:scaleY(1.04);z-index:2;border-left:2px solid var(--sr-ink);border-right:2px solid var(--sr-ink);}
  #srx-home .sr-hero::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(10,10,13,.30) 0%,rgba(10,10,13,.05) 30%,rgba(10,10,13,.78) 78%,var(--sr-ink) 100%),radial-gradient(90% 60% at 50% 100%,rgba(123,47,247,.34),transparent 70%);pointer-events:none;}
  #srx-home .sr-hero-copy{position:absolute;z-index:4;left:0;right:0;bottom:0;text-align:center;padding:0 24px 40px;}
  #srx-home .sr-hero-copy .eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sr-yellow);margin-bottom:14px;}
  #srx-home .sr-hero-copy h1{font-size:clamp(34px,6.4vw,76px);margin-bottom:24px;line-height:1.02;letter-spacing:.02em;}
  #srx-home .sr-hero-copy h1 em{font-style:normal;color:var(--sr-yellow);}
  #srx-home .sr-hero-copy h1 .stroke{color:transparent;-webkit-text-stroke:2px var(--sr-text);}
  #srx-home .sr-cta-row{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;}
  #srx-home .sr-btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:14px;padding:15px 28px;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .2s;border:1px solid transparent;text-decoration:none;opacity:1 !important;filter:none !important;}
  #srx-home .sr-btn-p{background:#7b2ff7 !important;background-color:#7b2ff7 !important;background-image:none !important;color:#ffffff !important;}
  #srx-home .sr-btn-p:hover{background:#9d5cff !important;transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(123,47,247,.6);}
  #srx-home .sr-btn-y{background:#f5e003 !important;background-color:#f5e003 !important;background-image:none !important;color:#0a0a0d !important;}
  #srx-home .sr-btn-y:hover{background:#fff200 !important;transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(245,224,3,.5);}
  #srx-home .sr-btn-o{background:rgba(255,255,255,.08) !important;color:#f4f4f2 !important;border:1px solid #3b3b46 !important;}
  #srx-home .sr-btn-o:hover{border-color:var(--sr-purple-2) !important;color:#fff !important;background:rgba(123,47,247,.18) !important;transform:translateY(-2px);}

  /* ===== REGION NAV STRIP ===== */
  #srx-home .sr-rnav{position:sticky;top:0;z-index:20;background:rgba(10,10,13,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--sr-line);}
  #srx-home .sr-rnav .inner{display:flex;gap:6px;overflow-x:auto;padding:12px 24px;max-width:var(--sr-max);margin:0 auto;scrollbar-width:none;}
  #srx-home .sr-rnav .inner::-webkit-scrollbar{display:none;}
  #srx-home .sr-rnav a{flex:0 0 auto;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sr-muted);padding:9px 16px;border-radius:999px;border:1px solid transparent;transition:.16s;white-space:nowrap;}
  #srx-home .sr-rnav a:hover{color:var(--sr-text);background:var(--sr-panel);border-color:var(--sr-line);}

  /* ===== REGION SECTION ===== */
  #srx-home .sr-region{padding:48px 0 8px;}
  #srx-home .sr-rhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--sr-line);padding-bottom:16px;}
  #srx-home .sr-rhead .l{display:flex;align-items:center;gap:14px;}
  #srx-home .sr-rhead .crest{font-size:34px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));}
  #srx-home .sr-rhead h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(24px,3.6vw,40px);line-height:1;}
  #srx-home .sr-rhead h2 span{color:var(--sr-purple-2);}
  #srx-home .sr-rhead .cnt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sr-muted);margin-top:6px;}
  #srx-home .sr-rhead .all{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--sr-muted);white-space:nowrap;transition:.16s;}
  #srx-home .sr-rhead .all:hover{color:var(--sr-yellow);}

  /* ===== PRODUCT GRID ===== */
  #srx-home .sr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  #srx-home .sr-card{background:var(--sr-panel);border:1px solid var(--sr-line);border-radius:var(--sr-radius);overflow:hidden;transition:transform .2s,border-color .2s;}
  #srx-home .sr-card:hover{transform:translateY(-6px);border-color:var(--sr-purple-2);}
  #srx-home .sr-imgwrap{position:relative;aspect-ratio:1/1.05;display:grid;place-items:center;background:linear-gradient(160deg,#16161e,#0e0e14);overflow:hidden;}
  #srx-home .sr-imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
  #srx-home .sr-card:hover .sr-imgwrap img{transform:scale(1.05);}
  #srx-home .sr-imgwrap .flag{font-size:58px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55));}
  #srx-home .sr-imgwrap::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 17px);pointer-events:none;}
  #srx-home .sr-flagchip{position:absolute;top:10px;left:10px;z-index:3;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.55);border:1px solid var(--sr-line);border-radius:999px;padding:4px 10px 4px 8px;font-size:11px;font-weight:800;letter-spacing:.04em;}
  #srx-home .sr-pill{position:absolute;top:10px;right:10px;z-index:3;font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:var(--sr-yellow);color:#0a0a0d;}
  #srx-home .sr-cardbody{padding:14px 14px 16px;}
  #srx-home .sr-cardbody h3{font-size:15px;font-weight:800;line-height:1.25;margin-bottom:3px;}
  #srx-home .sr-cardbody .ver{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-muted);margin-bottom:11px;}
  #srx-home .sr-sizes{display:flex;gap:5px;margin-bottom:12px;}
  #srx-home .sr-sizes span{font-size:11px;font-weight:700;width:25px;height:23px;display:grid;place-items:center;border:1px solid var(--sr-line);border-radius:6px;color:var(--sr-muted);}
  #srx-home .sr-foot{display:flex;align-items:center;justify-content:space-between;}
  #srx-home .sr-price{font-family:'Anton';font-size:20px;}
  #srx-home .sr-price small{font-size:11px;color:var(--sr-muted);font-family:'Archivo';font-weight:600;}
  #srx-home .sr-add{width:37px;height:37px;border-radius:999px;background:var(--sr-purple);color:#fff;border:none;display:grid;place-items:center;cursor:pointer;transition:.18s;font-size:19px;}
  #srx-home .sr-add:hover{background:var(--sr-yellow);color:#0a0a0d;}

  /* ===== SOCIAL PROOF WALL ===== */
  #srx-home .sr-social{padding:64px 0;border-top:1px solid var(--sr-line);margin-top:40px;background:var(--sr-panel-2);}
  #srx-home .sr-social .head{text-align:center;margin-bottom:34px;}
  #srx-home .sr-social .head .k{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--sr-yellow);margin-bottom:10px;}
  #srx-home .sr-social .head h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(28px,4.4vw,52px);}
  #srx-home .sr-social .head h2 em{font-style:normal;color:var(--sr-purple-2);}
  #srx-home .sr-social .head p{color:var(--sr-muted);margin-top:12px;}
  #srx-home .sr-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:12px;}
  #srx-home .sr-wall .ph{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--sr-line);background:#0e0e14;}
  #srx-home .sr-wall .ph img{width:100%;height:100%;object-fit:cover;}
  #srx-home .sr-wall .ph.tall{grid-row:span 2;}
  #srx-home .sr-wall .quote{padding:22px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#1c0f38,#0e0e16);}
  #srx-home .sr-wall .quote .stars{color:var(--sr-yellow);font-size:14px;letter-spacing:2px;margin-bottom:10px;}
  #srx-home .sr-wall .quote p{font-size:14px;color:#d3d3dc;line-height:1.5;}
  #srx-home .sr-wall .quote .who{margin-top:10px;font-size:12px;font-weight:800;color:var(--sr-muted);text-transform:uppercase;letter-spacing:.06em;}

  /* ===== RESPONSIVE ===== */
  #srx-home .sr-hero-copy h1{overflow-wrap:break-word;}
  @media(max-width:1100px){
    #srx-home .sr-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    #srx-home .sr-wall{grid-template-columns:repeat(3,minmax(0,1fr));}
  }
  @media(max-width:820px){
    #srx-home .sr-hero-imgs .cell{aspect-ratio:3/4;}
    #srx-home .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
    #srx-home .sr-region{padding-top:38px;}
  }
  @media(max-width:560px){
    #srx-home .sr-wrap{padding:0 16px;}
    #srx-home .sr-rnav .inner{padding:10px 16px;}
    #srx-home .sr-hero-imgs{grid-template-columns:repeat(3,minmax(0,1fr));}
    #srx-home .sr-hero-imgs .cell{aspect-ratio:3/4.4;}
    #srx-home .sr-hero-imgs .cell.mid{transform:none;border-left:2px solid var(--sr-ink);border-right:2px solid var(--sr-ink);}
    #srx-home .sr-hero-copy{position:static;background:var(--sr-ink);padding:26px 16px 34px;}
    #srx-home .sr-cta-row{flex-direction:column;}
    #srx-home .sr-cta-row .sr-btn{width:100%;justify-content:center;}
    #srx-home .sr-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;}
    #srx-home .sr-wall .quote{grid-column:span 2;}
  }
  @media(prefers-reduced-motion:reduce){ #srx-home *{transition-duration:.01ms!important;} }