/* ======================================================================
   PICKCHOICE MINISHOP DESIGN WORKBENCH V3
   - side-by-side controls + sticky full storefront preview
   - desktop/mobile device switch
   - internal preview scrolling
   - uncropped management media thumbnails with visible boundaries
   ====================================================================== */
body[data-manage-section="design"] .manage-shell{
    width:min(1740px,calc(100% - 28px));
    margin-top:26px;
}
body[data-manage-section="design"] .manage-section-intro{margin-bottom:14px}
.shop-design-workbench-v3{
    display:grid;
    grid-template-columns:minmax(350px,430px) minmax(0,1fr);
    gap:16px;
    align-items:start;
}
body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid{
    grid-column:1;
    grid-row:1;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-width:0;
    margin:0!important;
}
body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid>.studio-card{
    min-width:0;
    margin:0!important;
    border-radius:18px;
}
body[data-manage-section="design"] .shop-design-workbench-v3 .compact-theme .theme-grid{grid-template-columns:1fr 1fr!important}
body[data-manage-section="design"] .shop-design-workbench-v3 .compact-skin .skin-grid{grid-template-columns:1fr!important}
body[data-manage-section="design"] .shop-design-workbench-v3 .compact-skin .skin-option{
    grid-template-columns:102px minmax(0,1fr) 24px!important;
    min-height:84px;
}

