:root{
  --ice:#F3F7FA;
  --ice-panel:#FFFFFF;
  --ice-hero-1:#E7EEF4;
  --ice-hero-2:#B7C8D9;
  --ink:#14181C;
  --ink-2:#1D2226;
  --blue:#0B3894;
  --blue-deep:#082A70;
  --steel:#7E8B99;
  --steel-light:#C7D0D8;
  --text-dark:#14181C;
  --text-mute:#5B6B7B;
  --radius:2px;
  --nav-h:70px;
  --ice-wash:linear-gradient(180deg, rgba(247,250,252,0.48), rgba(222,232,240,0.34));
  --ice-wash-soft:linear-gradient(180deg, rgba(247,250,252,0.72), rgba(229,237,244,0.58));
  --dark-ice-wash:linear-gradient(180deg, rgba(20,24,28,0.78), rgba(20,24,28,0.94));
}
*{box-sizing:border-box; margin:0; padding:0;}
html{ scroll-behavior:smooth; }
body{
  background-image:var(--ice-wash-soft), url('ice-texture.jpg');
  background-size:auto, cover;
  background-position:center top, center center;
  background-repeat:repeat, no-repeat;
  background-attachment:fixed, fixed;
  background-color:var(--ice);
  color:var(--text-dark);
  font-family:'Work Sans', sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}
body.no-scroll{ overflow:hidden; }
h1,h2,h3, .display{
  font-family:'Anton', sans-serif;
  font-weight:400;
  letter-spacing:0.02em;
  text-transform:uppercase;
}
.mono{ font-family:'IBM Plex Mono', monospace; letter-spacing:0.03em; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
button, select, input, textarea{ font-family:inherit; }
:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }
main, section, .hero{ scroll-margin-top:var(--nav-h); }

/* ---------- RINK-LINE DIVIDER ---------- */
.rink-divider{
  height:10px;
  background:repeating-linear-gradient(
    90deg, var(--blue), var(--blue) 26px, transparent 26px, transparent 40px
  );
  position:relative;
}
.rink-divider::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--ink); }
.rink-divider::after{ content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--ink); }

/* ---------- PHOTO FRAME (graceful fallback if a photo is missing) ---------- */
.photo-frame{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.photo-frame::before{
  content:'';
  position:absolute; inset:0;
  background-color:var(--steel-light);
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9Ijg4IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjUiLz4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjciIGZpbGw9ImJsYWNrIi8+CiAgPGxpbmUgeDE9IjE3Mi44MyIgeTE9IjE1MS42MiIgeDI9IjE1MS42MiIgeTI9IjE3Mi44MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iNDguMzgiIHkxPSIxNzIuODMiIHgyPSIyNy4xNyIgeTI9IjE1MS42MiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iMjcuMTciIHkxPSI0OC4zOCIgeDI9IjQ4LjM4IiB5Mj0iMjcuMTciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPGxpbmUgeDE9IjE1MS42MiIgeTE9IjI3LjE3IiB4Mj0iMTcyLjgzIiB5Mj0iNDguMzgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9Ijg4IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjUiLz4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjciIGZpbGw9ImJsYWNrIi8+CiAgPGxpbmUgeDE9IjE3Mi44MyIgeTE9IjE1MS42MiIgeDI9IjE1MS42MiIgeTI9IjE3Mi44MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iNDguMzgiIHkxPSIxNzIuODMiIHgyPSIyNy4xNyIgeTI9IjE1MS42MiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iMjcuMTciIHkxPSI0OC4zOCIgeDI9IjQ4LjM4IiB5Mj0iMjcuMTciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPGxpbmUgeDE9IjE1MS42MiIgeTE9IjI3LjE3IiB4Mj0iMTcyLjgzIiB5Mj0iNDguMzgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:52%; mask-size:52%;
  opacity:0.3;
}
.photo-frame .ph-label{
  position:relative; z-index:1; padding:14px;
  text-align:center; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--steel);
}
.photo-frame img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2;
}
.photo-frame::before, .faceoff-mark{ display:none; }

