/* IYITERCIH V10 — Premium interactive 3D product showroom */
:root{--v10-pink:#f00754;--v10-shadow:#111525}
.hero-wrap .hero{background:radial-gradient(ellipse at 85% 46%,#39203c 0%,#1b1526 40%,#101119 95%);border:1px solid rgba(255,255,255,.07);box-shadow:0 25px 55px rgba(14,12,23,.08)}
.hero-visual.v10-ready{isolation:isolate;overflow:hidden}
.hero-visual.v10-ready:before{content:"";position:absolute;z-index:0;inset:10% 0 0;background:radial-gradient(ellipse at 52% 54%,rgba(255,63,125,.23),transparent 49%);pointer-events:none}
.hero-visual.v10-ready .orbit{opacity:.43;inset:60px 36px 94px}
.hero-visual.v10-ready .pink-halo{opacity:.5}
.hero-visual.v10-ready>#heroStage,
.studio-display.v10-ready>#studioStage{display:none!important}
.hero-visual.v10-ready>.hero-floater,
.hero-visual.v10-ready>.model-tilt-tip{display:none!important}
.hero-visual.v10-ready>#heroThreeCanvas{position:absolute!important;z-index:3;inset:0!important;display:block;width:100%!important;height:100%!important;touch-action:pan-y;outline:none;cursor:grab}
.hero-visual.v10-ready>#heroThreeCanvas:focus-visible,.studio-display.v10-ready>#studioThreeCanvas:focus-visible{outline:2px solid #ed5b91;outline-offset:-5px}
.v10-hero-head{position:absolute;top:36px;left:31px;right:20px;z-index:6;display:flex;justify-content:space-between;align-items:start;gap:10px;pointer-events:none}
.v10-status{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:9px 14px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.13em;backdrop-filter:blur(15px)}
.v10-live-dot{width:7px;height:7px;border-radius:50%;background:#ff437c;box-shadow:0 0 0 4px #ff367526;flex:none}
.v10-hint{color:#c2b6c6;font-size:10px;letter-spacing:.02em;padding:8px 0}
.v10-hero-model{position:absolute;left:32px;bottom:95px;z-index:6;pointer-events:none;display:flex;flex-direction:column;gap:6px}
.v10-hero-model strong{color:#fff;font-size:19px;letter-spacing:-.04em;font-weight:800}
.v10-hero-model span{color:#b9afbd;font-size:10px;letter-spacing:.04em}
.hero-visual.v10-ready .product-switch{left:auto!important;right:24px!important;bottom:26px!important;display:flex!important;gap:5px!important;padding:5px!important;border-radius:20px!important;background:rgba(18,17,26,.62)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(20px)!important;z-index:8}
.hero-visual.v10-ready .product-switch .switch-btn{border:1px solid transparent!important;background:transparent!important;color:#dad3e1!important;padding:10px 12px!important;min-height:35px;cursor:pointer;transition:background .2s,color .2s}
.hero-visual.v10-ready .product-switch .switch-btn:hover{background:#ffffff14!important}
.hero-visual.v10-ready .product-switch .switch-btn.active{background:#fff!important;color:#161623!important;box-shadow:0 2px 12px #0003!important}
.hero-visual:not(.v10-ready) .v10-hero-head,
.hero-visual:not(.v10-ready) .v10-hero-model{display:none!important}
.studio-panel{background:#151722!important;box-shadow:0 23px 46px rgba(19,24,40,.08)}
.studio-panel .studio-copy{background:linear-gradient(145deg,#171824,#11121c);border-left:1px solid rgba(255,255,255,.07)}
.studio-panel .studio-copy .section-kicker{color:#ff719d}
.studio-panel .studio-copy h2{font-size:clamp(33px,3.3vw,50px);letter-spacing:-.065em;line-height:1.13}
.studio-panel .studio-copy .studio-tab{min-height:42px;cursor:pointer;transition:.2s}
.studio-panel .studio-copy .studio-tab:hover{border-color:#ff7096}
.studio-panel .studio-copy .studio-tab.active{background:#e91355;color:#fff;border-color:#f22b68}
.studio-panel .studio-copy .color-swatch{cursor:pointer;min-width:32px;min-height:32px;transition:transform .22s}
.studio-panel .studio-copy .color-swatch:hover{transform:scale(1.08)}
.studio-display.v10-ready{background:radial-gradient(ellipse at 52% 36%,#fff 0%,#f3f3f7 35%,#dcdce7 100%)!important;isolation:isolate;overflow:hidden}
.studio-display.v10-ready:before{content:"";position:absolute;z-index:0;left:12%;right:12%;top:8%;height:72%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.84),transparent 67%);pointer-events:none}
.studio-display.v10-ready .studio-circle{opacity:.35;border-color:#aba2b7!important;z-index:1;transform:rotate(-19deg)}
.studio-display.v10-ready .studio-circle:before,
.studio-display.v10-ready .studio-circle:after{border-color:#ccc5d2!important}
.studio-display.v10-ready>#studioThreeCanvas{position:absolute!important;z-index:2;inset:0!important;width:100%!important;height:100%!important;display:block!important;touch-action:pan-y;outline:none;cursor:grab}
.v10-stage-heading{position:absolute;z-index:8;left:23px;right:23px;top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.v10-stage-heading .v10-status{background:rgba(255,255,255,.88);color:#33364b;border:1px solid #fff;box-shadow:0 6px 18px #27253708;letter-spacing:.09em}
.v10-stage-heading .v10-live-dot{background:#ea0c59}
.v10-stage-heading .v10-finish{color:#73778a;font-size:10px;font-weight:700;text-align:right}
.v10-stage-info{position:absolute;z-index:6;left:25px;right:25px;bottom:128px;display:flex;flex-direction:column;gap:4px;pointer-events:none}
.v10-stage-info strong{font-weight:850;font-size:20px;letter-spacing:-.045em;color:#252a3a}
.v10-stage-info span{font-size:10px;font-weight:600;color:#777e8f}
.v10-toolbar{position:absolute;z-index:8;left:20px;right:20px;bottom:58px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center}
.v10-toolbar button{border:1px solid rgba(38,41,57,.09);background:rgba(255,255,255,.90);backdrop-filter:blur(15px);border-radius:12px;color:#333849;cursor:pointer;padding:11px 12px;min-height:40px;font-size:11px;font-weight:800;box-shadow:0 6px 22px rgba(41,41,62,.08);transition:transform .2s,background .2s}
.v10-toolbar button:hover{background:#fff;transform:translateY(-2px)}
.v10-toolbar button:focus-visible{outline:2px solid #ed0b59;outline-offset:2px}
.v10-toolbar button[aria-pressed="true"]{color:#be0c48;background:#fff4f8}
.studio-display.v10-ready .studio-note{left:14px!important;right:14px!important;bottom:16px!important;text-align:center!important;z-index:7!important;color:#838497!important;font-size:9px!important;pointer-events:none}
.v10-upload-state{padding:10px 12px;margin-top:6px;border:1px solid #343748;background:#ffffff0b;border-radius:12px;color:#c6c9d3;font-size:10px;font-weight:650}
.v10-upload-state:before{content:"✦ ";color:#ff5e91}
.studio-display:not(.v10-ready) .v10-stage-heading,
.studio-display:not(.v10-ready) .v10-stage-info,
.studio-display:not(.v10-ready) .v10-toolbar{display:none}
.v10-note-label{display:block;color:#a7a6b3;font-size:10px;margin:11px 0 4px;line-height:1.65}
.studio-copy .studio-upload{cursor:pointer;border-radius:13px;transition:background .2s,border-color .2s}
.studio-copy .studio-upload:hover{background:#fb1f5a1b!important;border-color:#f05c86!important}
@media(min-width:1101px){.studio-display.v10-ready{min-height:590px!important}}
@media(max-width:1100px){
 .v10-hero-head{top:26px;left:18px}
 .v10-hero-model{left:20px;bottom:86px}
 .v10-stage-info{bottom:142px}
 .v10-toolbar{bottom:58px}
 .v10-toolbar button{padding:10px;font-size:10px}
}
@media(max-width:760px){
 .hero-visual.v10-ready{height:390px!important;min-height:390px}
 .hero-visual.v10-ready .orbit{inset:45px 23px 64px}
 .v10-hero-head{top:15px;left:15px;right:12px}
 .v10-hint{font-size:9px}
 .v10-status{font-size:8px;padding:8px 10px}
 .v10-hero-model{left:17px;bottom:88px;gap:4px}
 .v10-hero-model strong{font-size:16px}
 .v10-hero-model span{font-size:9px}
 .hero-visual.v10-ready .product-switch{left:12px!important;right:12px!important;bottom:19px!important;justify-content:space-between;gap:2px!important}
 .hero-visual.v10-ready .product-switch .switch-btn{flex:1;min-width:0;padding:10px 6px!important;font-size:10px!important}
 .studio-panel .studio-copy{padding:32px 22px 42px!important}
 .studio-display.v10-ready{min-height:480px!important;height:480px!important}
 .studio-display.v10-ready>#studioThreeCanvas{height:100%!important}
 .v10-stage-heading{left:14px;right:14px;top:13px}
 .v10-stage-heading .v10-finish{font-size:9px}
 .v10-stage-info{left:17px;bottom:145px}
 .v10-stage-info strong{font-size:18px}
 .v10-toolbar{left:10px;right:10px;bottom:51px;gap:5px}
 .v10-toolbar button{font-size:10px;padding:9px 9px;min-height:39px}
 .studio-display.v10-ready .studio-note{bottom:12px!important;font-size:8px!important}
 .studio-panel .studio-copy .studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .studio-panel .studio-copy .studio-tab{font-size:10px;padding:9px 4px}
 .studio-panel .studio-copy h2{font-size:35px}
}
@media(max-width:410px){
 .hero-visual.v10-ready{height:355px!important;min-height:355px}
 .v10-hint{display:none}
 .v10-stage-info{bottom:139px}
 .v10-toolbar button{padding:9px 7px}
}
@media(prefers-reduced-motion:reduce){.v10-toolbar button,.hero-visual.v10-ready .switch-btn,.studio-panel .studio-copy .studio-tab{transition:none!important}}


.hero-visual.v10-ready>.model-shadow{display:none!important}