/* Homepage Studio 2026 — storefront enhancements and the in-place builder only. */
.shop-home-v2 {
    --studio-blue:#1468f5;
    --studio-blue-dark:#0d52c9;
    --studio-navy:#071a36;
    --studio-muted:#64748b;
    --studio-line:#dce5f1;
    --studio-soft:#f5f8fc;
    --studio-success:#079455;
    --studio-warning:#e07912;
    --studio-danger:#d92d3b;
}
.home-builder-locked{overflow:hidden}
.shop-home-v2 :is(button,a,input,select):focus-visible{outline:3px solid rgba(20,104,245,.24);outline-offset:2px}
.shop-home-v2 .home-section[data-variant="grid"] .home-product-track{display:grid;grid-template-columns:repeat(var(--home-section-columns,4),minmax(0,1fr));overflow:visible}
.shop-home-v2 .home-section[data-variant="grid"] .home-product-item{width:auto;min-width:0;flex:initial}
.shop-home-v2 .home-section[data-spacing="compact"]{margin-block:-8px}
.shop-home-v2 .home-section[data-spacing="spacious"]{margin-block:22px}
.shop-home-v2 .home-section[data-background="soft"]{padding:26px;border-radius:22px;background:var(--studio-soft)}
.shop-home-v2 .home-section[data-background="contrast"]{padding:26px;border-radius:22px;background:var(--studio-navy);color:#fff}
.shop-home-v2 .home-section[data-background="contrast"] .home-section-head :is(h2,p,a){color:#fff}

.home-brand-rail{position:relative}
.home-brand-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px}
.home-brand-track::-webkit-scrollbar{display:none}
.home-brand-card{flex:0 0 178px;min-height:94px;padding:14px;border:1px solid var(--studio-line);border-radius:17px;background:#fff;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;text-decoration:none;color:var(--studio-navy);scroll-snap-align:start;transition:border-color .2s,transform .2s,box-shadow .2s}
.home-brand-card:hover{transform:translateY(-2px);border-color:#adc9fa;box-shadow:0 12px 30px rgba(15,43,79,.09)}
.home-brand-card img{width:120px;height:46px;object-fit:contain}
.home-brand-card span{font-size:1rem;font-weight:900}
.home-brand-card small{font-size:.76rem;color:var(--studio-muted)}

.home-content-band{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:28px 32px;border:1px solid #cfe0fb;border-radius:22px;background:linear-gradient(112deg,#f7faff 0%,#fff 62%);box-shadow:0 14px 36px rgba(18,69,136,.07)}
.home-content-band:before{content:"";position:absolute;inset:auto -35px -75px auto;width:180px;height:180px;border:32px solid rgba(20,104,245,.055);border-radius:50%}
.home-content-band__icon{position:relative;width:58px;height:58px;border-radius:18px;background:#eaf2ff;color:var(--studio-blue);display:grid;place-items:center;font-size:1.55rem}
.home-content-band__copy{position:relative}
.home-content-band h2{margin:0 0 6px;color:var(--studio-navy);font-size:1.35rem;font-weight:950}
.home-content-band p{margin:0;color:var(--studio-muted);font-size:.88rem;line-height:1.9}
.home-content-band__actions{position:relative;display:flex;gap:8px}
.home-content-band__actions a{min-height:46px;padding:10px 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:.82rem;font-weight:900}
.home-content-band__primary{background:var(--studio-blue);color:#fff}
.home-content-band__secondary{border:1px solid var(--studio-line);background:#fff;color:var(--studio-navy)}

.shop-home-v2 .home-builder-bar{top:6px;width:min(1480px,calc(100% - 20px));padding:10px 12px;border-radius:17px;gap:14px}
.shop-home-v2 .home-builder-bar__status>span.is-dirty{background:var(--studio-warning);box-shadow:0 0 0 5px #fff1dc}
.shop-home-v2 .home-builder-bar__actions{justify-content:flex-end;flex-wrap:wrap;overflow:visible}
.shop-home-v2 .home-builder-btn{min-height:44px;padding:9px 13px;font-size:.77rem;border-radius:11px}
.shop-home-v2 .home-builder-btn.publish{border-color:var(--studio-blue);background:var(--studio-blue);color:#fff}
.shop-home-v2 .home-builder-btn.publish:hover{background:var(--studio-blue-dark);color:#fff}
.shop-home-v2 .home-builder-btn:disabled{opacity:.45;cursor:not-allowed}
.shop-home-v2 .home-builder-btn.danger{margin-right:0}
.shop-home-v2 .home-builder-tools{border-radius:12px}
.shop-home-v2 .home-builder-tools>*{min-width:40px;min-height:38px}
.shop-home-v2 .home-builder-menu{width:220px;padding:7px}
.shop-home-v2 .home-builder-menu .is-danger{color:var(--studio-danger)}
.shop-home-v2 .home-builder-menu .is-danger:hover{background:#fff0f1}

.shop-home-v2 .home-builder-overlay{background:rgba(5,20,42,.62);backdrop-filter:blur(7px)}
.shop-home-v2 .home-builder-drawer{width:min(470px,100%);border-left:1px solid var(--studio-line)}
.shop-home-v2 .home-builder-drawer__head{padding:22px 24px}
.shop-home-v2 .home-builder-drawer__head h2{font-size:1.25rem}
.shop-home-v2 .home-builder-drawer__head p{font-size:.8rem;line-height:1.8}
.shop-home-v2 .home-builder-drawer__body{padding:22px 24px;gap:19px}
.shop-home-v2 .home-builder-field label{font-size:.82rem}
.shop-home-v2 .home-builder-field input,.shop-home-v2 .home-builder-field select{min-height:48px;font-size:.84rem}
.shop-home-v2 .home-builder-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.shop-home-v2 .home-builder-segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.shop-home-v2 .home-builder-segmented label{cursor:pointer}
.shop-home-v2 .home-builder-segmented input{position:absolute;opacity:0;pointer-events:none}
.shop-home-v2 .home-builder-segmented span{min-height:44px;border:1px solid var(--studio-line);border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--studio-muted);font-size:.83rem;font-weight:900}
.shop-home-v2 .home-builder-segmented input:checked+span{border-color:var(--studio-blue);background:#edf4ff;color:var(--studio-blue);box-shadow:0 0 0 2px rgba(20,104,245,.08)}
.shop-home-v2 .home-builder-switches{display:grid;gap:9px}
.shop-home-v2 .home-builder-switch{min-height:66px;padding:13px 14px}
.shop-home-v2 .home-builder-switch strong{font-size:.82rem}
.shop-home-v2 .home-builder-switch small{display:block;margin-top:3px;color:var(--studio-muted);font-size:.7rem}
.shop-home-v2 .home-builder-switch input{accent-color:var(--studio-blue)}
.shop-home-v2 .home-builder-schedule{padding:15px;border:1px solid var(--studio-line);border-radius:15px;background:var(--studio-soft)}
.shop-home-v2 .home-builder-schedule>header{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.shop-home-v2 .home-builder-schedule>header>i{width:40px;height:40px;border-radius:11px;background:#e9f2ff;color:var(--studio-blue);display:grid;place-items:center}
.shop-home-v2 .home-builder-schedule strong{display:block;font-size:.84rem}
.shop-home-v2 .home-builder-schedule small{display:block;margin-top:2px;color:var(--studio-muted);font-size:.69rem}
.shop-home-v2 .home-builder-drawer__foot{padding:16px 24px}

.shop-home-v2 .home-builder-modal{width:min(920px,calc(100% - 28px));max-height:calc(100dvh - 34px);border-radius:22px;overflow:hidden}
.shop-home-v2 .home-builder-modal__head{padding:20px 23px;background:#fff}
.shop-home-v2 .home-builder-modal__head h2{font-size:1.25rem}
.shop-home-v2 .home-builder-modal__head p{font-size:.8rem;line-height:1.8}
.shop-home-v2 .home-builder-modal__body{max-height:calc(100dvh - 116px);overflow:auto;padding:22px}
.shop-home-v2 .home-builder-library{width:min(1080px,calc(100% - 28px))}
.shop-home-v2 .home-builder-library__search{position:relative;margin-bottom:18px}
.shop-home-v2 .home-builder-library__search i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8293a9}
.shop-home-v2 .home-builder-library__search input{width:100%;min-height:48px;padding:10px 43px 10px 13px;border:1px solid var(--studio-line);border-radius:13px;font:inherit;font-size:.83rem}
.shop-home-v2 .home-builder-palette{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.shop-home-v2 .home-builder-palette__group{margin:0}
.shop-home-v2 .home-builder-palette__group>header{min-height:58px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #e7edf5}
.shop-home-v2 .home-builder-palette__group>header strong{font-size:.9rem}
.shop-home-v2 .home-builder-palette__group>header small{font-size:.72rem}
.shop-home-v2 .home-builder-palette__grid{grid-template-columns:1fr}
.shop-home-v2 .home-builder-palette__grid>button{min-height:78px;border-radius:14px}

.shop-home-v2 .home-quality-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:18px;border:1px solid #cfe0fa;border-radius:18px;background:#f8fbff}
.shop-home-v2 .home-quality-score{--angle:calc(var(--score) * 3.6deg);width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--studio-success) var(--angle),#e5edf6 0);display:grid;place-content:center;text-align:center;position:relative}
.shop-home-v2 .home-quality-score:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.shop-home-v2 .home-quality-score>*{position:relative}
.shop-home-v2 .home-quality-score strong{font-size:1.35rem;color:var(--studio-navy)}
.shop-home-v2 .home-quality-score span{font-size:.57rem;color:var(--studio-muted)}
.shop-home-v2 .home-quality-copy h3{margin:0 0 5px;font-size:1rem;font-weight:950}
.shop-home-v2 .home-quality-copy p{margin:0;color:var(--studio-muted);font-size:.77rem}
.shop-home-v2 .home-quality-issues{display:grid;gap:7px;margin-top:12px}
.shop-home-v2 .home-quality-issues>div{min-height:44px;padding:9px 12px;border:1px solid #f4d9ac;border-radius:11px;background:#fffbf3;color:#7d4b09;display:flex;align-items:center;gap:9px;font-size:.78rem}
.shop-home-v2 .home-quality-issues>.is-blocker{border-color:#f5c3c8;background:#fff5f6;color:#a41f2d}
.shop-home-v2 .home-builder-history-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:15px;margin-top:18px}
.shop-home-v2 :is(.home-version-panel,.home-experiment-panel){border:1px solid var(--studio-line);border-radius:17px;background:#fff;overflow:hidden}
.shop-home-v2 :is(.home-version-panel,.home-experiment-panel)>header{padding:15px 17px;border-bottom:1px solid var(--studio-line)}
.shop-home-v2 :is(.home-version-panel,.home-experiment-panel)>header h3{margin:0;font-size:.92rem;font-weight:950}
.shop-home-v2 :is(.home-version-panel,.home-experiment-panel)>header p{margin:4px 0 0;color:var(--studio-muted);font-size:.7rem;line-height:1.7}
.shop-home-v2 .home-version-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shop-home-v2 .home-version-panel>header>span{padding:5px 8px;border-radius:8px;background:#edf4ff;color:var(--studio-blue);font-size:.68rem;font-weight:900}
.shop-home-v2 .home-version-list{max-height:390px;overflow:auto}
.shop-home-v2 .home-version-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #edf1f6}
.shop-home-v2 .home-version-row:last-child{border-bottom:0}
.shop-home-v2 .home-version-row__state{width:38px;height:38px;border-radius:11px;background:#eef3f9;color:#62748b;display:grid;place-items:center}
.shop-home-v2 .home-version-row__state.is-published{background:#e7f8ef;color:var(--studio-success)}
.shop-home-v2 .home-version-row__copy strong{display:block;font-size:.78rem}
.shop-home-v2 .home-version-row__copy span{display:block;margin-top:2px;font-size:.7rem;color:#40536a}
.shop-home-v2 .home-version-row__copy small{display:block;margin-top:3px;font-size:.63rem;color:#8291a4}
.shop-home-v2 .home-version-row__actions{display:grid;justify-items:end;gap:5px}
.shop-home-v2 .home-version-status{font-size:.61rem;color:var(--studio-muted)}
.shop-home-v2 .home-version-row__actions button{min-height:34px;padding:6px 10px;border:1px solid #bfd2ef;border-radius:8px;background:#fff;color:var(--studio-blue);font:inherit;font-size:.68rem;font-weight:900}
.shop-home-v2 .home-experiment-panel{padding-bottom:15px}
.shop-home-v2 .home-experiment-running{margin:14px;padding:13px;border-radius:13px;background:#eef5ff;color:var(--studio-navy);display:flex;align-items:center;gap:10px}
.shop-home-v2 .home-experiment-running>i{font-size:1.3rem;color:var(--studio-blue)}
.shop-home-v2 .home-experiment-running strong,.shop-home-v2 .home-experiment-running span{display:block;font-size:.76rem}
.shop-home-v2 .home-experiment-running span{margin-top:3px;color:var(--studio-muted);font-size:.67rem}
.shop-home-v2 .home-experiment-winners,.shop-home-v2 .home-experiment-form{display:grid;gap:8px;padding:0 14px}
.shop-home-v2 .home-experiment-winners button,.shop-home-v2 .home-experiment-form button{width:100%;min-height:42px;border:1px solid #c3d5f1;border-radius:10px;background:#fff;color:var(--studio-blue);font:inherit;font-size:.72rem;font-weight:900}
.shop-home-v2 .home-experiment-form label{display:grid;gap:5px;color:#40536a;font-size:.69rem}
.shop-home-v2 .home-experiment-form :is(select,input){width:100%;min-height:42px;padding:7px 9px;border:1px solid var(--studio-line);border-radius:9px;background:#fff;font:inherit;font-size:.73rem}
.shop-home-v2 .home-experiment-form label>span{color:var(--studio-muted);font-size:.63rem}
.shop-home-v2 .home-builder-empty{padding:24px;text-align:center;color:var(--studio-muted);font-size:.74rem;line-height:1.8}

.shop-home-v2 .home-insight-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.shop-home-v2 .home-insight-stats>div{min-height:112px;padding:15px;border:1px solid var(--studio-line);border-radius:15px;background:#fff;display:grid;align-content:center;gap:5px}
.shop-home-v2 .home-insight-stats i{color:var(--studio-blue);font-size:1.2rem}
.shop-home-v2 .home-insight-stats span{color:var(--studio-muted);font-size:.7rem}
.shop-home-v2 .home-insight-stats strong{font-size:1.4rem;color:var(--studio-navy)}
.shop-home-v2 .home-insight-table-wrap{overflow:auto;border:1px solid var(--studio-line);border-radius:15px}
.shop-home-v2 .home-insight-table{width:100%;min-width:600px;border-collapse:collapse}
.shop-home-v2 .home-insight-table th,.shop-home-v2 .home-insight-table td{padding:12px 14px;border-bottom:1px solid #edf1f6;text-align:right;font-size:.75rem}
.shop-home-v2 .home-insight-table th{background:var(--studio-soft);color:#53657b}
.shop-home-v2 .home-builder-toast.is-error{background:#a92734}

@media (min-width: 901px){
    .shop-home-v2 .home-builder-bar{align-items:flex-start}
    .shop-home-v2 .home-builder-bar__actions{max-width:1120px}
}
@media (max-width: 1100px){
    .shop-home-v2 .home-builder-bar{position:relative;top:auto;display:block}
    .shop-home-v2 .home-builder-bar__status{margin-bottom:10px}
    .shop-home-v2 .home-builder-bar__actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
    .shop-home-v2 .home-builder-btn{width:100%;padding-inline:8px}
    .shop-home-v2 .home-builder-history-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
    .shop-home-v2 .home-content-band{grid-template-columns:auto 1fr;padding:22px}
    .shop-home-v2 .home-content-band__actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
    .shop-home-v2 .home-builder-bar__actions{grid-template-columns:repeat(3,minmax(0,1fr))}
    .shop-home-v2 .home-builder-btn span{display:inline}
    .shop-home-v2 .home-builder-modal{inset:auto 0 0;transform:none;width:100%;max-height:92dvh;border-radius:22px 22px 0 0}
    .shop-home-v2 .home-builder-modal__body{max-height:calc(92dvh - 105px)}
    .shop-home-v2 .home-builder-palette{grid-template-columns:1fr}
    .shop-home-v2 .home-quality-card{grid-template-columns:auto 1fr}
    .shop-home-v2 .home-quality-card>.home-builder-btn{grid-column:1/-1}
    .shop-home-v2 .home-insight-stats{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
    .shop-home-v2 .home-section[data-variant="grid"] .home-product-track{display:flex;overflow-x:auto}
    .shop-home-v2 .home-section[data-background="soft"],.shop-home-v2 .home-section[data-background="contrast"]{padding:16px}
    .shop-home-v2 .home-builder-bar{width:calc(100% - 12px)}
    .shop-home-v2 .home-builder-bar__actions{grid-template-columns:repeat(3,minmax(0,1fr))}
    .shop-home-v2 .home-builder-btn{min-height:46px;font-size:.68rem;white-space:normal;line-height:1.4}
    .shop-home-v2 .home-builder-btn.icon-only span{display:none}
    .shop-home-v2 .home-builder-field-grid{grid-template-columns:1fr}
    .shop-home-v2 .home-builder-drawer__body{padding:18px}
    .shop-home-v2 .home-builder-drawer__foot{padding:13px 18px}
    .shop-home-v2 .home-version-row{grid-template-columns:auto 1fr}
    .shop-home-v2 .home-version-row__actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%}
    .shop-home-v2 .home-content-band{display:block;padding:20px}
    .shop-home-v2 .home-content-band__icon{margin-bottom:13px}
    .shop-home-v2 .home-content-band__actions{display:grid;grid-template-columns:1fr;margin-top:15px}
    .home-brand-card{flex-basis:145px}
}
@media (max-width: 767.98px){.shop-home-v2 .home-section.is-mobile-hidden{display:none!important}}
@media (min-width: 768px){.shop-home-v2 .home-section.is-desktop-hidden{display:none!important}}
@media (prefers-reduced-motion: reduce){
    .shop-home-v2 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}