.joytoy-configurator{margin:22px 0 26px;padding:22px;border:1px solid #e6e6e6;border-radius:18px;background:#fff}.jt-config-head{margin-bottom:14px}.jt-config-head h3{margin:3px 0 0;font-size:24px}.jt-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;opacity:.6}.joytoy-design-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.jt-tab{appearance:none;border:1px solid #d8d8d8;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600}.jt-tab.active{border-color:#111;background:#111;color:#fff}.jt-config-layout{display:grid;grid-template-columns:minmax(240px,40%) 1fr;gap:20px}.jt-preview{border:1px solid #ededed;border-radius:14px;padding:14px;align-self:start}.jt-preview-image{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}.jt-preview-info{display:grid;gap:4px;padding-top:10px}.jt-preview-title{font-size:18px}.jt-preview-sku,.jt-preview-stock{font-size:13px;opacity:.72}.jt-preview-price{font-size:19px;font-weight:700}.joytoy-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:570px;overflow:auto;padding:2px}.joytoy-design-card{position:relative;display:flex;flex-direction:column;gap:4px;border:1px solid #e1e1e1;border-radius:12px;padding:10px;cursor:pointer;background:#fff;transition:.15s ease}.joytoy-design-card:hover,.joytoy-design-card.selected{border-color:#111;box-shadow:0 3px 14px rgba(0,0,0,.08)}.joytoy-design-card input{position:absolute;opacity:0;pointer-events:none}.joytoy-design-card img{width:100%;aspect-ratio:4/3;object-fit:contain}.joytoy-design-title{font-weight:700;line-height:1.25}.joytoy-design-card small{opacity:.72}.joytoy-design-card strong{margin-top:3px}.joytoy-design-card em{font-style:normal;font-size:12px;font-weight:700;opacity:.6}.joytoy-design-card.is-disabled{opacity:.48;cursor:not-allowed}.jt-select-hint{margin:15px 0 0;font-size:13px;opacity:.72}@media(max-width:850px){.jt-config-layout{grid-template-columns:1fr}.joytoy-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media(max-width:480px){.joytoy-configurator{padding:14px}.joytoy-design-grid{grid-template-columns:1fr 1fr;gap:8px}.joytoy-design-card{padding:7px}.jt-config-head h3{font-size:21px}}


/* Joytoy Homepage v0.4 */
.jt-home{background:#f7f5ef;color:#171717;font-family:inherit}
.jt-home *{box-sizing:border-box}
.jt-hero{padding:56px 24px 40px;background:linear-gradient(180deg,#fffdf8 0%,#f4efe4 100%)}
.jt-hero-inner,.jt-production,.jt-products,.jt-variants-inner,.jt-b2b-inner{max-width:1180px;margin:0 auto}
.jt-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:560px}
.jt-eyebrow,.jt-section-head>span{font-size:12px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.jt-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:16px 0 24px;max-width:800px}
.jt-hero p{font-size:20px;line-height:1.55;max-width:680px;color:#4a4a4a}
.jt-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.jt-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:14px 22px;border-radius:999px;font-weight:800}
.jt-btn-primary{background:#161616;color:#fff!important}
.jt-btn-secondary{border:1px solid #1e1e1e;color:#1e1e1e!important;background:transparent}
.jt-hero-visual{background:#fff;border-radius:34px;min-height:430px;display:flex;align-items:center;justify-content:center;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.08)}
.jt-hero-image{max-width:100%;height:auto;object-fit:contain}
.jt-hero-placeholder{font-weight:900;font-size:64px;letter-spacing:.08em}
.jt-production,.jt-products{padding:90px 24px}
.jt-section-head{max-width:760px;margin-bottom:42px}
.jt-section-head h2{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:12px 0 16px}
.jt-section-head p{font-size:18px;line-height:1.6;color:#565656}
.jt-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.jt-process-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:28px;min-height:190px}
.jt-process-card b{font-size:13px;opacity:.45}
.jt-process-card h3{font-size:24px;margin:28px 0 8px}
.jt-process-card p{color:#666;line-height:1.5}
.jt-products{background:#fff}
.jt-home-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.jt-home-product-card{background:#f7f5ef;border-radius:24px;overflow:hidden;text-decoration:none!important;color:inherit!important;transition:transform .18s ease,box-shadow .18s ease}
.jt-home-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.09)}
.jt-home-product-image{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}
.jt-home-product-image img{width:100%;height:100%;object-fit:contain}
.jt-home-product-copy{padding:20px}
.jt-home-product-copy h3{font-size:22px;margin:0 0 8px}
.jt-home-product-copy span{font-size:14px;font-weight:700}
.jt-empty-state{padding:30px;border:1px dashed #aaa;border-radius:18px}
.jt-variants{padding:80px 24px;background:#1b1b1b;color:#fff}
.jt-variants-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
.jt-variants h2{font-size:clamp(34px,4vw,54px);line-height:1.04;margin:14px 0 0}
.jt-variants p{font-size:18px;line-height:1.65;color:#d0d0d0}
.jt-b2b{padding:90px 24px;background:#e9e2d4}
.jt-b2b-inner{text-align:center;max-width:780px}
.jt-b2b h2{font-size:clamp(38px,5vw,60px);margin:14px 0}
.jt-b2b p{font-size:18px;line-height:1.6;margin:0 auto 28px;max-width:680px}
@media(max-width:900px){
  .jt-hero-inner,.jt-variants-inner{grid-template-columns:1fr}
  .jt-process-grid{grid-template-columns:repeat(2,1fr)}
  .jt-home-products-grid{grid-template-columns:repeat(2,1fr)}
  .jt-hero-inner{min-height:auto}
}
@media(max-width:560px){
  .jt-process-grid,.jt-home-products-grid{grid-template-columns:1fr}
  .jt-hero{padding-top:32px}
  .jt-hero h1{font-size:42px}
}


/* =========================================================
   JOYTOY HOMEPAGE v0.5 — Industrial / editorial direction
   ========================================================= */
body.joytoy-preview-body{background:#f3f0e8!important}
.jt50-home{--yellow:#ffd800;--ink:#121212;--paper:#f3f0e8;--muted:#777;overflow:hidden;background:var(--paper);color:var(--ink);font-family:inherit}
.jt50-home *{box-sizing:border-box}
.jt50-topbar{height:86px;background:#f7f4ec;border-bottom:1px solid rgba(0,0,0,.12);display:flex;align-items:center}
.jt50-nav{width:min(1380px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:220px 1fr 160px;align-items:center;gap:25px}
.jt50-logo{font-size:34px;line-height:1;font-weight:1000;letter-spacing:-.07em;color:#101010;text-decoration:none!important}
.jt50-logo span{font-size:10px;vertical-align:top;margin-left:4px}
.jt50-nav nav{display:flex;justify-content:center;gap:34px}
.jt50-nav nav a,.jt50-shop{font-size:11px;font-weight:900;letter-spacing:.1em;color:#171717;text-decoration:none!important}
.jt50-shop{justify-self:end;border-bottom:3px solid var(--yellow);padding:10px 2px}
.jt50-hero{min-height:720px;position:relative;background:#272727;color:#fff;display:flex;align-items:center}
.jt50-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(100%);opacity:.62;transform:scale(1.01)}
.jt50-hero-bg-placeholder{background:
 linear-gradient(120deg,rgba(255,255,255,.05),transparent 40%),
 repeating-linear-gradient(90deg,#333 0,#333 80px,#2a2a2a 81px,#2a2a2a 160px)}
.jt50-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 43%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.42) 100%)}
.jt50-hero-content{position:relative;z-index:3;width:min(1380px,calc(100% - 80px));margin:auto;padding:70px 0 110px}
.jt50-made{font-size:11px;font-weight:900;letter-spacing:.18em;display:flex;align-items:center;gap:12px}
.jt50-made i{width:44px;height:4px;background:var(--yellow);display:inline-block}
.jt50-hero h1{font-size:clamp(58px,7.3vw,118px);max-width:1120px;line-height:.84;letter-spacing:-.07em;margin:30px 0 34px;font-weight:1000;text-transform:uppercase}
.jt50-hero p{max-width:650px;font-size:20px;line-height:1.5;color:#eee;margin:0}
.jt50-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.jt50-yellow-btn,.jt50-outline-btn,.jt50-dark-btn{display:inline-flex;align-items:center;gap:28px;padding:17px 22px;text-decoration:none!important;font-size:11px;font-weight:1000;letter-spacing:.08em}
.jt50-yellow-btn{background:var(--yellow);color:#111!important}
.jt50-outline-btn{border:1px solid rgba(255,255,255,.6);color:#fff!important}
.jt50-dark-btn{background:#111;color:#fff!important}
.jt50-floating-product{position:absolute;right:3%;bottom:48px;width:min(43vw,610px);z-index:2;filter:drop-shadow(0 30px 25px rgba(0,0,0,.4))}
.jt50-floating-product img{width:100%;height:auto}
.jt50-hero-foot{position:absolute;z-index:4;left:0;right:0;bottom:0;height:54px;border-top:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;gap:70px;font-size:9px;font-weight:900;letter-spacing:.18em}
.jt50-process{padding:110px max(40px,calc((100% - 1380px)/2));background:#f3f0e8}
.jt50-section-title small,.jt50-products-head small,.jt50-selector-copy small,.jt50-history-copy small,.jt50-b2b small{font-size:10px;font-weight:1000;letter-spacing:.2em}
.jt50-section-title h2,.jt50-products-head h2,.jt50-selector-copy h2,.jt50-b2b h2{font-size:clamp(44px,5.3vw,82px);line-height:.9;letter-spacing:-.055em;margin:16px 0 24px;font-weight:1000}
.jt50-section-title h2 em,.jt50-products-head h2 em,.jt50-selector-copy h2 em,.jt50-b2b h2 em{font-style:normal;background:linear-gradient(transparent 62%,var(--yellow) 62%)}
.jt50-section-title>p{max-width:660px;font-size:17px;line-height:1.6;color:#555}
.jt50-process-line{display:grid;grid-template-columns:repeat(6,1fr);margin-top:70px;border-top:2px solid #171717}
.jt50-step{position:relative;padding:32px 20px 0 0;min-height:190px}
.jt50-step-dot{position:absolute;top:-7px;left:0;width:12px;height:12px;background:var(--yellow);border:3px solid #111;border-radius:50%}
.jt50-step-num{font-size:11px;font-weight:1000;color:#999}
.jt50-step h3{font-size:15px;letter-spacing:.03em;margin:24px 0 10px}
.jt50-step p{font-size:13px;line-height:1.5;color:#777;padding-right:18px}
.jt50-products{background:#161616;color:#fff;padding:110px max(40px,calc((100% - 1380px)/2))}
.jt50-products-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
.jt50-products-head p{font-size:17px;line-height:1.6;color:#bcbcbc;max-width:560px}
.jt50-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:58px;background:#3a3a3a}
.jt50-product-card{background:#f2efe7;color:#111!important;text-decoration:none!important;min-height:440px;position:relative;display:flex;flex-direction:column}
.jt50-product-no{position:absolute;top:18px;left:20px;font-size:10px;font-weight:1000;z-index:2}
.jt50-product-img{height:310px;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px}
.jt50-product-img img{width:100%;height:100%;object-fit:contain}
.jt50-product-info{padding:22px 24px}
.jt50-product-info h3{font-size:25px;letter-spacing:-.03em;margin:0 0 15px}
.jt50-product-info span{font-size:9px;font-weight:1000;letter-spacing:.1em}
.jt50-empty{margin-top:50px;border:1px solid #555;padding:30px;color:#ccc}
.jt50-selector-story{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px;background:#f3f0e8}
.jt50-selector-copy{padding:100px max(40px,calc((100vw - 1380px)/2));padding-right:70px;align-self:center}
.jt50-selector-copy p{font-size:17px;line-height:1.65;color:#555;max-width:520px;margin-bottom:30px}
.jt50-selector-visual{background:#ded9cc;padding:90px 7%;display:flex;flex-wrap:wrap;gap:8px;align-content:center;position:relative}
.jt50-selector-visual img{width:100%;margin-top:30px;filter:drop-shadow(0 25px 20px rgba(0,0,0,.2))}
.jt50-chip{border:1px solid #999;padding:10px 14px;font-size:9px;font-weight:1000;letter-spacing:.07em;background:#eee9dd}
.jt50-chip-active{background:#111;color:#fff;border-color:#111}
.jt50-history{min-height:520px;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(40px,calc((100% - 1380px)/2));overflow:hidden}
.jt50-history-mark{font-size:clamp(110px,15vw,250px);font-weight:1000;letter-spacing:-.09em;transform:rotate(-90deg);opacity:.09;white-space:nowrap}
.jt50-history-copy h2{font-size:clamp(42px,5vw,76px);line-height:.92;letter-spacing:-.055em;margin:16px 0 25px}
.jt50-history-copy p{font-size:17px;line-height:1.6;max-width:560px}
.jt50-history-copy a{display:inline-block;margin-top:20px;color:#111!important;font-size:10px;font-weight:1000;letter-spacing:.08em;text-decoration:none!important;border-bottom:2px solid #111;padding-bottom:6px}
.jt50-b2b{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#eeeae0;padding:100px max(40px,calc((100% - 1380px)/2));align-items:end}
.jt50-b2b p{font-size:18px;line-height:1.65;color:#555;max-width:570px;margin-bottom:28px}
.jt50-footer{background:#111;color:#fff;min-height:130px;padding:35px max(40px,calc((100% - 1380px)/2));display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.15em}
.jt50-logo-footer{color:#fff}
@media(max-width:1050px){
 .jt50-nav{grid-template-columns:1fr auto}.jt50-nav nav{display:none}
 .jt50-floating-product{opacity:.55;width:55vw}
 .jt50-process-line{grid-template-columns:repeat(3,1fr);border-top:0}
 .jt50-step{border-top:2px solid #171717}
 .jt50-product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .jt50-topbar{height:70px}.jt50-nav{width:calc(100% - 30px)}
 .jt50-logo{font-size:28px}.jt50-hero{min-height:700px}
 .jt50-hero-content{width:calc(100% - 34px);padding:70px 0 130px}
 .jt50-hero h1{font-size:54px;line-height:.9}
 .jt50-hero p{font-size:17px}.jt50-floating-product{width:85vw;right:-22%;bottom:65px;opacity:.45}
 .jt50-hero-foot{gap:15px;padding:0 10px;text-align:center}
 .jt50-process,.jt50-products{padding:75px 20px}
 .jt50-process-line{grid-template-columns:repeat(2,1fr)}
 .jt50-products-head,.jt50-selector-story,.jt50-history,.jt50-b2b{grid-template-columns:1fr}
 .jt50-product-grid{grid-template-columns:1fr}
 .jt50-selector-copy,.jt50-selector-visual{padding:70px 20px}
 .jt50-history{padding:70px 20px}.jt50-history-mark{display:none}
 .jt50-b2b{padding:70px 20px}
 .jt50-footer{padding:35px 20px;gap:20px;flex-direction:column;align-items:flex-start}
}


/* v0.5.1 Theme-aware integration */
.jt50-home{font-family:inherit}
.jt50-home button,.jt50-home input,.jt50-home select,.jt50-home textarea{font-family:inherit}
.joytoy-preview-bar{font-family:inherit!important}


/* v0.5.3 — editable typography, process photography, cleaner hero product */
.jt50-home{font-family:var(--jt-body-font,inherit)!important}
.jt50-home h1,.jt50-home h2,.jt50-home h3,.jt50-home h4,
.jt50-home small,.jt50-home .jt50-made,.jt50-home .jt50-product-info{
    font-family:var(--jt-heading-font,inherit)!important
}
.jt50-step-image{
    height:145px;
    margin:18px 16px 18px 0;
    overflow:hidden;
    background:#ddd8cc
}
.jt50-step-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.jt50-step:has(.jt50-step-image){min-height:355px}
.jt50-floating-product{
    background:transparent!important;
}
.jt50-floating-product img{
    mix-blend-mode:multiply;
    background:transparent!important;
}
@media(max-width:720px){
    .jt50-step-image{height:120px}
}


/* =========================================================
   v0.6.0 — approved industrial layout
   ========================================================= */
.jt50-home,
.jt50-home h1,
.jt50-home h2,
.jt50-home h3,
.jt50-home h4,
.jt50-home p,
.jt50-home span,
.jt50-home small,
.jt50-home a{
    text-transform:none!important;
}
.jt50-made,
.jt50-products-head small,
.jt50-section-title small,
.jt50-selector-copy small,
.jt50-history-copy small,
.jt50-b2b small{
    text-transform:none!important;
}
.jt50-hero{
    min-height:620px;
    background:#0f1317;
    overflow:hidden;
}
.jt50-hero-bg{
    inset:0 0 0 31%;
    background-size:cover;
    background-position:center center;
    filter:none;
    opacity:1;
}
.jt50-hero-shade{
    background:
        linear-gradient(90deg,#0f1317 0%,#0f1317 24%,rgba(15,19,23,.94) 34%,rgba(15,19,23,.42) 58%,rgba(15,19,23,.05) 100%);
}
.jt50-hero-content{
    width:min(1380px,calc(100% - 80px));
    padding:74px 0 115px;
}
.jt50-hero h1{
    max-width:760px;
    font-size:clamp(52px,5.8vw,92px);
    line-height:.93;
    letter-spacing:-.045em;
    text-transform:none!important;
}
.jt50-hero p{
    max-width:610px;
    font-size:21px;
}
.jt50-yellow-btn,.jt50-outline-btn,.jt50-dark-btn{
    text-transform:none!important;
}
.jt50-process{
    padding-top:64px;
    padding-bottom:72px;
}
.jt50-process-line{
    grid-template-columns:repeat(6,minmax(180px,1fr));
    gap:26px;
    overflow-x:auto;
    padding-bottom:8px;
    border-top:2px solid #171717;
}
.jt50-step{
    min-width:180px;
    min-height:315px;
    padding-top:24px;
}
.jt50-step-image{
    width:100%;
    height:170px;
    margin:18px 0 16px;
    background:transparent!important;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:center;
}
.jt50-step-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:transparent!important;
}
.jt50-step h3{
    font-size:20px;
    margin:12px 0 8px;
    text-transform:none!important;
}
.jt50-step p{
    font-size:14px;
    line-height:1.45;
}
.jt50-step-dot{
    background:#ffd800;
}
@media(max-width:1050px){
    .jt50-hero-bg{inset:0 0 0 20%}
    .jt50-process-line{grid-template-columns:repeat(6,210px)}
}
@media(max-width:720px){
    .jt50-hero{min-height:720px}
    .jt50-hero-bg{inset:0;background-position:62% center;opacity:.52}
    .jt50-hero-shade{background:linear-gradient(180deg,rgba(15,19,23,.92) 0%,rgba(15,19,23,.78) 58%,rgba(15,19,23,.88) 100%)}
    .jt50-hero-content{width:calc(100% - 34px);padding-top:55px}
    .jt50-hero h1{font-size:52px}
    .jt50-process-line{grid-template-columns:repeat(6,190px)}
}
