/* YOGO SHOP V2 — visual-only upgrade; keep existing DOM IDs, API and affiliate URLs intact. */
body.site-v2{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.site-v2::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 7% -2%,#eac35b12,transparent 43%),radial-gradient(ellipse at 95% 12%,#8d8ca815,transparent 35%)}
body.site-v2 a,body.site-v2 button,body.site-v2 input{touch-action:manipulation}
body.site-v2 :focus-visible{outline:3px solid #e7c852;outline-offset:3px}
body.site-v2 [hidden]{display:none!important}
/* PRIMARY / PUBLIC — all selectors scoped to avoid altering custom-studio previews */
body.site-v2.primary-store{--y:#f7d86b;--bg:#0b0d11;--panel:#171a20;--sub:#a6a9b2;background:#0b0d11;color:#f6f5f0}
body.site-v2.primary-store main{max-width:1080px;padding:clamp(17px,3vw,40px) clamp(16px,4vw,34px) 92px}
body.site-v2.primary-store .top{padding-bottom:21px;margin-bottom:27px;border-bottom:1px solid #ffffff18;gap:13px}
body.site-v2.primary-store .logo{font-size:25px;letter-spacing:-1.35px}
body.site-v2.primary-store .top small{letter-spacing:.1px;color:#989da7;font-weight:550}
body.site-v2.primary-store .admintrigger{border:1px solid #ffffff23;border-radius:99px;background:#ffffff0b;color:#f4e9ce;font-weight:720;padding:10px 18px;transition:background .15s,transform .15s}
body.site-v2.primary-store .admintrigger:hover{background:#ffffff18;transform:translateY(-1px)}
body.site-v2.primary-store .head{position:relative;overflow:hidden;border:1px solid #ecd49045;border-radius:33px;min-height:320px;padding:clamp(31px,5vw,64px) clamp(24px,5vw,62px);background:radial-gradient(circle at 88% 16%,#e8c77438,transparent 24%),radial-gradient(circle at 70% 75%,#a99c6630,transparent 33%),linear-gradient(115deg,#22252c 5%,#181920 57%,#282418 100%);box-shadow:0 23px 65px #0007}
body.site-v2.primary-store .head:after{content:"Y";position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(-13deg);display:grid;place-items:center;width:min(25vw,215px);aspect-ratio:1;border-radius:50%;border:2px solid #f5d46a60;background:radial-gradient(circle at 30% 24%,#d3b35440,#191a1d 72%);box-shadow:0 0 0 16px #ffefaf10,0 0 0 38px #ffefaf08,0 20px 60px #0008;font-size:clamp(80px,11vw,148px);font-weight:980;color:#f0d477;line-height:1;letter-spacing:-14px;text-shadow:0 8px 25px #0008}
body.site-v2.primary-store .head>.eyebrow,body.site-v2.primary-store .head>h1,body.site-v2.primary-store .head>p{position:relative;z-index:1;max-width:610px}
body.site-v2.primary-store .eyebrow{color:#e9ce77;font-size:10px;letter-spacing:2.5px}
body.site-v2.primary-store .head h1{font-size:clamp(33px,5.5vw,59px);font-weight:860;letter-spacing:-2.4px;line-height:1.15;margin:17px 0}
body.site-v2.primary-store .head h1 em{color:#ffdf76}
body.site-v2.primary-store .head p{max-width:480px;color:#d3d5d6;font-size:14px;line-height:1.85}
body.site-v2.primary-store .hero-cta{display:inline-flex;align-items:center;gap:10px;margin-top:23px;text-decoration:none;background:#f1d475;color:#1a1a16;border-radius:100px;padding:12px 20px;font-weight:850;font-size:13px;box-shadow:0 10px 27px #0004;transition:transform .16s}
body.site-v2.primary-store .hero-cta:hover{transform:translateY(-2px)}
body.site-v2.primary-store .trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:17px 0 6px;color:#aaaeb5;font-size:11px;font-weight:650}
body.site-v2.primary-store .trust-row span{display:flex;align-items:center;gap:7px}
body.site-v2.primary-store .trust-row i{display:inline-block;height:6px;width:6px;border-radius:50%;background:#efd36c}
body.site-v2.primary-store .notice{margin:21px 0 38px;background:#ffffff05;border:1px solid #ffffff12;border-left:3px solid #e4c466;color:#a5a5aa;padding:13px 19px;border-radius:6px 14px 14px 6px;font-size:11px;line-height:1.8}
body.site-v2.primary-store .page-collections{margin-bottom:29px}
body.site-v2.primary-store .page-collections h2{font-size:17px;letter-spacing:-.5px}
body.site-v2.primary-store .page-collection-links a{background:#24262c;border:1px solid #ffffff27;border-radius:100px;color:#f5eac4;font-size:12px}
body.site-v2.primary-store .strip{padding-top:4px;margin-bottom:18px;align-items:end}
body.site-v2.primary-store .strip h2{font-size:clamp(22px,3vw,30px);letter-spacing:-1.15px}
body.site-v2.primary-store .strip h2 span{color:#e9cb6d}
body.site-v2.primary-store .count{background:#25282e;color:#c8c8ca;padding:7px 12px;border-radius:100px;font-size:11px;font-weight:700}
body.site-v2.primary-store .search{width:100%;margin-bottom:20px;border:1px solid #ffffff29;border-radius:16px;background:#1b1e25 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23c7aa58' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") no-repeat 17px center;color:white;padding:17px 18px 17px 47px;font-size:14px;box-shadow:0 8px 26px #0002}
body.site-v2.primary-store .search::placeholder{color:#9c9da6}
body.site-v2.primary-store .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.site-v2.primary-store .item{background:#171a20;border:1px solid #ffffff1c;border-radius:19px;box-shadow:0 5px 22px #0004;transition:transform .18s,box-shadow .18s,border-color .18s}
body.site-v2.primary-store .item:hover{transform:translateY(-3px);border-color:#e6c85b55;box-shadow:0 13px 30px #0007}
body.site-v2.primary-store .image,body.site-v2.primary-store .imgblank{aspect-ratio:1.35;background:#f6f5f1;object-fit:contain}
body.site-v2.primary-store .item .info{padding:19px 18px 18px}
body.site-v2.primary-store .item .tag{letter-spacing:.6px;font-size:10px;color:#e9ce76}
body.site-v2.primary-store .item .name{font-size:16px;line-height:1.5;letter-spacing:-.3px;margin:10px 0 8px}
body.site-v2.primary-store .item .desc{font-size:11px;color:#a2a5ad;line-height:1.65}
body.site-v2.primary-store .item .buy{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;background:#f2d678;color:#171714;font-size:12px;transition:background .18s,transform .18s}
body.site-v2.primary-store .item .buy:hover{background:#ffe99e;transform:translateY(-1px)}
body.site-v2.primary-store footer{padding-top:27px;margin-top:48px;border-top:1px solid #ffffff20;line-height:1.9}
/* Independent creator storefront — owner-selected colors, themes and layouts remain authoritative. */
body.site-v2.tenant-store .wrap{max-width:1140px;padding-top:clamp(20px,3vw,38px)}
body.site-v2.tenant-store .topnav{padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:27px}
body.site-v2.tenant-store .topnav .logo{letter-spacing:-1.1px;font-size:24px}
body.site-v2.tenant-store .topnav>small{letter-spacing:1.2px;text-transform:uppercase}
body.site-v2.tenant-store .hero:not(.has-banner){border-radius:30px;padding:clamp(30px,5vw,55px);background:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),var(--panel)}
body.site-v2.tenant-store .hero{box-shadow:0 12px 38px #00000012}
body.site-v2.tenant-store .hero h1{font-size:clamp(32px,5.5vw,54px);letter-spacing:-2px}
body.site-v2.tenant-store .hero p{font-size:14px;line-height:1.8}
body.site-v2.tenant-store .store-catalog{margin-top:24px}
body.site-v2.tenant-store .heading h2{font-size:clamp(21px,3vw,27px)}
body.site-v2.tenant-store .chip{padding:9px 16px;border-radius:100px;transition:transform .15s}
body.site-v2.tenant-store .chip:hover{transform:translateY(-1px)}
body.site-v2.tenant-store .search{padding:15px 17px;border-radius:16px;font-size:13px}
body.site-v2.tenant-store .products{gap:18px}
body.site-v2.tenant-store .product{border-radius:21px;box-shadow:0 6px 20px #00000012;transition:transform .18s,border-color .18s}
body.site-v2.tenant-store .product:hover{transform:translateY(-2px);border-color:var(--accent)}
body.site-v2.tenant-store .product .photo{aspect-ratio:1.32}
body.site-v2.tenant-store .product .info{padding:19px}
body.site-v2.tenant-store .product .name{font-size:16px}
body.site-v2.tenant-store .product .shop-button{padding:13px 11px;border-radius:11px;font-size:12px;transition:filter .18s}
body.site-v2.tenant-store .product .shop-button:hover{filter:brightness(1.07)}
body.site-v2.tenant-store .footer{border-top:1px solid var(--border);padding-top:25px}
@media(max-width:900px){
 body.site-v2.primary-store .products{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.site-v2.tenant-store .products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 body.site-v2.primary-store main{padding:16px 14px 60px}
 body.site-v2.primary-store .top{margin-bottom:20px;padding-bottom:15px}
 body.site-v2.primary-store .top small{font-size:10px}
 body.site-v2.primary-store .head{border-radius:24px;min-height:auto;padding:30px 23px 33px}
 body.site-v2.primary-store .head:after{right:-24px;top:30%;width:110px;opacity:.23;box-shadow:none;font-size:83px}
 body.site-v2.primary-store .head h1{font-size:37px;max-width:340px;letter-spacing:-1.8px}
 body.site-v2.primary-store .head p{font-size:12px}
 body.site-v2.primary-store .hero-cta{padding:12px 17px;font-size:12px}
 body.site-v2.primary-store .trust-row{font-size:10px}
 body.site-v2.primary-store .products{grid-template-columns:1fr;gap:13px}
 body.site-v2.primary-store .item{flex-direction:row;min-height:145px;border-radius:17px}
 body.site-v2.primary-store .image,body.site-v2.primary-store .imgblank{width:37%;flex:none;aspect-ratio:auto;min-height:145px;object-fit:contain}
 body.site-v2.primary-store .item .info{min-width:0;padding:14px 14px 13px}
 body.site-v2.primary-store .item .tag{font-size:9px}
 body.site-v2.primary-store .item .name{font-size:13px;margin:7px 0 5px}
 body.site-v2.primary-store .item .desc{font-size:10px;margin-bottom:10px}
 body.site-v2.primary-store .item .buy{font-size:11px;min-height:37px;padding:9px 7px}
 body.site-v2.tenant-store .wrap{padding:16px 13px 48px}
 body.site-v2.tenant-store .topnav{margin-bottom:20px;padding-bottom:13px}
 body.site-v2.tenant-store .hero:not(.has-banner){padding:29px 22px}
 body.site-v2.tenant-store .hero h1{font-size:32px}
 body.site-v2.tenant-store .products{gap:11px}
 body.site-v2.tenant-store .product .photo{aspect-ratio:1.2}
 body.site-v2.tenant-store .product .info{padding:13px}
 body.site-v2.tenant-store .product .name{font-size:13px}
 body.site-v2.tenant-store .product .shop-button{font-size:11px;padding:10px 7px}
}
@media(max-width:370px){
 body.site-v2.primary-store .logo{font-size:21px}
 body.site-v2.primary-store .admintrigger{padding:9px 11px}
 body.site-v2.tenant-store .products{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.site-v2 *,body.site-v2 *:before,body.site-v2 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Respect all previously saved visual-design presets and creator settings. */
body.site-v2.primary-store .head:after{pointer-events:none}
body.site-v2.primary-store.yogo-themed .head:after{display:none}
body.site-v2.primary-store.yogo-themed .head{border-color:var(--yogo-line)}
body.site-v2.primary-store.yogo-themed .head h1 em{color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed .head p{color:var(--yogo-muted)}
body.site-v2.primary-store.yogo-themed .head.has-banner h1,body.site-v2.primary-store.yogo-themed .head.has-banner p{color:#fff}
body.site-v2.primary-store.yogo-themed .hero-cta{background:var(--yogo-accent);color:var(--yogo-btn-text)}
body.site-v2.primary-store.yogo-themed .trust-row i{background:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed .notice{background:var(--yogo-panel);color:var(--yogo-muted);border-left-color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed .item{background:var(--yogo-panel);border-color:var(--yogo-line);color:var(--yogo-txt)}
body.site-v2.primary-store.yogo-themed .item .tag,body.site-v2.primary-store.yogo-themed .strip h2 span{color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed .item .desc{color:var(--yogo-muted)}
body.site-v2.primary-store.yogo-themed .item .buy{background:var(--yogo-accent);border:1px solid var(--yogo-accent);color:var(--yogo-btn-text)}
body.site-v2.primary-store.yogo-themed .search{background-color:var(--yogo-panel);color:var(--yogo-txt);border-color:var(--yogo-line)}
body.site-v2.primary-store.yogo-themed .count{background:var(--yogo-panel);color:var(--yogo-muted)}
body.site-v2.primary-store.yogo-themed[data-yogo-layout="list"] .products{grid-template-columns:1fr}
body.site-v2.primary-store.yogo-themed[data-yogo-layout="list"] .products .item{flex-direction:row;min-height:145px}
body.site-v2.primary-store.yogo-themed[data-yogo-layout="list"] .products .image,body.site-v2.primary-store.yogo-themed[data-yogo-layout="list"] .products .imgblank{width:34%;max-width:225px;aspect-ratio:1;flex:none;object-fit:cover}
body.site-v2.primary-store.yogo-themed[data-yogo-button="outline"] .buy{background:transparent;color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed[data-yogo-button="soft"] .buy{background:var(--yogo-panel);color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed[data-yogo-corners="square"] .item,body.site-v2.primary-store.yogo-themed[data-yogo-corners="square"] .buy,body.site-v2.primary-store.yogo-themed[data-yogo-corners="square"] .head{border-radius:3px}
body.site-v2.primary-store.yogo-themed[data-yogo-corners="soft"] .item,body.site-v2.primary-store.yogo-themed[data-yogo-corners="soft"] .buy{border-radius:9px}
body.site-v2.primary-store.yogo-themed[data-yogo-density="compact"] .products{gap:9px}
body.site-v2.primary-store.yogo-themed[data-yogo-density="compact"] .item .info{padding:11px}
body.site-v2.primary-store.yogo-themed[data-yogo-fit="cover"] .image{object-fit:cover}
body.site-v2.tenant-store.tenant-designed[data-tenant-layout="list"] .products{grid-template-columns:1fr}
body.site-v2.tenant-store.tenant-designed[data-tenant-layout="list"] .product{flex-direction:row;min-height:148px}
body.site-v2.tenant-store.tenant-designed[data-tenant-layout="list"] .product .photo{width:32%;flex:none;aspect-ratio:auto;min-height:140px}
body.site-v2.tenant-store.tenant-designed[data-tenant-button="outline"] .shop-button{background:transparent;color:var(--accent);border:1px solid var(--accent)}
body.site-v2.tenant-store.tenant-designed[data-tenant-button="soft"] .shop-button{background:var(--panel);color:var(--accent);border:1px solid var(--accent)}
body.site-v2.tenant-store.tenant-designed[data-tenant-corners="square"] .product{border-radius:3px}
body.site-v2.tenant-store.tenant-designed[data-tenant-corners="soft"] .product{border-radius:10px}
body.site-v2.tenant-store.tenant-designed[data-tenant-density="compact"] .products{gap:8px}
body.site-v2.tenant-store.tenant-designed[data-tenant-density="compact"] .info{padding:10px}


/* 2026-11-02 production screenshot QA: the oversized hero pushed all products below the fold.
   This intentionally honors the existing centered/banner settings while correcting proportions. */
body.site-v2.primary-store .head,
body.site-v2.primary-store.yogo-themed .head{
  min-height:0;
  padding:27px clamp(20px,3.5vw,42px) 28px;
  border-radius:24px;
  box-shadow:0 10px 28px #0004;
}
body.site-v2.primary-store .head .yogo-avatar,
body.site-v2.primary-store.yogo-themed .head .yogo-avatar{
  width:49px;
  height:49px;
  border-radius:12px;
  margin-bottom:10px;
}
body.site-v2.primary-store .head .eyebrow{
  font-size:9px;
  letter-spacing:2px;
}
body.site-v2.primary-store .head h1,
body.site-v2.primary-store.yogo-themed .head h1{
  font-size:clamp(29px,3.7vw,44px);
  line-height:1.2;
  letter-spacing:-1.6px;
  font-weight:850;
  max-width:830px;
  margin:12px auto 11px;
  overflow-wrap:break-word;
  word-break:keep-all;
}
body.site-v2.primary-store .head p,
body.site-v2.primary-store.yogo-themed .head p{
  max-width:620px;
  margin:0 auto;
  font-size:12.5px;
  line-height:1.7;
}
body.site-v2.primary-store .head .hero-cta{
  margin-top:15px;
  padding:10px 19px;
  min-height:39px;
  font-size:12px;
}
body.site-v2.primary-store .yogo-page-blocks{
  gap:15px;
}
body.site-v2.primary-store .yogo-catalog-block .strip{
  margin-bottom:13px;
}
body.site-v2.primary-store .yogo-catalog-block .public-categories{
  margin-bottom:11px;
}
body.site-v2.primary-store .yogo-catalog-block .search{
  margin-bottom:15px;
}
body.site-v2.primary-store .head:after{
  width:125px;
  font-size:92px;
  opacity:.19;
}
@media(min-width:700px){
  body.site-v2.primary-store .head.has-banner{
    min-height:0;
  }
}
@media(max-width:600px){
  body.site-v2.primary-store .head,
  body.site-v2.primary-store.yogo-themed .head{
    padding:23px 17px 24px;
    border-radius:20px;
  }
  body.site-v2.primary-store .head h1,
  body.site-v2.primary-store.yogo-themed .head h1{
    font-size:clamp(26px,7vw,33px);
    line-height:1.24;
    letter-spacing:-1.1px;
    margin:10px auto 9px;
  }
  body.site-v2.primary-store .head .yogo-avatar{
    width:45px;
    height:45px;
    margin-bottom:9px;
  }
  body.site-v2.primary-store .head p{font-size:11.5px}
  body.site-v2.primary-store .head .hero-cta{margin-top:13px;padding:10px 15px}
  body.site-v2.primary-store .yogo-page-blocks{gap:12px}
}

/* Required affiliate disclosure stays visible above product listings; legible on mobile. */
body.site-v2.primary-store .notice{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.7;color:#f3f0e8;background:#24221b;border:1px solid #665b36;border-left:4px solid #f5d55d;padding:15px 18px}
body.site-v2.primary-store .notice .notice-label{font-size:12px;font-weight:900;color:#ffe12a}
body.site-v2.primary-store .notice .notice-text{font-size:13px;font-weight:750;color:#f6f4ed;overflow-wrap:anywhere}
body.site-v2.primary-store .notice .notice-extra{font-size:12px;color:#d7d2c7}
body.site-v2.primary-store.yogo-themed .notice{background:var(--yogo-panel);border-left-color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed .notice .notice-label{color:var(--yogo-accent)}
body.site-v2.primary-store.yogo-themed .notice .notice-text{color:var(--yogo-txt)}
body.site-v2.primary-store.yogo-themed .notice .notice-extra{color:var(--yogo-muted)}