/* =========================================================
   SHOPCTS V85 — CALIBRATED STOREFRONT REDESIGN
   Inspired by premium development storefront hierarchy,
   rebuilt with SHOPCTS identity and existing product data.
   ========================================================= */

body.v85-page{
  --v85-bg:#09090c;
  --v85-panel:#111116;
  --v85-panel-2:#15131a;
  --v85-border:rgba(255,255,255,.09);
  --v85-border-strong:rgba(255,255,255,.15);
  --v85-muted:#a9a4ae;
  --v85-muted-2:#77727d;
  --v85-purple:#9b62ff;
  --v85-purple-soft:#c7a8ff;
  --v85-cream:#efe4d0;
  background:#09090c;
  color:#f5f3f7;
  font-family:"DM Sans",Inter,system-ui,sans-serif;
}
body.v85-page::before{opacity:.28}
body.v85-page::after{display:none}
.v85-page .v82-noise{opacity:.012}
.v85-page .v82-pointer-glow{opacity:.26;filter:blur(35px)}
.v85-page .v82-shell{width:min(1380px,calc(100vw - 56px))}

/* HEADER */
.v85-page .v82-header{
  height:78px;
  background:rgba(9,9,12,.86);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(20px) saturate(130%);
}
.v85-page .v82-header.is-scrolled{height:70px;background:rgba(9,9,12,.96)}
.v85-page .v82-nav-shell{
  width:min(1380px,calc(100vw - 56px));
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:22px;
}
.v85-page .v82-brand{font-size:20px;gap:10px;letter-spacing:-.055em}
.v85-page .v82-brand-icon{width:34px;height:34px;border-radius:10px;background:rgba(155,98,255,.12);border-color:rgba(155,98,255,.45)}
.v85-page .v82-nav{
  margin:0 auto;
  justify-self:center;
  display:flex;
  gap:6px;
  padding:5px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.v85-page .v82-nav a{
  min-height:34px;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-radius:8px;
  border:1px solid transparent;
  color:#aaa4ae;
  font-size:12px;
  font-weight:600;
}
.v85-page .v82-nav a::after{display:none}
.v85-page .v82-nav a:hover,.v85-page .v82-nav a.active{background:#18171b;border-color:rgba(255,255,255,.08);color:#fff}
.v85-page .v82-nav-actions{justify-self:end}
.v85-page .v82-nav-button{height:40px;border-radius:9px;padding:0 14px;font-size:11.5px;font-weight:600;background:#111116;border-color:rgba(255,255,255,.08)}
.v85-page .v82-nav-button:hover{background:#18161e;transform:none;border-color:rgba(155,98,255,.28)}
.v85-page .v82-cart b{border-radius:6px;background:var(--v85-purple)}

/* HERO — full visual stage, no floating clutter */
.v85-page .v82-hero.v85-hero{min-height:auto;padding:116px 0 64px;overflow:hidden;border:0}
.v85-page .v82-hero::after{display:none}
.v85-hero-stage{
  position:relative;
  min-height:650px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  overflow:hidden;
  background:#0e0e12;
  box-shadow:0 32px 90px rgba(0,0,0,.38);
}
.v85-hero-media{position:absolute;inset:0;overflow:hidden;background:#0d0d11}
.v85-hero-media img{
  position:absolute;
  right:-4%;
  top:50%;
  width:78%;
  height:92%;
  transform:translateY(-50%);
  object-fit:cover;
  object-position:center;
  border-radius:18px 0 0 18px;
  filter:saturate(.82) brightness(.72) contrast(1.03);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 13%,#000 32% 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 13%,#000 32% 100%);
}
.v85-hero-media-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0e 0 38%,rgba(11,11,14,.90) 47%,rgba(11,11,14,.20) 76%,rgba(11,11,14,.42) 100%),linear-gradient(180deg,rgba(9,9,12,.12),rgba(9,9,12,.5))}
.v85-hero-media-glow{position:absolute;right:10%;top:-25%;width:720px;height:720px;border-radius:50%;background:rgba(124,55,246,.16);filter:blur(110px);opacity:.7}
.v85-hero-copy{position:relative;z-index:4;width:min(650px,55%);padding:76px 0 64px 68px}
.v85-kicker{display:inline-flex;align-items:center;gap:9px;height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(10,10,13,.66);backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:.13em;color:#d9d4dc}
.v85-kicker i{width:7px;height:7px;border-radius:50%;background:#50e6ac;box-shadow:0 0 14px rgba(80,230,172,.75)}
.v85-kicker b{font-size:9px;color:#746f79;font-weight:700;margin-left:4px}
.v85-hero-copy h1{font:800 clamp(66px,6vw,100px)/.93 "Manrope",sans-serif;letter-spacing:-.072em;margin:26px 0 24px;max-width:690px}
.v85-hero-copy h1 em{font-style:normal;color:var(--v85-purple-soft)}
.v85-hero-copy>p{max-width:590px;margin:0 0 28px;font-size:18px;line-height:1.68;color:#bbb5c0}
.v85-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.v85-button{height:52px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.10);transition:.2s ease}
.v85-button span{font-size:16px}
.v85-button.primary{background:#f0e5d2;color:#161317;border-color:#f0e5d2}
.v85-button.primary:hover{background:#fff2de;transform:translateY(-1px)}
.v85-button.secondary{background:rgba(13,13,17,.72);color:#eeeaf0;backdrop-filter:blur(10px)}
.v85-button.secondary:hover{background:#17161b;border-color:rgba(255,255,255,.16)}
.v85-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px;max-width:650px}
.v85-hero-proof>div{min-height:70px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(12,12,16,.66);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center}
.v85-hero-proof strong{font:800 15px/1 "Manrope",sans-serif;color:#f5f2f7}
.v85-hero-proof span{margin-top:5px;font-size:11px;color:#817b86}
.v85-live-chip{position:absolute;z-index:4;right:34px;top:30px;height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(10,10,13,.70);backdrop-filter:blur(12px)}
.v85-live-chip>i{width:8px;height:8px;border-radius:50%;background:#42e6ae;box-shadow:0 0 16px rgba(66,230,174,.7)}
.v85-live-chip div{display:flex;flex-direction:column;gap:2px}
.v85-live-chip strong{font-size:11px}.v85-live-chip span{font-size:9px;color:#7f7984}
.v85-hero-corner{position:absolute;z-index:4;right:34px;bottom:28px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.v85-hero-corner span{font-size:9px;letter-spacing:.14em;color:#77717b}.v85-hero-corner b{font:700 11px "Manrope",sans-serif;color:#c8c1cc}

/* trust bar */
.v85-page .v83-trust{width:min(1380px,calc(100vw - 56px));margin:18px auto 0;border-radius:14px;background:#0f0f13;box-shadow:none;border-color:rgba(255,255,255,.075)}
.v85-page .v83-trust article{min-height:90px;padding:18px 20px;grid-template-columns:36px 1fr}
.v85-page .v83-trust i{width:36px;height:36px;border-radius:9px;background:#17141d;border-color:rgba(155,98,255,.18);font-size:14px}
.v85-page .v83-trust strong{font-size:14px}.v85-page .v83-trust span{font-size:11px;color:#88818d}
.v85-page .v82-marquee{height:52px;margin-top:30px;background:#0b0b0f;border-color:rgba(255,255,255,.05)}
.v85-page .v82-marquee span{font-size:10px;color:#8b8490}.v85-page .v82-marquee b{color:#8551dc}

/* SECTION TYPOGRAPHY */
.v85-page .v82-section{padding:100px 0}
.v85-page .v82-section-top{grid-template-columns:1fr minmax(330px,500px);gap:70px;align-items:end;margin-bottom:48px}
.v85-page .v82-section-top h2,.v85-page .v82-how-copy h2,.v85-page .v82-faq-copy h2{font-size:clamp(50px,4.8vw,72px);line-height:.98;letter-spacing:-.058em}
.v85-page .v82-section-top>p,.v85-page .v82-how-copy p,.v85-page .v82-faq-copy p{font-size:15px;line-height:1.8;color:#aaa3ae}
.v85-page .v82-eyebrow{font-size:10px;letter-spacing:.13em;color:#928b98}

/* service cards */
.v85-page .v82-service-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.v85-page .v82-service-card,.v85-page .v82-service-card:nth-child(n){grid-column:auto;min-height:185px;padding:22px;border:1px solid rgba(255,255,255,.075)!important;border-radius:14px;background:#0f0f13;box-shadow:none;grid-template-columns:32px 46px 1fr auto}
.v85-page .v82-service-card:hover{transform:translateY(-2px);background:#131218;border-color:rgba(155,98,255,.25)!important;box-shadow:none}
.v85-page .v82-service-card>i{width:42px;height:42px;border-radius:10px;background:#17131d;border-color:rgba(155,98,255,.17);font-size:15px}
.v85-page .v82-service-card h3{font-size:24px;margin-bottom:9px}.v85-page .v82-service-card p{font-size:13px;line-height:1.65;color:#98919d}
.v85-page .v82-service-card>span{font-size:9px}.v85-page .v82-service-card>b{font-size:18px}

/* STORE */
.v85-page .v82-products{background:#0a0a0d;border-block:1px solid rgba(255,255,255,.045)}
.v85-page .v82-store-toolbar{position:relative;top:auto;margin-bottom:42px;padding:8px;border-radius:13px;background:#111116;border-color:rgba(255,255,255,.08);box-shadow:none}
.v85-page .v82-search{min-height:46px;border-radius:9px;background:#0d0d11}
.v85-page .v82-search input{font-size:13px}
.v85-page .v82-tabs{background:#0d0d11;gap:5px}
.v85-page .v82-tabs button{min-height:46px;border-radius:8px;font-size:12px;font-weight:700}
.v85-page .v82-tabs button.active{background:#1a181f;border:1px solid rgba(155,98,255,.20);box-shadow:none;color:#fff}
.v85-page .v82-category-heading{margin-bottom:22px;padding-bottom:18px}
.v85-page .v82-category-heading h3{font-size:34px;letter-spacing:-.045em}.v85-page .v82-category-heading p{font-size:14px;color:#9a939f}

.v85-page .v82-product-grid{gap:16px}
.v85-page .v82-product-card{min-height:430px;border-radius:15px;background:#101014;border-color:rgba(255,255,255,.08);box-shadow:none}
.v85-page .v82-product-card:hover{transform:translateY(-3px);border-color:rgba(155,98,255,.26);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.v85-page .v82-product-card::before{display:none}
.v85-page .v82-product-media{height:208px;background:#0d0d11;border-bottom-color:rgba(255,255,255,.055);overflow:hidden}
.v85-page .v82-product-media::before{opacity:.12;background-size:72px 72px}
.v85-page .v82-product-media::after{background:linear-gradient(180deg,transparent 62%,rgba(9,9,12,.3))}
.v85-page .v82-product-media>img,.v85-page .v82-product-media>video{padding:30px;object-fit:contain}
.v85-page .v82-product-badge,.v85-page .v82-product-popular{top:14px;font-size:9px;padding:6px 8px;border-radius:7px;background:#101014;border-color:rgba(255,255,255,.09)}
.v85-page .v82-product-popular{background:#2a1743;border-color:rgba(155,98,255,.30);color:#d7c0ff}
.v85-page .v82-product-body{min-height:220px;padding:22px 22px 20px}
.v85-page .v82-product-card.featured{display:block;grid-column:span 4}
.v85-page .v82-product-card.featured .v82-product-media{min-height:0;height:208px}
.v85-page .v82-product-card.featured .v82-product-body{padding:22px 22px 20px}
.v85-page .v82-product-meta{margin-bottom:11px}
.v85-page .v82-product-meta span{font-size:9px;letter-spacing:.12em;color:#77717c}
.v85-page .v82-product-meta strong{font-size:12px;padding:8px 10px;border-radius:8px;background:#efe4d0;color:#151216;box-shadow:none}
.v85-page .v82-product-body h3,.v85-page .v82-product-card.featured .v82-product-body h3{font-size:26px;line-height:1.03;letter-spacing:-.045em;margin-bottom:10px}
.v85-page .v82-product-body p{font-size:13px;line-height:1.62;color:#a59eaa}
.v85-page .v82-product-perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin-top:18px}
.v85-page .v82-product-perks span{font-size:11px;line-height:1.45;color:#c1bac5;padding-left:13px}
.v85-page .v82-product-perks span::before{content:"";width:4px;height:4px;border-radius:50%;background:#b88cff;left:0;top:6px;box-shadow:0 0 8px rgba(184,140,255,.5)}
.v85-page .v82-product-bottom{margin-top:auto;padding-top:15px}.v85-page .v82-product-bottom strong{font-size:11px}.v85-page .v82-product-bottom b{width:34px;height:34px;border-radius:8px}

/* gang media — purpose-built poster, no giant empty logo */
.v85-gang-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(155,98,255,.13),transparent 48%),linear-gradient(180deg,#111017,#0b0b0f)}
.v85-gang-art::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.04);border-radius:11px}
.v85-gang-art img{position:relative;z-index:2;width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.38));transition:.25s transform}
.v82-product-card:hover .v85-gang-art img{transform:scale(1.04)}
.v85-gang-word{position:absolute;left:18px;bottom:13px;z-index:1;font:800 clamp(32px,3vw,48px)/1 "Manrope",sans-serif;letter-spacing:-.06em;color:rgba(255,255,255,.035);text-transform:uppercase;white-space:nowrap}
.v85-gang-art em{position:absolute;right:16px;bottom:15px;font-style:normal;font-size:9px;letter-spacing:.13em;color:#5f5964;text-transform:uppercase}

/* custom UI art clean-up */
.v85-page .v84-ui-art{padding:16px}
.v85-page .v84-ui-window{border-radius:13px;background:#0e0e12;box-shadow:none}
.v85-page .v84-ui-title strong{font-size:19px}.v85-page .v84-ui-title span{font-size:9px}
.v85-page .v84-ui-panel strong{font-size:17px}.v85-page .v84-ui-panel p{font-size:10px}
.v85-page .v84-ui-bottom-note span,.v85-page .v84-ui-bottom-note b{font-size:8px}

/* selected work */
.v85-page .v82-work{background:#09090c}
.v85-page .v82-case-wrap{border-radius:16px;background:#0f0f13;border-color:rgba(255,255,255,.08);box-shadow:none}
.v85-page .v82-case-stage{background:#0b0b0e}.v85-page .v82-browser-frame{height:500px;border-radius:14px;background:#0c0c10;box-shadow:none}
.v85-page .v82-case-media img{object-fit:cover;object-position:center;background:#0c0c10}
.v85-page .v82-case-info{padding:34px;background:#101014}
.v85-page .v82-case-info h3{font-size:38px}.v85-page .v82-case-copy p{font-size:13px;line-height:1.7}.v85-page .v82-case-copy li{font-size:12px}

/* how / reviews / faq */
.v85-page .v82-how{background:#0a0a0d}.v85-page .v82-steps article{min-height:128px;background:#101014}.v85-page .v82-steps h3{font-size:24px}.v85-page .v82-steps p{font-size:13px;color:#99929e}
.v85-page .v82-vouch-stat strong{font-size:58px}.v85-page .v82-vouch-stat span{font-size:11px}
.v85-page .v82-vouch-card{width:380px;min-height:240px;padding:24px;border-radius:14px;background:#101014;box-shadow:none}
.v85-page .v82-vouch-card-top span{font-size:9px}.v85-page .v82-vouch-card-top b{font-size:11px}.v85-page .v82-vouch-card blockquote{font-size:21px;line-height:1.45}.v85-page .v82-vouch-card footer{font-size:10px}
.v85-page .v82-accordion summary{min-height:84px}.v85-page .v82-accordion summary strong{font-size:16px}.v85-page .v82-accordion details p{font-size:13px}
.v85-page .v82-cta{background:#0b0b0f;min-height:390px}.v85-page .v82-cta::before{background:radial-gradient(600px 260px at 50% 50%,rgba(123,54,246,.13),transparent 72%)}
.v85-page .v82-cta-inner>span{font-size:10px}.v85-page .v82-cta-inner p{font-size:14px}
.v85-page .v82-footer-grid>div:first-child p{font-size:12px}.v85-page .v82-footer-grid strong{font-size:12px}.v85-page .v82-footer-grid a:not(.v82-brand){font-size:11px}.v85-page .v82-footer-bottom{font-size:10px}

/* continuous vouches */
.v85-page .v82-vouch-marquee{animation:v85-vouches 72s linear infinite!important;gap:14px;padding:0 14px;will-change:transform}
.v85-page .v82-vouch-marquee:hover{animation-play-state:running!important}
@keyframes v85-vouches{to{transform:translateX(-25%)}}

@media(max-width:1180px){
  .v85-page .v82-nav-shell{grid-template-columns:auto auto}.v85-page .v82-nav{order:3;grid-column:1/-1;justify-self:stretch;overflow:auto}.v85-page .v82-header{height:auto;min-height:76px;padding:10px 0}
  .v85-hero-stage{min-height:720px}.v85-hero-copy{width:68%;padding-left:44px}.v85-hero-media img{width:88%;right:-16%}
  .v85-page .v82-service-grid{grid-template-columns:repeat(2,1fr)}
  .v85-page .v82-product-card,.v85-page .v82-product-card.featured{grid-column:span 6}
}
@media(max-width:860px){
  .v85-page .v82-shell,.v85-page .v82-nav-shell,.v85-page .v83-trust{width:min(100% - 28px,760px)}
  .v85-page .v82-hero.v85-hero{padding-top:124px}.v85-hero-stage{min-height:780px}.v85-hero-copy{width:100%;padding:54px 28px 280px}.v85-hero-media img{width:100%;height:42%;right:0;top:auto;bottom:0;transform:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%);border-radius:0}.v85-hero-media-fade{background:linear-gradient(180deg,#0b0b0e 0 55%,rgba(11,11,14,.78) 68%,rgba(11,11,14,.28) 100%)}
  .v85-hero-copy h1{font-size:clamp(54px,12vw,76px)}.v85-hero-copy>p{font-size:16px}.v85-live-chip{right:18px;top:auto;bottom:22px}.v85-hero-corner{display:none}
  .v85-page .v82-section-top{grid-template-columns:1fr;gap:22px}.v85-page .v82-service-grid{grid-template-columns:1fr}
  .v85-page .v82-case-info{padding:26px}
}
@media(max-width:600px){
  .v85-page .v82-nav{display:none}.v85-page .v82-menu{display:flex}.v85-page .v82-nav-shell{grid-template-columns:1fr auto}.v85-page .v82-nav-actions{justify-self:end}
  .v85-hero-stage{min-height:760px;border-radius:16px}.v85-hero-copy{padding:42px 20px 285px}.v85-hero-copy h1{font-size:51px}.v85-hero-copy>p{font-size:15px}.v85-hero-proof{grid-template-columns:1fr 1fr}.v85-hero-proof>div:last-child{grid-column:1/-1}.v85-hero-actions{display:grid;grid-template-columns:1fr}.v85-button{width:100%}
  .v85-page .v83-trust{grid-template-columns:1fr}.v85-page .v83-trust article{border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}
  .v85-page .v82-section{padding:78px 0}.v85-page .v82-section-top h2,.v85-page .v82-how-copy h2,.v85-page .v82-faq-copy h2{font-size:46px}
  .v85-page .v82-product-card,.v85-page .v82-product-card.featured{grid-column:span 12}.v85-page .v82-product-perks{grid-template-columns:1fr}.v85-page .v82-vouch-card{width:300px}
}
.v85-page .v82-vouch-marquee{display:flex;gap:14px;padding:0;animation:v85-vouches-exact 72s linear infinite!important}
.v85-page .v85-vouch-set{display:flex;gap:14px;flex:none;padding-left:14px}
@keyframes v85-vouches-exact{to{transform:translateX(calc(-50% - 7px))}}
/* keep low-resolution gang marks crisp instead of artificially enlarging them */
.v85-gang-art img{width:96px;height:96px;image-rendering:auto}