:root{
  --design-w:1920;
  --design-h:6039;
  --paper:#fafafa;
  --ink:#151515;
  --red:#ff0f0f;
  --dewi:"RF Dewi Expanded","Montserrat","Arial Black",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden;font-family:var(--dewi)}
button,input{font-family:inherit}
a{color:inherit}
#pageViewport{position:relative;width:100%;height:6039px;background:var(--paper);overflow:hidden}
#figmaStage{position:absolute;left:0;top:0;width:1920px;height:6039px;transform-origin:top left;background:var(--paper);overflow:hidden}

/* ---------- HERO : 0 → 1080 ---------- */
.hero{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;color:#fff}
.hero-image-wrap{position:absolute;inset:0;overflow:hidden}
.hero-image{position:absolute;left:0;top:-.1px;width:1920px;height:1199.2px;max-width:none;object-fit:cover;pointer-events:none}
.hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(153,9,9,0) 20.231%,#ff0f0f 128.1%)}
.topbar{position:absolute;left:0;top:0;width:1920px;height:97.719px;padding:30px 50px;display:flex;align-items:center;justify-content:space-between;z-index:3}
.brand-chip{width:150.719px;height:37.719px;padding:8.86px;background:var(--red);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);overflow:hidden}
.brand-chip span{font-weight:900;font-size:28.883px;line-height:20px;letter-spacing:-.578px;white-space:nowrap}
.nav-icons{width:261px;height:24px;display:flex;align-items:center;gap:55px}
.nav-icons button,.view-icons button{appearance:none;border:0;background:transparent;padding:0;margin:0;display:block;cursor:pointer}
.nav-icons button,.nav-icons img{width:24px;height:24px}
.hero-copy{position:absolute;left:607px;top:253.697px;width:707px;height:271.605px;display:block;text-align:center;z-index:2}
.hero-copy h1{position:absolute;left:0;top:0;width:707px;height:106px;margin:0;color:#fff;font-weight:900;font-size:151.793px;line-height:106px;letter-spacing:-.246px;text-align:center;white-space:nowrap}
.hero-copy>p{position:absolute;left:19.5px;top:133.35px;width:668px;height:48px;margin:0;color:#fff;font-weight:600;font-size:68.375px;line-height:48px;letter-spacing:-.246px;white-space:nowrap;text-align:center}
.outline-pill{position:absolute;border-style:solid;border-width:1.368px;border-radius:136.75px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;letter-spacing:-.246px;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.outline-pill img{width:32.82px;height:32.82px;display:block}
.outline-pill.light{left:250.207px;top:208.7px;width:206.585px;height:62.905px;border-color:#fff;color:#fff;gap:13.675px;padding:13.675px 13.675px 13.675px 23.68px;font-size:19.145px;line-height:30.085px}
.outline-pill.light:hover{background:#fff;color:var(--ink)}

/* ---------- PRODUCTS : 1280 → 2354 ---------- */
.products{position:absolute;left:1px;top:1280px;width:1919px;height:1074px;overflow:hidden}
.section-title{position:absolute;margin:0;color:var(--red);font-weight:800;text-transform:uppercase;font-size:70px;line-height:49px;letter-spacing:-.246px;white-space:nowrap}
.products-title{left:49px;top:0;width:726px;height:49px}
.products-toolbar{position:absolute;left:49px;top:79px;width:1819px;height:35px;display:flex;align-items:center;justify-content:space-between}
.collection{text-decoration:none;color:inherit;}
.collection{height:35px;display:flex;align-items:center;gap:20px;font-size:50px;line-height:35px;letter-spacing:-.246px;white-space:nowrap}
.collection span{font-weight:600}
.collection strong{font-weight:900}
.view-icons{width:88px;height:34px;display:flex;align-items:center;gap:20px}
.view-icons button,.view-icons img{width:34px;height:34px}
.view-icons button{opacity:.78;transition:opacity .15s ease}
.view-icons button:hover,.view-icons button.is-active{opacity:1}
.product-window{position:absolute;left:49px;top:174px;width:1819px;height:900px;overflow:hidden;cursor:grab}
.product-window:active{cursor:grabbing}
.product-track{height:900px;display:flex;gap:30px;transform:translateX(0);will-change:transform}
.product-card{position:relative;flex:0 0 701px;width:701px;height:900px;overflow:hidden;background:#eee}
.product-card>.product-image{position:absolute;max-width:none;pointer-events:none;user-select:none;object-fit:cover;transition:left .34s cubic-bezier(.2,.8,.2,1),top .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),height .34s cubic-bezier(.2,.8,.2,1)}
.product-card .product-1{width:736px;height:1095px;left:-17.5px;top:0}
.product-card .product-2{width:736px;height:980px;left:-17.5px;top:0}
.product-card .product-3{width:701px;height:932.669px;left:0;top:0}
.product-card .product-4{width:705px;height:1006.74px;left:-2px;top:0}
.product-card .product-5{width:701px;height:934px;left:0;top:0}

/* Figma interactive component hover state (Variant2). The image crop changes and the
   701x140 product information tray becomes visible at the bottom of each card. */
.product-card:hover .product-1,.product-card:focus-within .product-1{width:969px;height:1441px;left:-134px;top:-408px}
.product-card:hover .product-2,.product-card:focus-within .product-2{width:875px;height:1166px;left:-87px;top:-204px}
.product-card:hover .product-3,.product-card:focus-within .product-3{width:876.75px;height:1166.835px;left:-87.875px;top:-117.083px}
.product-card:hover .product-4,.product-card:focus-within .product-4{width:792px;height:1130px;left:-45px;top:-278px}
.product-card:hover .product-5,.product-card:focus-within .product-5{width:959px;height:1276px;left:-129px;top:-265.083px}
.product-hover{position:absolute;left:0;bottom:0;width:701px;height:140px;background:#fff;z-index:3;opacity:0;transform:translateY(140px);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease;pointer-events:none}
.product-card:hover .product-hover,.product-card:focus-within .product-hover{opacity:1;transform:translateY(0)}
.product-meta{position:absolute;left:20px;top:20px;width:377px;height:100px;color:var(--ink)}
.product-meta h3,.product-meta p,.product-meta strong{position:absolute;left:0;margin:0;white-space:nowrap;color:var(--ink)}
.product-meta h3{top:0;width:377px;font-size:25px;line-height:18px;font-weight:900;letter-spacing:-.246px}
.product-meta p{top:38px;width:377px;font-size:20px;line-height:14px;font-weight:600;letter-spacing:-.246px}
.product-meta strong{top:72px;width:377px;font-size:40px;line-height:28px;font-weight:800;letter-spacing:-.246px}
.product-actions{position:absolute;left:458px;top:48px;width:223px;height:44px;display:flex;align-items:center;gap:12px}
.product-action{appearance:none;border:0;margin:0;background:#eee;color:var(--ink);height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px;transition:background .15s ease,transform .15s ease}
.product-action:hover{background:#e5e5e5}
.product-action:active{transform:scale(.97)}
.wishlist-action{width:44px;flex:0 0 44px}
.wishlist-action img,.cart-action img{position:static;width:24px;height:24px;display:block;max-width:none;pointer-events:none}
.cart-action{width:167px;flex:0 0 167px;gap:10px;justify-content:flex-start}
.cart-action span{font-size:16px;line-height:24px;font-weight:600;white-space:nowrap}

/* ---------- ABOUT : 2554 → 3968 ---------- */
.about-glow{position:absolute;left:510px;top:2456px;width:1473px;height:1473px;max-width:none;pointer-events:none}
.about{position:absolute;left:50px;top:2554px;width:1819.18px;height:1414px}
.about-title{left:0;top:0;width:471.63px;height:49px}
.about-copy{position:absolute;margin:0;width:710.469px;height:167px;color:var(--ink);font-weight:600;font-size:24px;line-height:30.085px;letter-spacing:-.246px}
.about-copy-a{left:241px;top:135px;text-align:right}
.about-copy-b{left:0;top:647px;text-align:left}
.about-tall{position:absolute;left:1012px;top:134px;width:807.18px;height:1010.49px;overflow:hidden;background:#f1f0ed}
.about-tall img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.about-wide{position:absolute;left:0;top:874px;width:814px;height:540px;overflow:hidden;background:#bdbdbd}
.about-wide img{position:absolute;left:-.16px;top:-204px;width:814.4px;height:1018px;max-width:none;object-fit:cover}

/* ---------- COMMUNITY : 4168 → 5201.555 ---------- */
.community-glow{position:absolute;left:212px;top:3529px;width:4344px;height:4344px;max-width:none;pointer-events:none}
.community{position:absolute;left:50px;top:4168px;width:1820px;height:1033.555px}
.community-title{left:0;top:0;width:1820px;height:49px}
.community-subtitle{position:absolute;left:0;top:79px;width:1820px;height:21px;margin:0;color:var(--ink);font-weight:600;font-size:30px;line-height:21px;letter-spacing:-.246px}
.community-row{position:absolute;left:0;top:160px;width:1820px;height:758px;display:flex;gap:37.899px;overflow:hidden}
.community-card{position:relative;flex:0 0 427px;width:427px;height:758px;border:0;padding:0;margin:0;background:transparent;overflow:hidden;cursor:pointer}
.community-photo{position:absolute;max-width:none;pointer-events:none;user-select:none}
.community-photo-1{left:-39px;top:0;width:505.57px;height:758.36px;object-fit:cover}
.community-photo-2{left:-72px;top:-.3px;width:570px;height:758.6px;object-fit:cover}
.community-photo-3{left:-.5px;top:0;width:428px;height:758.36px;object-fit:cover}
.community-photo-4{left:0;top:0;width:427px;height:758.36px;object-fit:cover}
.play{position:absolute;left:174px;top:339.5px;width:80px;height:80px;border-radius:999px;background:rgba(0,0,0,.60);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease}
.play img{width:36.923px;height:36.923px}
.community-card:hover .play{transform:scale(1.04);background:rgba(0,0,0,.68)}
.instagram-cta{left:751.722px;top:978px;width:316.555px;height:55.555px;border-color:var(--ink);color:var(--ink);gap:10px;padding:10px 15px;font-size:19.145px;line-height:30.085px}
.instagram-cta:hover{background:var(--ink);color:#fff}
.community-next{position:absolute;left:1850px;top:4689px;width:44px;height:44px;border:0;border-radius:999px;padding:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}
.community-next img{width:24px;height:24px}

/* ---------- FOOTER : 5401.555 → 6039 ---------- */
.footer{position:absolute;left:0;top:5401.555px;width:1920px;height:637.783px;background:var(--ink);color:#fff;overflow:hidden}
.newsletter{position:absolute;left:80px;top:50px;width:512.2px;height:212px}
.newsletter h3{position:absolute;left:0;top:0;width:512.2px;height:85px;margin:0;color:#fff;font-weight:800;text-transform:uppercase;font-size:50px;line-height:50px;letter-spacing:-.246px}
.newsletter>p{position:absolute;left:0;top:105px;width:512.2px;height:36px;margin:0;color:#fff;font-weight:700;text-transform:uppercase;font-size:18px;line-height:23px;letter-spacing:-.246px}
.newsletter-form{position:absolute;left:0;top:161px;width:512.2px;height:51px;display:flex;gap:20px}
.newsletter-form input{width:373.2px;height:50px;border:1px solid #d7dee8;border-radius:8px;background:rgba(255,255,255,.23);color:#fff;padding:12px 13px;font-size:14px;line-height:20px;font-weight:600;outline:none}
.newsletter-form input::placeholder{color:#d7dee8;opacity:1}
.newsletter-form button{width:119px;height:51px;border:0;border-radius:10px;background:#eee;color:var(--ink);font-size:16px;line-height:45px;font-weight:600;padding:3px 10px;cursor:pointer}
.footer-wordmark{position:absolute;left:80px;top:412px;width:497.783px;height:125.783px;background:var(--red);color:var(--ink);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:95.816px;line-height:67px;font-weight:900;letter-spacing:-1.916px;white-space:nowrap}
.footer h4{margin:0;color:#fff;font-size:18px;line-height:23px;font-weight:700;text-transform:uppercase;letter-spacing:-.246px}
.footer-shop{position:absolute;left:1186px;top:50px;width:183px;height:116px;display:flex;flex-direction:column;align-items:flex-start}
.footer-support{position:absolute;left:1569px;top:50px;width:271px;height:176px;display:flex;flex-direction:column;align-items:flex-start}
.footer-shop h4,.footer-support h4{margin-bottom:30px}
.footer-shop a,.footer-support a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:18px;line-height:30px;font-weight:400;letter-spacing:-.246px;white-space:nowrap}
.footer-connect{position:absolute;left:1186px;top:276px;width:654px;height:86.294px}
.footer-connect h4{margin-bottom:30px}
.social-row{display:flex;gap:30px;width:189.882px;height:43.294px}
.social-row a,.social-row img{display:block;width:43.294px;height:43.294px}
.copyright{position:absolute;left:1405px;top:524.783px;width:435px;height:13px;margin:0;color:#fff;text-transform:uppercase;font-size:18px;line-height:30px;font-weight:600;letter-spacing:-.246px;white-space:nowrap;text-align:right}

.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:12px 18px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.25);font:600 14px/1 var(--dewi);opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s ease}
.toast.show{opacity:1;transform:translateY(0)}

/* The Figma source is a fixed 1920px desktop artboard. JS scales the entire artboard down proportionally on smaller screens so the result mirrors Figma's scale-down-width behavior instead of reflowing the composition. */

.nav-icons a{width:24px;height:24px;display:block}.nav-icons a img{width:24px;height:24px;display:block}

.about-title a{color:inherit;text-decoration:none;}
.about-tall,.about-wide{display:block;cursor:pointer;}
.product-card{cursor:pointer;}
.product-card:focus-visible{outline:3px solid #ff0f0f;outline-offset:4px;}

/* --------------------------------------------------------------------------
   REAL CARD LINKS + RESPONSIVE FRONT PAGE
   Desktop above 1100px keeps the exact 1920px Figma artboard. Below 1100px
   the layout becomes a genuine reflowing responsive storefront instead of a
   tiny scaled desktop screenshot.
   -------------------------------------------------------------------------- */
.product-card-link{position:absolute;inset:0;z-index:2;display:block;text-decoration:none}
.product-hover{pointer-events:none}
.product-actions{pointer-events:auto}

@media (max-width:1100px){
  html,body{width:100%;overflow-x:hidden}
  #pageViewport{position:relative;width:100%;height:auto!important;overflow:visible;background:var(--paper)}
  #figmaStage{position:relative!important;left:0!important;top:0!important;width:100%!important;height:auto!important;transform:none!important;overflow:visible!important;background:var(--paper)}

  /* hero */
  .hero{position:relative;left:auto;top:auto;width:100%;height:78svh;min-height:640px;max-height:860px}
  .hero-image-wrap{inset:0}
  .hero-image{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
  .hero-gradient{inset:0;background:linear-gradient(180deg,rgba(153,9,9,0) 22%,rgba(255,15,15,.2) 70%,#ff0f0f 125%)}
  .topbar{left:0;top:0;width:100%;height:auto;padding:24px 24px;align-items:center}
  .brand-chip{width:auto;height:auto;min-width:122px;padding:8px 10px}
  .brand-chip span{font-size:23px;line-height:1;letter-spacing:-.45px}
  .nav-icons{width:auto;height:24px;gap:24px}
  .nav-icons a,.nav-icons a img{width:22px;height:22px}
  .hero-copy{left:50%;top:48%;width:calc(100% - 40px);height:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:18px}
  .hero-copy h1{position:static;width:auto;height:auto;font-size:clamp(72px,16vw,132px);line-height:.82;letter-spacing:-.055em;white-space:normal}
  .hero-copy>p{position:static;width:auto;height:auto;font-size:clamp(28px,7vw,56px);line-height:1;white-space:normal}
  .outline-pill.light{position:static;left:auto;top:auto;width:auto;height:54px;padding:10px 13px 10px 21px;font-size:16px;line-height:1;margin-top:6px}
  .outline-pill img{width:28px;height:28px}

  /* products */
  .products{position:relative;left:auto;top:auto;width:100%;height:auto;overflow:visible;padding:82px 20px 88px}
  .section-title{position:static;width:auto!important;height:auto!important;font-size:clamp(44px,8vw,72px);line-height:.9;white-space:normal}
  .products-title{left:auto;top:auto}
  .products-toolbar{position:static;left:auto;top:auto;width:100%;height:auto;margin-top:26px;align-items:center}
  .collection{height:auto;font-size:clamp(28px,5vw,44px);line-height:1;gap:10px}
  .view-icons{display:none}
  .product-window{position:relative;left:auto;top:auto;width:calc(100vw - 20px);height:auto;margin-top:34px;overflow-x:auto;overflow-y:hidden;cursor:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-right:20px;scrollbar-width:none}
  .product-window::-webkit-scrollbar{display:none}
  .product-track{height:auto;gap:16px;transform:none!important;width:max-content;will-change:auto}
  .product-card{flex:0 0 min(76vw,520px);width:min(76vw,520px);height:auto;aspect-ratio:701/900;scroll-snap-align:start;cursor:pointer}
  .product-card>.product-image,
  .product-card .product-1,.product-card .product-2,.product-card .product-3,.product-card .product-4,.product-card .product-5,
  .product-card:hover .product-1,.product-card:hover .product-2,.product-card:hover .product-3,.product-card:hover .product-4,.product-card:hover .product-5,
  .product-card:focus-within .product-1,.product-card:focus-within .product-2,.product-card:focus-within .product-3,.product-card:focus-within .product-4,.product-card:focus-within .product-5{
    left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)
  }
  .product-card:hover>.product-image{transform:scale(1.04)}
  .product-hover{left:0;bottom:0;width:100%;height:116px;opacity:1;transform:none;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px;gap:12px;z-index:3;pointer-events:none}
  .product-meta{position:static;left:auto;top:auto;width:auto;height:auto;min-width:0;display:flex;flex-direction:column;gap:5px}
  .product-meta h3,.product-meta p,.product-meta strong{position:static;left:auto;top:auto;width:auto;margin:0;white-space:normal}
  .product-meta h3{font-size:17px;line-height:1.05}
  .product-meta p{font-size:12px;line-height:1.15}
  .product-meta strong{font-size:24px;line-height:1}
  .product-actions{position:static;left:auto;top:auto;width:auto;height:40px;gap:8px;flex:0 0 auto;pointer-events:auto}
  .product-action{height:40px;border-radius:8px;padding:8px}
  .wishlist-action{width:40px;flex-basis:40px}
  .cart-action{width:40px;flex-basis:40px;justify-content:center}
  .cart-action span{display:none}
  .wishlist-action img,.cart-action img{width:22px;height:22px}

  /* about */
  .about-glow{display:none}
  .about{position:relative;left:auto;top:auto;width:100%;height:auto;padding:84px 20px 94px;display:flex;flex-direction:column;gap:32px}
  .about-title{left:auto;top:auto;order:1}
  .about-copy{position:static;width:100%;height:auto;font-size:18px;line-height:1.35;text-align:left}
  .about-copy-a{left:auto;top:auto;order:2}
  .about-tall{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:807.18/1010.49;order:3}
  .about-copy-b{left:auto;top:auto;order:4}
  .about-wide{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:814/540;order:5}
  .about-wide img{left:0;top:0;width:100%;height:100%;object-fit:cover}

  /* community */
  .community-glow{display:none}
  .community{position:relative;left:auto;top:auto;width:100%;height:auto;padding:78px 20px 90px;overflow:hidden}
  .community-title{left:auto;top:auto}
  .community-subtitle{position:static;left:auto;top:auto;width:100%;height:auto;font-size:19px;line-height:1.25;margin-top:18px}
  .community-row{position:relative;left:auto;top:auto;width:calc(100vw - 20px);height:auto;margin-top:34px;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-right:20px;scrollbar-width:none}
  .community-row::-webkit-scrollbar{display:none}
  .community-card{flex:0 0 min(72vw,390px);width:min(72vw,390px);height:auto;aspect-ratio:427/758;scroll-snap-align:start}
  .community-photo,.community-photo-1,.community-photo-2,.community-photo-3,.community-photo-4{left:0;top:0;width:100%;height:100%;object-fit:cover}
  .play{left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%)}
  .play img{width:30px;height:30px}
  .community-card:hover .play{transform:translate(-50%,-50%) scale(1.04)}
  .instagram-cta{position:relative;left:auto;top:auto;width:max-content;height:50px;margin:34px auto 0;font-size:15px;padding:9px 14px}
  .community-next{display:none}

  /* footer */
  .footer{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:58px 20px 38px;display:grid;grid-template-columns:1fr 1fr;gap:54px 34px;overflow:visible}
  .newsletter,.footer-shop,.footer-support,.footer-connect,.copyright,.footer-wordmark{position:static;left:auto;top:auto;width:auto;height:auto}
  .newsletter{grid-column:1/-1}
  .newsletter h3,.newsletter>p,.newsletter-form{position:static;left:auto;top:auto;width:100%;height:auto}
  .newsletter h3{font-size:42px;line-height:.95}
  .newsletter>p{font-size:13px;line-height:1.35;margin-top:16px;max-width:480px}
  .newsletter-form{margin-top:20px;display:flex;gap:10px}
  .newsletter-form input{flex:1;width:auto;min-width:0}
  .newsletter-form button{width:auto;min-width:108px}
  .footer-wordmark{grid-column:1/-1;justify-self:start;padding:18px 22px;font-size:clamp(54px,12vw,82px);line-height:1}
  .footer-shop,.footer-support{display:flex;flex-direction:column;align-items:flex-start}
  .footer-shop a,.footer-support a{font-size:14px;line-height:1.75;white-space:normal}
  .footer-connect{grid-column:1/-1}
  .copyright{grid-column:1/-1;text-align:left;font-size:12px;line-height:1.4;white-space:normal;margin:0}
}

@media (max-width:620px){
  .hero{height:72svh;min-height:560px;max-height:720px}
  .topbar{padding:18px 16px}
  .brand-chip{min-width:102px;padding:7px 8px}
  .brand-chip span{font-size:19px}
  .nav-icons{gap:16px}
  .nav-icons a,.nav-icons a img{width:20px;height:20px}
  .hero-copy{top:49%;gap:14px}
  .hero-copy h1{font-size:19vw}
  .hero-copy>p{font-size:7vw}
  .products{padding:68px 16px 76px}
  .products-toolbar{margin-top:20px}
  .collection{font-size:27px}
  .product-window{width:calc(100vw - 16px);margin-top:26px;padding-right:16px}
  .product-card{flex-basis:calc(100vw - 48px);width:calc(100vw - 48px)}
  .product-hover{height:108px;padding:12px}
  .product-meta h3{font-size:16px}
  .product-meta p{font-size:11px}
  .product-meta strong{font-size:22px}
  .about{padding:68px 16px 76px;gap:26px}
  .about-copy{font-size:16px}
  .community{padding:66px 16px 76px}
  .community-subtitle{font-size:16px}
  .community-row{width:calc(100vw - 16px);padding-right:16px}
  .community-card{flex-basis:78vw;width:78vw}
  .footer{grid-template-columns:1fr;padding:50px 16px 34px;gap:42px}
  .newsletter,.footer-wordmark,.footer-shop,.footer-support,.footer-connect,.copyright{grid-column:1}
  .newsletter-form{flex-direction:column}
  .newsletter-form input,.newsletter-form button{width:100%;height:48px}
  .footer-wordmark{font-size:56px}
}

/* Store state + link QA fixes */
.products-title a,.about-title a{color:inherit;text-decoration:none}
.nav-icons a{position:relative}
.nav-count{position:absolute;right:-9px;top:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--red);color:var(--ink);font-size:10px;line-height:18px;text-align:center;font-weight:900;z-index:5;box-shadow:0 0 0 1px rgba(255,255,255,.7)}
.product-action.is-added{background:var(--red)}
.wishlist-action.is-added{background:var(--red)}
.cart-action.is-added{background:var(--red)}
.product-action.is-added:hover{background:#ff2d2d}