/* ---------- FACEOFF CIRCLE (large decorative mark, hero / page-hero backdrops) ---------- */
.faceoff-mark{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  background-color:var(--blue);
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9Ijg4IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjUiLz4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjciIGZpbGw9ImJsYWNrIi8+CiAgPGxpbmUgeDE9IjE3Mi44MyIgeTE9IjE1MS42MiIgeDI9IjE1MS42MiIgeTI9IjE3Mi44MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iNDguMzgiIHkxPSIxNzIuODMiIHgyPSIyNy4xNyIgeTI9IjE1MS42MiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iMjcuMTciIHkxPSI0OC4zOCIgeDI9IjQ4LjM4IiB5Mj0iMjcuMTciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPGxpbmUgeDE9IjE1MS42MiIgeTE9IjI3LjE3IiB4Mj0iMTcyLjgzIiB5Mj0iNDguMzgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9Ijg4IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjUiLz4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjciIGZpbGw9ImJsYWNrIi8+CiAgPGxpbmUgeDE9IjE3Mi44MyIgeTE9IjE1MS42MiIgeDI9IjE1MS42MiIgeTI9IjE3Mi44MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iNDguMzgiIHkxPSIxNzIuODMiIHgyPSIyNy4xNyIgeTI9IjE1MS42MiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8bGluZSB4MT0iMjcuMTciIHkxPSI0OC4zOCIgeDI9IjQ4LjM4IiB5Mj0iMjcuMTciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPGxpbmUgeDE9IjE1MS42MiIgeTE9IjI3LjE3IiB4Mj0iMTcyLjgzIiB5Mj0iNDguMzgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  pointer-events:none;
  opacity:0.13;
}

/* ---------- NAV ---------- */
.nav{
  position:sticky; top:0; z-index:60; height:var(--nav-h);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 5%;
  background:var(--ink);
  border-bottom:3px solid var(--blue);
  box-shadow:0 4px 16px rgba(11,17,23,0.18);
}
.nav-logo{ display:flex; align-items:center; }
.brand-logo{ display:block; width:auto; }
.brand-logo-nav{ height:49px; }
.brand-logo-footer{ height:64px; margin:0 auto; }
.nav-links{ display:flex; gap:32px; }
.nav-links a{
  color:var(--steel-light); font-size:0.8rem; letter-spacing:0.11em;
  text-transform:uppercase; font-weight:600;
  position:relative; padding-bottom:4px;
  transition:color 0.2s;
}
.nav-links a:hover, .nav-links a.current{ color:#fff; }
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:2px;
  background:var(--blue); transition:width 0.25s;
}
.nav-links a:hover::after, .nav-links a.current::after{ width:100%; }