.shop-design-preview-v3{
    grid-column:2;
    grid-row:1;
    position:sticky;
    top:82px;
    height:calc(100vh - 96px);
    min-height:620px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.075);
    border-radius:22px;
    background:
        radial-gradient(circle at 76% 8%,rgba(203,168,101,.10),transparent 28%),
        linear-gradient(150deg,#121214,#09090b 72%);
    box-shadow:0 28px 80px rgba(0,0,0,.30);
}
.design-v3-toolbar{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.065);
    background:rgba(12,12,14,.88);
    backdrop-filter:blur(16px);
}
.design-v3-toolbar-copy{min-width:0;display:grid;gap:3px}
.design-v3-toolbar-copy>span{font-size:7px;font-weight:800;letter-spacing:.19em;color:#c8a463}
.design-v3-toolbar-copy>strong{font-size:13px;color:#eee7db}
.design-v3-toolbar-copy>small{font-size:8px;line-height:1.45;color:#746d63}
.design-v3-toolbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.design-v3-device-toggle{
    display:flex;
    padding:3px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:#0b0b0d;
}
.design-v3-device-toggle button{
    height:34px;
    min-width:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#746d64;
    font-size:8px;
    transition:.18s ease;
}
.design-v3-device-toggle button b{font-size:13px;font-weight:400}
.design-v3-device-toggle button.is-active{
    background:linear-gradient(135deg,rgba(204,169,101,.22),rgba(204,169,101,.08));
    color:#e2c990;
    box-shadow:inset 0 0 0 1px rgba(211,176,108,.18);
}
.design-v3-current{display:flex;gap:5px}
.design-v3-current span{
    min-height:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
    color:#625c54;
    font-size:6px;
    letter-spacing:.10em;
    background:#0b0b0d;
}
.design-v3-current b{margin-top:2px;color:#c5a565;font-size:7px}

.design-v3-stage{
    flex:1 1 auto;
    min-height:0;
    padding:12px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:stretch;
    background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        #08080a;
    background-size:32px 32px;
}
.design-v3-device{
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:#0d0d0f;
    box-shadow:0 18px 60px rgba(0,0,0,.42);
    transition:width .26s ease,border-radius .26s ease;
}
.design-v3-device.is-mobile{
    width:min(390px,100%);
    border-radius:28px;
    border-color:rgba(221,189,128,.19);
    box-shadow:0 22px 70px rgba(0,0,0,.52),0 0 0 5px rgba(255,255,255,.018);
}
.design-v3-browserbar{
    flex:0 0 31px;
    height:31px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border-bottom:1px solid rgba(255,255,255,.065);
    background:#111113;
}
.design-v3-device.is-mobile .design-v3-browserbar{justify-content:center;position:relative}
.design-v3-device.is-mobile .design-v3-browserbar:before{content:"";width:60px;height:5px;border-radius:99px;background:#2b292b}
.design-v3-device.is-mobile .design-v3-browserbar>*{display:none}
.design-v3-browserbar .dots{display:flex;gap:4px}
.design-v3-browserbar .dots i{width:5px;height:5px;border-radius:50%;background:#363337}
.design-v3-browserbar small{font-size:6px;color:#625d57}
.design-v3-browserbar em{margin-left:auto;font-style:normal;font-size:6px;letter-spacing:.12em;color:#8e754a}
.design-v3-scroll{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#4b4030 #111113;
}
.design-v3-scroll::-webkit-scrollbar{width:7px}
.design-v3-scroll::-webkit-scrollbar-track{background:#111113}
.design-v3-scroll::-webkit-scrollbar-thumb{background:#4c4030;border-radius:99px}

.design-v3-store{
    --pv-bg:#0c0c0e;
    --pv-panel:#151517;
    --pv-panel-2:#1a1a1d;
    --pv-text:#f2ebdf;
    --pv-muted:#8b8276;
    --pv-line:rgba(255,255,255,.08);
    --pv-accent:#c9a568;
    --pv-accent-soft:rgba(201,165,104,.12);
    min-height:100%;
    background:var(--pv-bg);
    color:var(--pv-text);
    transition:background .22s,color .22s;
}
.design-v3-store.theme-noir{--pv-bg:#0b0b0d;--pv-panel:#151517;--pv-panel-2:#1b1b1e;--pv-text:#f2ebe0;--pv-muted:#877e72;--pv-line:rgba(255,255,255,.08);--pv-accent:#c9a568;--pv-accent-soft:rgba(201,165,104,.13)}
.design-v3-store.theme-champagne{--pv-bg:#eee4d4;--pv-panel:#f8f1e7;--pv-panel-2:#e7d9c5;--pv-text:#382c22;--pv-muted:#7f6f5d;--pv-line:rgba(90,68,39,.15);--pv-accent:#9d713d;--pv-accent-soft:rgba(157,113,61,.13)}
.design-v3-store.theme-midnight{--pv-bg:#0a1018;--pv-panel:#111b28;--pv-panel-2:#182434;--pv-text:#edf2f8;--pv-muted:#7d8ca0;--pv-line:rgba(181,202,226,.10);--pv-accent:#aebed1;--pv-accent-soft:rgba(174,190,209,.12)}
.design-v3-store.theme-atelier{--pv-bg:#201711;--pv-panel:#2b2018;--pv-panel-2:#34261c;--pv-text:#f0e4d5;--pv-muted:#a08c79;--pv-line:rgba(229,198,151,.10);--pv-accent:#c28f56;--pv-accent-soft:rgba(194,143,86,.13)}

.pv3-hero{
    position:relative;
    min-height:230px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding:28px 32px;
    overflow:hidden;
    border-bottom:1px solid var(--pv-line);
    background:radial-gradient(circle at 78% 34%,var(--pv-accent-soft),transparent 24%),linear-gradient(145deg,var(--pv-panel),var(--pv-bg));
}
.pv3-cover-media,.pv3-hero-shade{position:absolute;inset:0;pointer-events:none}
.pv3-cover-media{display:none;background:var(--pv-panel)}
.pv3-hero.has-media .pv3-cover-media{display:block}
.pv3-cover-media img{width:100%;height:100%;display:block;object-fit:cover}
.pv3-hero-shade{background:linear-gradient(90deg,rgba(7,7,8,.68),rgba(7,7,8,.10) 58%,rgba(7,7,8,.22));opacity:0}
.pv3-hero.has-media .pv3-hero-shade{opacity:1}
.theme-champagne .pv3-hero.has-media .pv3-hero-shade{background:linear-gradient(90deg,rgba(31,24,18,.64),rgba(31,24,18,.08) 60%,rgba(31,24,18,.18))}
.pv3-brand{position:relative;z-index:2;display:flex;align-items:center;gap:14px;min-width:0}
.pv3-logo{
    width:64px;height:64px;flex:0 0 64px;
    overflow:hidden;display:grid;place-items:center;
    border:1px solid color-mix(in srgb,var(--pv-accent) 38%,transparent);
    border-radius:17px;background:color-mix(in srgb,var(--pv-panel) 86%,transparent);color:var(--pv-accent);
    box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.pv3-logo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;padding:4px}
.pv3-logo b{font:500 25px Georgia,serif}
.pv3-brand-copy{min-width:0;display:grid;gap:5px}
.pv3-brand-copy small{font-size:7px;letter-spacing:.12em;color:var(--pv-muted)}
.pv3-brand-copy strong{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 28px/1 Georgia,"Noto Serif KR",serif;color:var(--pv-text)}
.pv3-brand-copy span{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--pv-muted)}
.pv3-hero.has-media .pv3-brand-copy strong,.pv3-hero.has-media .pv3-brand-copy span,.pv3-hero.has-media .pv3-brand-copy small{color:#f5eee2;text-shadow:0 2px 20px rgba(0,0,0,.42)}
.pv3-hero-word{position:relative;z-index:2;display:grid;justify-items:end;gap:3px;color:var(--pv-accent)}
.pv3-hero-word small{font-size:6px;letter-spacing:.18em}.pv3-hero-word b{font:500 25px/.83 Georgia,serif;text-align:right}
.pv3-hero.has-media .pv3-hero-word{color:#e2c38a;text-shadow:0 2px 22px rgba(0,0,0,.48)}
.pv3-nav{height:46px;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid var(--pv-line);color:var(--pv-muted);font-size:7px;letter-spacing:.12em;background:color-mix(in srgb,var(--pv-bg) 94%,transparent)}
.pv3-nav .is-active{color:var(--pv-accent)}.pv3-nav i{margin-left:auto;width:68px;height:1px;background:var(--pv-accent);opacity:.42}
.pv3-section{padding:28px 30px;border-bottom:1px solid var(--pv-line)}
.pv3-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}
.pv3-section-head small,.pv3-about>small{font-size:6px;letter-spacing:.17em;color:var(--pv-accent)}
.pv3-section-head h3,.pv3-about h3{margin:5px 0 0;font:500 22px/1 Georgia,"Noto Serif KR",serif;color:var(--pv-text)}
.pv3-section-head>b{font-size:6px;letter-spacing:.13em;color:var(--pv-muted)}
.pv3-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.pv3-product{min-width:0;display:grid;gap:4px}
.pv3-product-media{
    position:relative;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;
    padding:5px;border:1px solid var(--pv-line);border-radius:11px;background:var(--pv-panel);
}
.pv3-product-media img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border-radius:7px;background:color-mix(in srgb,var(--pv-panel-2) 75%,#fff 25%)}
.pv3-product-media>span{color:var(--pv-accent);font:500 23px Georgia,serif}
.pv3-product-media em{position:absolute;left:9px;top:9px;padding:4px 6px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(8,8,9,.72);color:#e2c792;font-style:normal;font-size:5px;letter-spacing:.1em}
.pv3-product>small{margin-top:2px;color:var(--pv-accent);font-size:6px;letter-spacing:.08em}
.pv3-product>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pv-text);font-size:8px;line-height:1.45}
.pv3-product>b{color:var(--pv-muted);font-size:7px}
.pv3-notice article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px;border:1px solid var(--pv-line);border-radius:12px;background:var(--pv-panel)}
.pv3-notice article>span{padding:5px 7px;border-radius:999px;background:var(--pv-accent-soft);color:var(--pv-accent);font-size:5px;letter-spacing:.1em}
.pv3-notice article>div{min-width:0;display:grid;gap:4px}.pv3-notice article strong{color:var(--pv-text);font-size:9px}.pv3-notice article p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pv-muted);font-size:7px}.pv3-notice article>small{color:var(--pv-muted);font-size:6px}
.pv3-about p{max-width:700px;margin:10px 0;color:var(--pv-muted);font-size:8px;line-height:1.75}.pv3-about>div{display:flex;gap:6px;margin-top:14px}.pv3-about>div span{padding:6px 8px;border:1px solid var(--pv-line);border-radius:999px;color:var(--pv-muted);font-size:6px}
.pv3-footer{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:var(--pv-muted);font-size:6px;letter-spacing:.11em}.pv3-footer b{color:var(--pv-accent);font-size:7px;letter-spacing:.16em}

/* SKIN = layout, not just a color change. */
.design-v3-store.skin-gallery .pv3-hero{min-height:145px;padding:20px 28px}.design-v3-store.skin-gallery .pv3-hero-word{display:none}.design-v3-store.skin-gallery .pv3-logo{width:48px;height:48px;flex-basis:48px;border-radius:12px}.design-v3-store.skin-gallery .pv3-brand-copy strong{font-size:21px}.design-v3-store.skin-gallery .pv3-section{padding:20px}.design-v3-store.skin-gallery .pv3-product-grid{gap:6px}.design-v3-store.skin-gallery .pv3-product-media{padding:2px;border-radius:5px}.design-v3-store.skin-gallery .pv3-product-media img{border-radius:3px}.design-v3-store.skin-gallery .pv3-notice{padding-top:18px;padding-bottom:18px}
.design-v3-store.skin-boutique .pv3-hero{min-height:340px;align-items:center;padding:42px}.design-v3-store.skin-boutique .pv3-brand{flex-direction:column;align-items:flex-start;gap:18px}.design-v3-store.skin-boutique .pv3-logo{width:82px;height:82px;flex-basis:82px;border-radius:22px}.design-v3-store.skin-boutique .pv3-brand-copy strong{white-space:normal;font-size:36px;line-height:1.05}.design-v3-store.skin-boutique .pv3-brand-copy span{white-space:normal;line-height:1.6}.design-v3-store.skin-boutique .pv3-spotlight .pv3-product-grid{grid-template-columns:1.35fr .65fr .65fr}.design-v3-store.skin-boutique .pv3-spotlight .pv3-product:first-child{grid-row:span 2}.design-v3-store.skin-boutique .pv3-spotlight .pv3-product:first-child .pv3-product-media{aspect-ratio:.88}.design-v3-store.skin-boutique .pv3-spotlight .pv3-product:nth-child(4){display:none}
.design-v3-store.skin-editorial .pv3-hero{min-height:280px;align-items:center}.design-v3-store.skin-editorial .pv3-brand{align-items:flex-start;flex-direction:column}.design-v3-store.skin-editorial .pv3-brand-copy strong{font-size:38px;white-space:normal;line-height:1}.design-v3-store.skin-editorial .pv3-logo{width:44px;height:44px;flex-basis:44px;border-radius:9px}.design-v3-store.skin-editorial .pv3-grid-spotlight{grid-template-columns:1.55fr .72fr .72fr}.design-v3-store.skin-editorial .pv3-grid-spotlight .is-featured{grid-row:span 2}.design-v3-store.skin-editorial .pv3-grid-spotlight .is-featured .pv3-product-media{aspect-ratio:.92}.design-v3-store.skin-editorial .pv3-grid-spotlight .pv3-product:nth-child(4){display:none}.design-v3-store.skin-editorial .pv3-new .pv3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-v3-store.skin-minimal{--pv-line:rgba(130,115,92,.12)}.design-v3-store.skin-minimal .pv3-hero{min-height:160px;background:var(--pv-bg);padding-top:38px}.design-v3-store.skin-minimal .pv3-hero-word{display:none}.design-v3-store.skin-minimal .pv3-logo{border-radius:50%;box-shadow:none}.design-v3-store.skin-minimal .pv3-nav{justify-content:center}.design-v3-store.skin-minimal .pv3-nav i{display:none}.design-v3-store.skin-minimal .pv3-section{padding-top:40px;padding-bottom:40px}.design-v3-store.skin-minimal .pv3-product-grid{gap:18px}.design-v3-store.skin-minimal .pv3-product-media{border-color:transparent;background:transparent;padding:0}.design-v3-store.skin-minimal .pv3-product-media img{border-radius:0;background:transparent}.design-v3-store.skin-minimal .pv3-notice article{background:transparent}.design-v3-store.skin-minimal .pv3-about{text-align:center}.design-v3-store.skin-minimal .pv3-about p{margin-left:auto;margin-right:auto}.design-v3-store.skin-minimal .pv3-about>div{justify-content:center}

/* Mobile device preview deliberately reflows the whole shop. */
.design-v3-device.is-mobile .pv3-hero{min-height:190px;padding:20px 18px}.design-v3-device.is-mobile .pv3-logo{width:50px;height:50px;flex-basis:50px;border-radius:13px}.design-v3-device.is-mobile .pv3-brand-copy strong{max-width:210px;font-size:21px}.design-v3-device.is-mobile .pv3-brand-copy span{max-width:210px;font-size:7px}.design-v3-device.is-mobile .pv3-hero-word{display:none}.design-v3-device.is-mobile .pv3-nav{height:41px;padding:0 14px;gap:13px;overflow:hidden}.design-v3-device.is-mobile .pv3-nav i{display:none}.design-v3-device.is-mobile .pv3-section{padding:22px 14px}.design-v3-device.is-mobile .pv3-section-head h3{font-size:19px}.design-v3-device.is-mobile .pv3-product-grid,.design-v3-device.is-mobile .skin-gallery .pv3-product-grid,.design-v3-device.is-mobile .skin-editorial .pv3-new .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.design-v3-device.is-mobile .skin-boutique .pv3-spotlight .pv3-product-grid,.design-v3-device.is-mobile .skin-editorial .pv3-grid-spotlight{grid-template-columns:repeat(2,minmax(0,1fr))}.design-v3-device.is-mobile .skin-boutique .pv3-spotlight .pv3-product:first-child,.design-v3-device.is-mobile .skin-editorial .pv3-grid-spotlight .is-featured{grid-row:auto}.design-v3-device.is-mobile .skin-boutique .pv3-spotlight .pv3-product:nth-child(4),.design-v3-device.is-mobile .skin-editorial .pv3-grid-spotlight .pv3-product:nth-child(4){display:grid}.design-v3-device.is-mobile .skin-boutique .pv3-hero{min-height:235px;padding:28px 20px}.design-v3-device.is-mobile .skin-boutique .pv3-brand-copy strong,.design-v3-device.is-mobile .skin-editorial .pv3-brand-copy strong{font-size:25px}.design-v3-device.is-mobile .pv3-notice article{grid-template-columns:1fr;gap:7px}.design-v3-device.is-mobile .pv3-notice article>span{justify-self:start}.design-v3-device.is-mobile .pv3-footer{padding:0 15px}

.design-v3-hint{
    flex:0 0 auto;
    min-height:44px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 14px;
    border-top:1px solid rgba(255,255,255,.06);
    background:#0b0b0d;
}
.design-v3-hint>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(205,170,101,.20);border-radius:8px;color:#c3a263}
.design-v3-hint p{margin:0;color:#716b63;font-size:7px;line-height:1.5}.design-v3-hint b{color:#aaa196;font-weight:650}

/* Media management: show the WHOLE file instead of fake-cropping it. */
body[data-manage-section="design"] .media-sort-grid{gap:10px!important}
body[data-manage-section="design"] .media-sort-card{
    min-width:0;
    padding:5px!important;
    overflow:hidden!important;
    border:1px solid rgba(210,176,108,.17)!important;
    border-radius:12px!important;
    background:#0b0b0d!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
}
body[data-manage-section="design"] .media-sort-card>img{
    width:100%!important;
    height:100%!important;
    min-height:90px;
    max-height:180px;
    object-fit:contain!important;
    object-position:center!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:8px!important;
    background:
      linear-gradient(45deg,#151517 25%,transparent 25%),
      linear-gradient(-45deg,#151517 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#151517 75%),
      linear-gradient(-45deg,transparent 75%,#151517 75%),#101012!important;
    background-size:14px 14px!important;
    background-position:0 0,0 7px,7px -7px,-7px 0!important;
}
body[data-manage-section="design"] .media-sort-card figcaption{
    margin-top:5px!important;
    padding:5px 4px 1px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
}
body[data-manage-section="design"] .shop-cover-uploader{
    height:190px!important;
    padding:6px!important;
    border:1px solid rgba(210,176,108,.19)!important;
    background:#0b0b0d!important;
}
body[data-manage-section="design"] .shop-cover-uploader>img{
    inset:6px!important;
    width:calc(100% - 12px)!important;
    height:calc(100% - 12px)!important;
    object-fit:contain!important;
    border:1px solid rgba(255,255,255,.055);
    border-radius:11px;
    background:#111113;
}
body[data-manage-section="design"] .multi-media-uploader{
    border-color:rgba(210,176,108,.20)!important;
    background:linear-gradient(180deg,rgba(204,169,101,.035),rgba(255,255,255,.012))!important;
}
body[data-manage-section="design"] .display-media-section,
body[data-manage-section="design"] .legacy-cover-field{
    padding:14px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.012)!important;
}

/* 200 products is intentionally supported; keep the controls easy to scan. */
body[data-manage-section="design"] .display-section-card,
body[data-manage-section="design"] .display-config-grid>.shop-field{
    border-color:rgba(255,255,255,.07)!important;
}

@media(max-width:1380px){
    .shop-design-workbench-v3{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}
    .design-v3-current{display:none}
    .pv3-product-grid{gap:8px}
}
@media(max-width:1100px){
    .shop-design-workbench-v3{display:flex;flex-direction:column}
    .shop-design-preview-v3{order:0;position:relative;top:auto;width:100%;height:720px;min-height:0}
    body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid{order:1;width:100%}
    .design-v3-toolbar{position:sticky;top:0;z-index:5}
}
@media(max-width:700px){
    body[data-manage-section="design"] .manage-shell{width:calc(100% - 18px)}
    .shop-design-preview-v3{height:660px;border-radius:16px}
    .design-v3-toolbar{align-items:flex-start;flex-direction:column;padding:11px}
    .design-v3-toolbar-actions{width:100%;justify-content:space-between}
    .design-v3-device-toggle{width:100%}.design-v3-device-toggle button{flex:1}
    .design-v3-stage{padding:7px}
    body[data-manage-section="design"] .shop-design-workbench-v3 .compact-theme .theme-grid{grid-template-columns:1fr!important}
    body[data-manage-section="design"] .shop-design-workbench-v3 .compact-skin .skin-option{grid-template-columns:88px minmax(0,1fr) 22px!important}
}


/* ======================================================================
   PICKCHOICE MINISHOP DESIGN WORKBENCH V3.2
   - only identity/mood/skin stay beside the sticky preview
   - display/media/brand/category workspaces break to full width below
   - large, uncropped media inspection frames with clear boundaries
   ====================================================================== */

/* Turn the inner manage-grid into transparent layout plumbing on Design. */
body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid{
    display:contents!important;
}

/* Top workbench: identity controls left, live storefront right. */
body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid>.manage-design-only:first-child{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start;
}
body[data-manage-section="design"] .shop-design-preview-v3{
    grid-column:2!important;
    grid-row:1!important;
}

/* From SHOP DISPLAY downward, everything is a proper full-width workspace. */
body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid>.design-full-workspace-v32{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:22px!important;
}
body[data-manage-section="design"] .shop-display-studio{grid-row:2!important}
body[data-manage-section="design"] #brand-studio{grid-row:3!important}
body[data-manage-section="design"] #category-studio{grid-row:4!important}

.design-v32-wide-kicker{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 12px;
    margin:-4px -4px 22px;
    padding:14px 16px;
    border:1px solid rgba(210,176,108,.13);
    border-radius:13px;
    background:linear-gradient(100deg,rgba(205,168,96,.075),rgba(255,255,255,.012));
}
.design-v32-wide-kicker span{
    grid-row:1/3;
    align-self:center;
    padding:7px 9px;
    border:1px solid rgba(210,176,108,.18);
    border-radius:999px;
    color:#d2b16e;
    font-size:7px;
    font-weight:800;
    letter-spacing:.16em;
}
.design-v32-wide-kicker b{color:#ddd5c8;font-size:11px}
.design-v32-wide-kicker small{color:#746d63;font-size:8px}

/* Full-width display card itself gets room to breathe. */
body[data-manage-section="design"] .shop-display-studio{
    padding:28px!important;
    background:
      radial-gradient(circle at 88% 4%,rgba(199,162,91,.075),transparent 25%),
      linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
}
body[data-manage-section="design"] .shop-display-form{
    gap:20px!important;
}
body[data-manage-section="design"] .shop-display-studio .display-media-section,
body[data-manage-section="design"] .shop-display-studio .legacy-cover-field{
    padding:20px!important;
    border:1px solid rgba(216,181,112,.12)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.009))!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
body[data-manage-section="design"] .shop-display-studio .display-field-title{
    margin-bottom:16px!important;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.055);
}
body[data-manage-section="design"] .shop-display-studio .display-field-title strong{
    font-size:13px!important;
    color:#e5dccf!important;
}
body[data-manage-section="design"] .shop-display-studio .display-field-title small{
    font-size:9px!important;
    color:#7e776d!important;
}

/* Hero slides: 2 columns on desktop, large visual inspection area. */
body[data-manage-section="design"] .shop-display-studio .media-sort-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
}
body[data-manage-section="design"] .shop-display-studio .media-sort-card{
    display:grid!important;
    grid-template-rows:minmax(220px,1fr) auto!important;
    min-height:278px!important;
    padding:10px!important;
    border:1px solid rgba(214,179,108,.20)!important;
    border-radius:15px!important;
    background:#0b0b0d!important;
    box-shadow:0 10px 30px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
body[data-manage-section="design"] .shop-display-studio .media-sort-card>img{
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:10px!important;
    background:
      linear-gradient(45deg,#161618 25%,transparent 25%),
      linear-gradient(-45deg,#161618 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#161618 75%),
      linear-gradient(-45deg,transparent 75%,#161618 75%),#101012!important;
    background-size:16px 16px!important;
    background-position:0 0,0 8px,8px -8px,-8px 0!important;
}
body[data-manage-section="design"] .shop-display-studio .media-sort-card figcaption{
    min-height:42px!important;
    margin-top:8px!important;
    padding:8px 6px 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
}

/* Detail common images can be tall. Preserve full original image. */
body[data-manage-section="design"] .shop-display-studio .detail-media-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-manage-section="design"] .shop-display-studio .detail-media-card{
    grid-template-rows:minmax(360px,1fr) auto!important;
    min-height:420px!important;
}
body[data-manage-section="design"] .shop-display-studio .detail-media-card>img{
    height:380px!important;
    min-height:380px!important;
    max-height:380px!important;
    object-fit:contain!important;
}

/* Legacy fallback banner gets a real inspection canvas too. */
body[data-manage-section="design"] .shop-display-studio .shop-cover-uploader{
    height:360px!important;
    min-height:360px!important;
    padding:10px!important;
    border:1px solid rgba(214,179,108,.20)!important;
    border-radius:15px!important;
    background:#0b0b0d!important;
}
body[data-manage-section="design"] .shop-display-studio .shop-cover-uploader>img{
    inset:10px!important;
    width:calc(100% - 20px)!important;
    height:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    max-height:calc(100% - 20px)!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:10px!important;
    background:#101012!important;
}

/* Upload targets become obvious separate blocks instead of borderless clutter. */
body[data-manage-section="design"] .shop-display-studio .multi-media-uploader{
    min-height:96px!important;
    margin-top:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px dashed rgba(213,179,110,.28)!important;
    border-radius:13px!important;
    background:rgba(203,167,98,.025)!important;
}
body[data-manage-section="design"] .shop-display-studio .multi-media-uploader:hover{
    border-color:rgba(213,179,110,.46)!important;
    background:rgba(203,167,98,.05)!important;
}

/* Product-display controls use the freed width. */
body[data-manage-section="design"] .shop-display-studio .display-section-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
}
body[data-manage-section="design"] .shop-display-studio .display-section-card{
    min-height:120px!important;
    padding:19px!important;
}
body[data-manage-section="design"] .shop-display-studio .display-config-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

/* Brand/category workspaces below also get the full canvas. */
body[data-manage-section="design"] #brand-studio,
body[data-manage-section="design"] #category-studio{
    padding:28px!important;
}
body[data-manage-section="design"] #brand-studio .identity-v1-two{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

@media(max-width:1380px){
    body[data-manage-section="design"] .shop-display-studio .detail-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1100px){
    /* V3.1 already stacks the top area on tablets. Restore actual wrappers there. */
    body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid{
        display:grid!important;
        width:100%!important;
        grid-template-columns:1fr!important;
        order:1;
    }
    body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid>.manage-design-only:first-child,
    body[data-manage-section="design"] .shop-design-workbench-v3>.manage-grid>.design-full-workspace-v32{
        grid-column:1!important;
        grid-row:auto!important;
    }
    body[data-manage-section="design"] .shop-design-preview-v3{order:0}
}
@media(max-width:760px){
    body[data-manage-section="design"] .shop-display-studio{padding:17px!important}
    body[data-manage-section="design"] .shop-display-studio .media-sort-grid,
    body[data-manage-section="design"] .shop-display-studio .detail-media-grid,
    body[data-manage-section="design"] .shop-display-studio .display-section-grid,
    body[data-manage-section="design"] .shop-display-studio .display-config-grid,
    body[data-manage-section="design"] #brand-studio .identity-v1-two{
        grid-template-columns:1fr!important;
    }
    body[data-manage-section="design"] .shop-display-studio .media-sort-card>img{height:220px!important;min-height:220px!important;max-height:220px!important}
    body[data-manage-section="design"] .shop-display-studio .detail-media-card>img{height:340px!important;min-height:340px!important;max-height:340px!important}
    body[data-manage-section="design"] .shop-display-studio .shop-cover-uploader{height:270px!important;min-height:270px!important}
    .design-v32-wide-kicker{grid-template-columns:1fr}.design-v32-wide-kicker span{grid-row:auto;justify-self:start}
}

/* ======================================================================
   PICKCHOICE MINISHOP DESIGN WORKBENCH V3.3
   STRUCTURAL FIX: top workbench and lower media workspace are separate DOM.
   No sticky preview is allowed to overlap the lower workspace.
   ====================================================================== */

/* The top workbench now physically owns only Identity/Mood/Skin + Preview. */
body[data-manage-section="design"] .shop-design-workbench-v3{
    display:grid!important;
    grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
}
body[data-manage-section="design"] .shop-design-workbench-v3>.design-top-controls-v33{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-self:start!important;
    position:relative!important;
    z-index:2!important;
}
body[data-manage-section="design"] .shop-design-workbench-v3>.shop-design-preview-v3{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    position:sticky!important;
    top:82px!important;
    z-index:3!important;
}

/* Main legacy manage-grid is no longer used as design-layout plumbing. */
body[data-manage-section="design"] .manage-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    margin:18px 0 0!important;
    position:relative!important;
    z-index:1!important;
}

/* Completely separate lower editing canvas. */
body[data-manage-section="design"] .design-lower-workspace-v33{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    width:100%!important;
    min-width:0!important;
    margin:24px 0 0!important;
    padding:0!important;
    position:relative!important;
    z-index:5!important;
    clear:both!important;
    isolation:isolate;
}
body[data-manage-section="design"] .design-lower-workspace-v33>.studio-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    position:relative!important;
    grid-column:1!important;
    grid-row:auto!important;
    z-index:1!important;
    overflow:visible!important;
}
.design-lower-divider-v33{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 14px;
    align-items:center;
    padding:18px 20px;
    border:1px solid rgba(210,176,108,.14);
    border-radius:18px;
    background:linear-gradient(100deg,rgba(205,168,96,.08),rgba(255,255,255,.012));
    box-shadow:0 16px 46px rgba(0,0,0,.12);
}
.design-lower-divider-v33>span{
    grid-row:1/3;
    padding:8px 10px;
    border:1px solid rgba(210,176,108,.20);
    border-radius:999px;
    color:#d7b774;
    font-size:7px;
    font-weight:800;
    letter-spacing:.15em;
    white-space:nowrap;
}
.design-lower-divider-v33>strong{color:#eee5d7;font:500 20px/1.15 Georgia,"Noto Serif KR",serif}
.design-lower-divider-v33>small{color:#777067;font-size:9px}

/* Media cards live only in the full-width lower workspace. */
body[data-manage-section="design"] .design-lower-workspace-v33 .shop-display-studio{
    padding:28px!important;
    overflow:hidden!important;
}
body[data-manage-section="design"] .design-lower-workspace-v33 .media-sort-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
}
body[data-manage-section="design"] .design-lower-workspace-v33 .media-sort-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    border:1px solid rgba(212,179,113,.18)!important;
    border-radius:14px!important;
    background:#0b0b0d!important;
    overflow:hidden!important;
}
body[data-manage-section="design"] .design-lower-workspace-v33 .media-sort-card>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3 / 1!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:
      linear-gradient(45deg,#151517 25%,transparent 25%),
      linear-gradient(-45deg,#151517 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#151517 75%),
      linear-gradient(-45deg,transparent 75%,#151517 75%),#101012!important;
    background-size:14px 14px!important;
    background-position:0 0,0 7px,7px -7px,-7px 0!important;
}
body[data-manage-section="design"] .design-lower-workspace-v33 .detail-media-card>img{
    aspect-ratio:4 / 5!important;
    max-height:680px!important;
}
body[data-manage-section="design"] .design-lower-workspace-v33 .shop-cover-uploader{
    width:100%!important;
    min-height:300px!important;
    height:300px!important;
    overflow:hidden!important;
    border:1px solid rgba(212,179,113,.18)!important;
    border-radius:14px!important;
    background:#0b0b0d!important;
}
body[data-manage-section="design"] .design-lower-workspace-v33 .shop-cover-uploader>img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    background:#101012!important;
}

/* Explicitly neutralize old V3.2 grid-row tricks. */
body[data-manage-section="design"] .design-lower-workspace-v33 .design-full-workspace-v32,
body[data-manage-section="design"] .design-lower-workspace-v33 .shop-display-studio,
body[data-manage-section="design"] .design-lower-workspace-v33 #brand-studio,
body[data-manage-section="design"] .design-lower-workspace-v33 #category-studio{
    grid-column:1!important;
    grid-row:auto!important;
}

@media(max-width:1100px){
    body[data-manage-section="design"] .shop-design-workbench-v3{
        display:flex!important;
        flex-direction:column!important;
    }
    body[data-manage-section="design"] .shop-design-workbench-v3>.design-top-controls-v33{order:1!important}
    body[data-manage-section="design"] .shop-design-workbench-v3>.shop-design-preview-v3{
        order:0!important;
        position:relative!important;
        top:auto!important;
        height:720px!important;
    }
}
@media(max-width:760px){
    body[data-manage-section="design"] .design-lower-workspace-v33 .shop-display-studio{padding:16px!important}
    body[data-manage-section="design"] .design-lower-workspace-v33 .media-sort-grid,
    body[data-manage-section="design"] .design-lower-workspace-v33 .detail-media-grid,
    body[data-manage-section="design"] .design-lower-workspace-v33 .display-section-grid,
    body[data-manage-section="design"] .design-lower-workspace-v33 .display-config-grid,
    body[data-manage-section="design"] .design-lower-workspace-v33 #brand-studio .identity-v1-two{
        grid-template-columns:1fr!important;
    }
    .design-lower-divider-v33{grid-template-columns:1fr;padding:15px}
    .design-lower-divider-v33>span{grid-row:auto;justify-self:start}
    body[data-manage-section="design"] .design-lower-workspace-v33 .media-sort-card>img{aspect-ratio:3 / 1!important}
    body[data-manage-section="design"] .design-lower-workspace-v33 .detail-media-card>img{aspect-ratio:4 / 5!important}
}


/* ======================================================================
   PICKCHOICE MINISHOP DESIGN WORKBENCH V3.4
   TRUE DOM SEPARATION + LANDSCAPE MEDIA INSPECTION
   ====================================================================== */

/* Design manage-grid contains only home-only legacy cards now. Do not leave
   an empty grid between the top workbench and the full-width lower editor. */
body[data-manage-section="design"] .manage-grid{
    display:none!important;
}

/* This section is now OUTSIDE .shop-design-workbench-v3 in the HTML. */
body[data-manage-section="design"] .design-lower-workspace-v34{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:28px 0 0!important;
    padding:0!important;
    position:relative!important;
    z-index:1!important;
    clear:both!important;
    isolation:isolate!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34>.studio-card{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .shop-display-studio{
    width:100%!important;
    max-width:none!important;
    padding:28px!important;
    overflow:visible!important;
}

/* Kill every legacy card ratio/min-height/absolute-caption rule. Hero media
   should look like the 1920x640 banner it actually is. */
body[data-manage-section="design"] .design-lower-workspace-v34 .media-sort-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .media-sort-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    grid-template-rows:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:10px!important;
    overflow:hidden!important;
    border:1px solid rgba(214,179,108,.22)!important;
    border-radius:16px!important;
    background:#0b0b0d!important;
    box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .media-sort-card>img{
    display:block!important;
    flex:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3 / 1!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:11px!important;
    background:
      linear-gradient(45deg,#171719 25%,transparent 25%),
      linear-gradient(-45deg,#171719 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,#171719 75%),
      linear-gradient(-45deg,transparent 75%,#171719 75%),#101012!important;
    background-size:16px 16px!important;
    background-position:0 0,0 8px,8px -8px,-8px 0!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .media-sort-card figcaption{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    min-height:38px!important;
    margin:8px 0 0!important;
    padding:8px 6px 2px!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
}

/* Detail common images are allowed to be portrait, but the CARD still grows
   only as much as its image needs. */
body[data-manage-section="design"] .design-lower-workspace-v34 .detail-media-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .detail-media-card{
    min-height:0!important;
    aspect-ratio:auto!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .detail-media-card>img{
    height:auto!important;
    min-height:0!important;
    max-height:620px!important;
    aspect-ratio:4 / 5!important;
    object-fit:contain!important;
}

/* Single fallback banner is also a landscape inspection frame. */
body[data-manage-section="design"] .design-lower-workspace-v34 .shop-cover-uploader{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 1!important;
    padding:10px!important;
    overflow:hidden!important;
    border:1px solid rgba(214,179,108,.22)!important;
    border-radius:16px!important;
    background:#0b0b0d!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .shop-cover-uploader>img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:10px!important;
    background:#101012!important;
}

/* Guardrail: the sticky preview can exist only inside the top workbench. */
body[data-manage-section="design"] .shop-design-preview-v3{
    contain:layout paint!important;
}
body[data-manage-section="design"] .design-lower-workspace-v34 .shop-design-preview-v3{
    display:none!important;
}

@media(max-width:900px){
    body[data-manage-section="design"] .design-lower-workspace-v34 .media-sort-grid,
    body[data-manage-section="design"] .design-lower-workspace-v34 .detail-media-grid{
        grid-template-columns:1fr!important;
    }
    body[data-manage-section="design"] .design-lower-workspace-v34 .shop-display-studio{
        padding:18px!important;
    }
}

/* =====================================================
   PickChoice Mini-shop Studio V19
   Public/preview layout parity + 8 distinct skins
   ===================================================== */

/* Preview product typography now mirrors the public card hierarchy. */
.pv3-product{align-content:start;grid-template-rows:auto auto minmax(2.9em,auto) auto auto}
.pv3-product>strong{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    white-space:normal!important;
    min-height:2.9em;
    max-height:2.9em;
    line-height:1.45!important;
}
.pv3-product-meta{display:block;color:var(--pv-muted);font-size:5px;line-height:1.35;white-space:nowrap;opacity:.78}
.pv3-product-media em{display:none!important}

/* Existing skin layout contracts mirror the actual mini-shop. */
.design-v3-store.skin-signature .pv3-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.design-v3-store.skin-gallery .pv3-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
.design-v3-store.skin-boutique .pv3-product-grid{grid-template-columns:2fr 1fr 1fr!important;gap:10px!important}
.design-v3-store.skin-boutique .pv3-product-grid .pv3-product:first-child{grid-row:span 2}
.design-v3-store.skin-boutique .pv3-product-grid .pv3-product:first-child .pv3-product-media{aspect-ratio:1/1.18}
.design-v3-store.skin-editorial .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
.design-v3-store.skin-editorial .pv3-product-grid .pv3-product:nth-child(3n+1){grid-column:span 2}
.design-v3-store.skin-editorial .pv3-product-grid .pv3-product:nth-child(3n+1) .pv3-product-media{aspect-ratio:2/1}
.design-v3-store.skin-minimal .pv3-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}

/* LOOKBOOK preview. */
.design-v3-store.skin-lookbook .pv3-hero{min-height:330px;padding:34px;align-items:flex-end}
.design-v3-store.skin-lookbook .pv3-brand-copy strong{font-size:34px;white-space:normal;line-height:1.05}
.design-v3-store.skin-lookbook .pv3-hero-word{align-self:flex-start}
.design-v3-store.skin-lookbook .pv3-section{padding:34px 30px}
.design-v3-store.skin-lookbook .pv3-section-head h3{font-size:31px}
.design-v3-store.skin-lookbook .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}
.design-v3-store.skin-lookbook .pv3-product-grid .pv3-product:nth-child(5n+1){grid-column:1/-1}
.design-v3-store.skin-lookbook .pv3-product-grid .pv3-product:nth-child(5n+1) .pv3-product-media{aspect-ratio:2/1}

/* SHOWROOM preview. */
.design-v3-store.skin-showroom .pv3-hero{min-height:210px}
.design-v3-store.skin-showroom .pv3-section{padding:30px}
.design-v3-store.skin-showroom .pv3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.design-v3-store.skin-showroom .pv3-product{padding:6px;border:1px solid var(--pv-line);border-radius:12px;background:color-mix(in srgb,var(--pv-panel) 72%,transparent)}
.design-v3-store.skin-showroom .pv3-product-media{border-radius:8px}
.design-v3-store.skin-showroom .pv3-section-head{padding-bottom:9px;border-bottom:1px solid var(--pv-line)}

/* CATALOG preview. */
.design-v3-store.skin-catalog .pv3-hero{min-height:105px;padding:14px 24px}
.design-v3-store.skin-catalog .pv3-hero-word{display:none}
.design-v3-store.skin-catalog .pv3-logo{width:38px;height:38px;flex-basis:38px;border-radius:8px}
.design-v3-store.skin-catalog .pv3-brand-copy strong{font-size:18px}
.design-v3-store.skin-catalog .pv3-section{padding:18px 16px}
.design-v3-store.skin-catalog .pv3-section-head{margin-bottom:10px}
.design-v3-store.skin-catalog .pv3-section-head h3{font-size:18px}
.design-v3-store.skin-catalog .pv3-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
.design-v3-store.skin-catalog .pv3-product-media{padding:2px;border-radius:5px}
.design-v3-store.skin-catalog .pv3-product-media img{border-radius:3px}
.design-v3-store.skin-catalog .pv3-product>small{font-size:5px}
.design-v3-store.skin-catalog .pv3-product>strong{font-size:7px}
.design-v3-store.skin-catalog .pv3-product>b{font-size:6px}
.design-v3-store.skin-catalog .pv3-product-meta{font-size:4.5px}

/* Tablet preview reflects the public <=1050px contract. */
.design-v3-device.is-tablet{
    width:min(760px,100%);
    border-radius:22px;
    border-color:rgba(221,189,128,.14);
    box-shadow:0 22px 68px rgba(0,0,0,.48),0 0 0 4px rgba(255,255,255,.014);
}
.design-v3-device.is-tablet .pv3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.design-v3-device.is-tablet .skin-gallery .pv3-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.design-v3-device.is-tablet .skin-boutique .pv3-product-grid{grid-template-columns:2fr 1fr 1fr!important}
.design-v3-device.is-tablet .skin-editorial .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.design-v3-device.is-tablet .skin-minimal .pv3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.design-v3-device.is-tablet .skin-lookbook .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.design-v3-device.is-tablet .skin-showroom .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.design-v3-device.is-tablet .skin-catalog .pv3-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Phone preview reflects the public <=700px contract, skin by skin. */
.design-v3-device.is-mobile .skin-signature .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.design-v3-device.is-mobile .skin-gallery .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.design-v3-device.is-mobile .skin-boutique .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.design-v3-device.is-mobile .skin-boutique .pv3-product-grid .pv3-product:first-child{grid-column:1/-1;grid-row:auto}
.design-v3-device.is-mobile .skin-editorial .pv3-product-grid{grid-template-columns:1fr!important;gap:13px!important}
.design-v3-device.is-mobile .skin-editorial .pv3-product-grid .pv3-product:nth-child(3n+1){grid-column:auto}
.design-v3-device.is-mobile .skin-minimal .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.design-v3-device.is-mobile .skin-lookbook .pv3-hero{min-height:230px;padding:25px 18px}
.design-v3-device.is-mobile .skin-lookbook .pv3-brand-copy strong{font-size:26px}
.design-v3-device.is-mobile .skin-lookbook .pv3-product-grid{grid-template-columns:1fr!important;gap:20px!important}
.design-v3-device.is-mobile .skin-lookbook .pv3-product-grid .pv3-product:nth-child(5n+1){grid-column:auto}
.design-v3-device.is-mobile .skin-lookbook .pv3-product-grid .pv3-product:nth-child(5n+1) .pv3-product-media{aspect-ratio:1}
.design-v3-device.is-mobile .skin-showroom .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.design-v3-device.is-mobile .skin-catalog .pv3-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}

/* =====================================================
   PickChoice Mini-shop Studio V19.1 · Preview information rhythm
   Public cards no longer reserve an empty second title line, so preview follows.
   ===================================================== */
.pv3-product{
    grid-template-rows:auto auto auto auto auto!important;
    align-content:start!important;
}
.pv3-product>strong{
    min-height:0!important;
    max-height:2.9em!important;
}
.pv3-product>b{margin-top:4px}
.pv3-product-meta{margin-top:2px}
.design-v3-store.skin-gallery .pv3-product>b,
.design-v3-store.skin-catalog .pv3-product>b{margin-top:2px}
.design-v3-store.skin-lookbook .pv3-product>b,
.design-v3-store.skin-editorial .pv3-product>b{margin-top:6px}