/* Product editor proportions based on the operator's preferred working layout. */
body:not(.storefront) .product-v2-editor.compact-three-column-editor{
 max-width:1280px;
 grid-template-columns:minmax(390px,1.18fr) minmax(620px,1.72fr);
 gap:10px;
 align-items:stretch;
}
body:not(.storefront) .compact-three-column-editor>.editor-v2-head,
body:not(.storefront) .compact-three-column-editor>.spec-section,
body:not(.storefront) .compact-three-column-editor>.editor-section:nth-of-type(n+3),
body:not(.storefront) .compact-three-column-editor>.editor-v2-actions{grid-column:1/-1}
body:not(.storefront) .compact-three-column-editor>.compact-media-section{grid-column:1;grid-row:2}
body:not(.storefront) .compact-three-column-editor>.compact-basic-section{grid-column:2;grid-row:2}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns{
 display:grid;
 grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);
 gap:10px;
}
body:not(.storefront) .compact-three-column-editor .compact-basic-primary,
body:not(.storefront) .compact-three-column-editor .compact-basic-secondary{
 display:flex;
 flex-direction:column;
 gap:7px;
 min-width:0;
}
body:not(.storefront) .compact-three-column-editor .compact-basic-secondary{
 padding-left:10px;
 border-left:1px solid var(--line);
}
body:not(.storefront) .compact-three-column-editor .compact-column-title{
 display:flex;
 align-items:baseline;
 justify-content:space-between;
 gap:8px;
 min-height:24px;
 padding:0 2px 4px;
 border-bottom:1px dashed var(--line);
}
body:not(.storefront) .compact-three-column-editor .compact-column-title b{font-size:12px;color:var(--green)}
body:not(.storefront) .compact-three-column-editor .compact-column-title small{font-size:9px;color:var(--muted)}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field{width:100%;margin:0;gap:2px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field.full{grid-column:auto}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field label{font-size:10px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns input,
body:not(.storefront) .compact-three-column-editor .compact-basic-columns select,
body:not(.storefront) .compact-three-column-editor .compact-basic-columns textarea{min-height:32px;padding:6px 8px;font-size:12px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns textarea{height:58px;resize:vertical}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .foreign-preview{padding:5px 8px;min-height:49px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .foreign-preview strong{font-size:16px}
body:not(.storefront) .compact-three-column-editor .compact-media-section .editor-image-list{grid-template-columns:repeat(4,minmax(62px,1fr))}
body:not(.storefront) .compact-three-column-editor .compact-media-section .video-fields label{min-width:0}

@media(max-width:1180px){
 body:not(.storefront) .product-v2-editor.compact-three-column-editor{grid-template-columns:1fr}
 body:not(.storefront) .compact-three-column-editor>.compact-media-section,
 body:not(.storefront) .compact-three-column-editor>.compact-basic-section{grid-column:1;grid-row:auto}
}
@media(max-width:720px){
 body:not(.storefront) .compact-three-column-editor .compact-basic-columns{grid-template-columns:1fr}
 body:not(.storefront) .compact-three-column-editor .compact-basic-secondary{padding:8px 0 0;border-left:0;border-top:1px solid var(--line)}
}

body:not(.storefront) .compact-three-column-editor .compact-basic-columns #peDescription{width:100%;box-sizing:border-box;min-height:100px;max-height:none}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns{align-items:start}
body:not(.storefront) .compact-three-column-editor .compact-basic-primary,
body:not(.storefront) .compact-three-column-editor .compact-basic-secondary{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:28px;grid-auto-rows:minmax(59px,auto);gap:8px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:7px 8px;border:1px solid #e0e7e3;border-radius:8px;background:#fffdf8;min-width:0}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .required-field{background:#fff3e9;border-color:#ffb38a}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field label{line-height:16px;margin:0 0 4px;font-size:11px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns input,
body:not(.storefront) .compact-three-column-editor .compact-basic-columns select{width:100%;height:33px;box-sizing:border-box;border:1px solid var(--line);border-radius:6px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .foreign-preview{grid-row:2 / span 3;justify-content:center;background:#f2f7f4;padding:14px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .foreign-preview strong{font-size:25px;margin:8px 0}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .foreign-preview small{line-height:1.7;font-size:11px}
body:not(.storefront) .compact-three-column-editor .compact-basic-secondary .field:has(#peDescription){grid-row:7 / span 2;align-self:stretch}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns #peDescription{flex:1;min-height:100px;border:1px solid var(--line);border-radius:6px}
.compact-global-price-fields[hidden]{display:none!important}
@media(max-width:720px){body:not(.storefront) .compact-three-column-editor .compact-basic-secondary .field{grid-row:auto}}
/* Five matching rows keep both columns level and remove the preview's extra height. */
body:not(.storefront) .compact-three-column-editor .compact-basic-primary,
body:not(.storefront) .compact-three-column-editor .compact-basic-secondary{grid-template-rows:24px repeat(5,64px);grid-auto-rows:64px;gap:7px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field{height:64px;padding:6px 8px;justify-content:flex-start;overflow:hidden}
body:not(.storefront) .compact-three-column-editor .compact-basic-secondary .field:has(#peDescription){grid-row:auto;align-self:auto}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns #peDescription{height:33px;min-height:33px;max-height:33px;flex:none;resize:none;margin:0;line-height:19px;padding:6px 8px}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns .field label{height:16px;flex:none;margin:0 0 3px;white-space:nowrap}
body:not(.storefront) .compact-three-column-editor .compact-basic-columns input,
body:not(.storefront) .compact-three-column-editor .compact-basic-columns select{min-height:33px;flex:none;margin:0}