.menu-toggle{
  display:none; width:34px; height:26px; position:relative;
  background:none; border:none; cursor:pointer; flex-shrink:0;
}
.menu-toggle span{ position:absolute; left:0; right:0; height:2px; background:#fff; transition:all 0.25s; }
.menu-toggle span:nth-child(1){ top:0; }
.menu-toggle span:nth-child(2){ top:12px; }
.menu-toggle span:nth-child(3){ top:24px; }
.menu-toggle.open span:nth-child(1){ top:12px; transform:rotate(45deg); }
.menu-toggle.open span:nth-child(2){ opacity:0; }
.menu-toggle.open span:nth-child(3){ top:12px; transform:rotate(-45deg); }

.mobile-menu{
  display:none; position:fixed; top:0; left:0; right:0; bottom:0;
  background:var(--ink); z-index:55;
  flex-direction:column; align-items:center; justify-content:center; gap:30px;
  transform:translateY(-100%); transition:transform 0.3s ease;
}
.mobile-menu.open{ display:flex; transform:translateY(0); }
.mobile-menu a{ color:var(--ice); font-family:'Anton',sans-serif; font-size:1.5rem; letter-spacing:0.03em; }
.mobile-menu a.current{ color:var(--blue); }
.mobile-menu .rink-divider{ width:130px; }

@media (max-width:900px){
  .nav-links{ display:none; }
  .menu-toggle{ display:block; }
}

/* ---------- PAGE HERO (used on sub-pages, shorter than the homepage hero) ---------- */
.page-hero{
  position:relative; overflow:hidden;
  background-image:
    linear-gradient(160deg, rgba(244,248,251,0.34), rgba(180,199,216,0.2)),
    url('ice-texture.jpg');
  background-size:cover, cover;
  background-position:center, center;
  color:var(--text-dark);
  padding:56px 5%;
  text-align:center;
}
.page-hero .faceoff-mark{ width:380px; height:380px; }
.page-hero .eyebrow, .page-hero h1, .page-hero p{ position:relative; z-index:2; }
.page-hero .eyebrow{ color:var(--blue); }
.page-hero h1{ font-size:clamp(2rem, 5vw, 3.2rem); }
.page-hero p{ color:var(--text-mute); max-width:560px; margin:14px auto 0; }

/* ---------- SECTION SHELLS ---------- */
section{ padding:80px 5%; }
.collection-sec, .shop-sec, .contact-sec{
  background-image:var(--ice-wash), url('ice-texture.jpg');
  background-size:auto, cover;
  background-position:center top, center center;
  background-repeat:repeat, no-repeat;
  background-attachment:fixed, fixed;
}
.section-head{ max-width:640px; margin:0 auto 50px; text-align:center; }
.eyebrow{
  font-family:'IBM Plex Mono',monospace; font-size:0.74rem;
  letter-spacing:0.24em; color:var(--blue); text-transform:uppercase;
  margin-bottom:16px; display:block;
}
.section-head h2{ font-size:clamp(1.9rem,4.2vw,2.8rem); }
.section-head p{ color:var(--text-mute); margin-top:12px; }

.btn-primary, .btn-secondary{
  display:inline-block; padding:15px 32px; font-size:0.8rem; letter-spacing:0.12em;
  text-transform:uppercase; font-weight:600; cursor:pointer;
  border-radius:var(--radius); transition:transform 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
  border:none;
}
.btn-primary{ background:var(--blue); color:#fff; }
.btn-primary:hover{ transform:translateY(-2px); background:var(--blue-deep); box-shadow:0 10px 24px rgba(11,56,148,0.3); }
.btn-secondary{ background:transparent; border:1.5px solid var(--text-dark); color:var(--text-dark); }
.btn-secondary:hover{ transform:translateY(-2px); border-color:var(--blue); color:var(--blue); box-shadow:0 10px 24px rgba(11,31,51,0.12); }
.btn-light{ background:transparent; border:none; color:#fff; transition:transform 0.2s, background 0.2s; }
.btn-light:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.08); }

/* ---------- FOOTER ---------- */
footer{
  background-image:var(--dark-ice-wash), url('ice-texture.jpg');
  background-size:cover, cover;
  background-position:center, center;
  background-color:var(--ink);
  color:var(--steel-light); padding:50px 5% 28px; text-align:center;
}
footer .nav-logo{ justify-content:center; margin-bottom:16px; }
footer .foot-links{ display:flex; gap:26px; justify-content:center; margin:18px 0; flex-wrap:wrap; }
footer .foot-links a{ font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--steel-light); }
footer .foot-links a:hover{ color:#fff; }
footer .fine{ font-size:0.7rem; color:var(--steel); margin-top:18px; font-family:'IBM Plex Mono',monospace; }

/* ---------- ITEM CARD (shared by the Collection grid and the Shop grid) ---------- */
.item-grid{
  max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
  gap:24px;
}
.item-card{
  background:rgba(247,250,252,0.9); border:1px solid rgba(199,208,216,0.82); border-top:4px solid var(--blue);
  backdrop-filter:blur(3px);
  position:relative; box-shadow:0 1px 3px rgba(11,31,51,0.05);
  transition:transform 0.25s ease, box-shadow 0.25s ease;
  display:flex; flex-direction:column;
}
.item-card:hover{ transform:translateY(-6px); box-shadow:0 18px 34px rgba(11,31,51,0.14); }
.item-card .photo-frame{ aspect-ratio:1/1; background:none; }
.item-card .photo-frame img{ transition:transform 0.5s ease; object-fit:cover; }
.item-card:hover .photo-frame img{ transform:scale(1.06); }
.item-card .photo-frame .ph-label{ color:var(--text-mute); }
.item-plate{
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 16px; border-bottom:1px solid #E1E7EC;
}
.item-plate .num{ font-family:'Anton',sans-serif; font-size:1.3rem; color:var(--ink); }
.item-plate .mono{ font-size:0.66rem; color:var(--text-mute); }
.item-card-body{ padding:20px 18px 22px; flex:1; display:flex; flex-direction:column; gap:9px; }
.item-card-body h3{
  font-family:'Work Sans',sans-serif; font-weight:700; font-size:1rem;
  text-transform:none; letter-spacing:0; color:var(--ink);
}
.item-tags{ display:flex; gap:8px; flex-wrap:wrap; }
.item-tag{
  font-size:0.66rem; letter-spacing:0.05em; text-transform:uppercase;
  padding:4px 9px; border:1px solid var(--steel-light); color:var(--text-mute);
}
.item-note{ font-size:0.85rem; color:var(--text-mute); }
.item-meta{ font-size:0.76rem; color:var(--text-mute); }
.item-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:auto; }
.item-price{ font-family:'IBM Plex Mono',monospace; font-weight:500; font-size:1.02rem; color:var(--ink); }
.item-cta{
  background:var(--ink); color:#fff; border:none; padding:9px 15px;
  font-size:0.7rem; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer;
  transition:background 0.2s; display:inline-block;
}
.item-cta:hover{ background:var(--blue); }
.empty-state{ text-align:center; color:var(--text-mute); padding:40px 0; grid-column:1/-1; }

/* ---------- FILTER CHIPS (shared by Collection and Shop) ---------- */
.filter-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.chip{
  background:transparent; border:1.5px solid var(--steel-light); color:var(--text-mute);
  padding:8px 16px; font-size:0.74rem; letter-spacing:0.08em; text-transform:uppercase;
  cursor:pointer; transition:all 0.2s;
}
.chip:hover{ border-color:var(--blue); color:var(--blue); }
.chip.active{ background:var(--ink); border-color:var(--ink); color:#fff; }

.toast{
  position:fixed; bottom:26px; left:50%; transform:translateX(-50%) translateY(20px);
  background:var(--ink); color:#fff; padding:14px 24px; font-size:0.85rem;
  border-left:4px solid var(--blue); opacity:0; pointer-events:none;
  transition:all 0.3s; z-index:100; letter-spacing:0.02em;
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
}
.toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

/* ---------- PRODUCT PAGE ---------- */
.back-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; font-weight:600;
  color:var(--text-mute); margin-bottom:28px; transition:color 0.2s;
}
.back-link:hover{ color:var(--blue); }
.product-wrap{
  max-width:1180px; margin:0 auto; display:grid;
  grid-template-columns:1.1fr 1fr; gap:52px; align-items:start;
}
@media (max-width:800px){ .product-wrap{ grid-template-columns:1fr; gap:32px; } }

.product-main-photo{
  aspect-ratio:1/1; background:none;
  border:1px solid rgba(199,208,216,0.82); border-top:4px solid var(--blue);
}
.product-main-photo .photo-frame{ height:100%; cursor:zoom-in; }
.product-main-photo .photo-frame img{ object-fit:cover; }
.product-thumbs{
  display:flex; gap:10px; margin-top:12px; flex-wrap:wrap;
}
.product-thumb{
  width:78px; height:78px; cursor:pointer; overflow:hidden;
  border:2px solid transparent; opacity:0.7; transition:all 0.2s;
  background:linear-gradient(135deg, var(--ink), var(--ink-2));
}
.product-thumb:hover{ opacity:1; }
.product-thumb.active{ border-color:var(--blue); opacity:1; }
.product-thumb img{ width:100%; height:100%; object-fit:cover; }

.product-info{ padding-top:6px; }

/* ---------- LIGHTBOX (click a product photo to zoom) ---------- */
.lightbox{
  position:fixed; inset:0; z-index:999; display:none;
  align-items:center; justify-content:center;
  background:rgba(12,15,18,0.9);
  padding:40px; cursor:zoom-out;
}
.lightbox.open{ display:flex; }
.lightbox img{
  max-width:100%; max-height:100%; width:auto; height:auto;
  object-fit:contain; box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.lightbox-close{
  position:absolute; top:22px; right:28px; z-index:1000;
  background:none; border:none; color:#fff; font-size:2rem; line-height:1;
  cursor:pointer; opacity:0.85; padding:6px;
}
.lightbox-close:hover{ opacity:1; }
.product-info .mono{ font-size:0.76rem; color:var(--text-mute); display:block; margin-bottom:10px; }
.product-info h1{ font-size:clamp(1.6rem,3.4vw,2.3rem); color:var(--ink); margin-bottom:16px; }
.product-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.product-price{
  font-family:'IBM Plex Mono',monospace; font-weight:500; font-size:1.5rem;
  color:var(--ink); margin-bottom:22px; display:block;
}
.product-desc{ color:var(--text-mute); font-size:0.98rem; line-height:1.7; margin-bottom:30px; white-space:pre-line; }
.product-meta-row{
  display:flex; gap:28px; flex-wrap:wrap; margin-bottom:30px;
  padding:18px 0; border-top:1px solid #E1E7EC; border-bottom:1px solid #E1E7EC;
}
.product-meta-item{ display:flex; flex-direction:column; gap:4px; }
.product-meta-item span:first-child{ font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-mute); }
.product-meta-item span:last-child{ font-weight:600; color:var(--ink); }
.product-state{ text-align:center; color:var(--text-mute); padding:80px 0; }

@media (prefers-reduced-motion: reduce){
  *{ transition-duration:0.01ms !important; animation-duration:0.01ms !important; scroll-behavior:auto !important; }
}