/* ShopCMS 1.17.0: focused product UX. Responsive, RTL, no impact on older admin pages. */
.product-sale-countdown[hidden], .deal-timer[hidden], .discount-chip[hidden], .buy-price [hidden]{display:none !important}
.product-gallery-panel .gallery-tools,.product-gallery-panel .gallery-caption{display:none !important}
.storefront .product-hero{align-items:start;min-width:0}
.storefront .product-gallery-panel,.storefront .product-info-panel,.storefront .buy-card{min-width:0}
.storefront .product-main-image{overflow:hidden;max-width:100%;background:#fff;}
.storefront .product-main-image img{width:100%;max-height:560px;object-fit:contain}
.storefront .product-thumbs{overflow-x:auto;scrollbar-width:thin;max-width:100%}
.storefront .product-info-panel h1{overflow-wrap:anywhere;line-height:1.7}
.storefront .related-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.storefront .related-card{display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;text-decoration:none;color:inherit;}
.storefront .related-card img,.storefront .related-placeholder{width:100%;height:165px;object-fit:contain;border-radius:12px;background:#f8fafc}
.storefront .related-card b{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.storefront .related-card strong{margin-top:auto;font-size:14px}
.storefront .shop-product-video{max-width:1040px;aspect-ratio:16/9;background:#101828;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #141e3222}
.storefront .shop-product-video iframe,.storefront .shop-product-video video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.storefront .product-content,.storefront .product-detail-card{min-width:0}
@media(max-width:1200px){.storefront .related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.storefront .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
 .storefront .product-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .storefront .product-main-image img{max-height:340px}
 .storefront .product-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;gap:18px}
 .storefront .product-detail-card{padding:22px 15px}
 .storefront .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible}
 .storefront .related-card{min-width:0;width:auto;padding:9px;border-radius:14px}
 .storefront .related-card img,.storefront .related-placeholder{height:138px}
 .storefront .related-card b{font-size:12px}
 .storefront .related-card strong{font-size:12px}
 .storefront .shop-product-video{border-radius:12px}
}
/* Product editing: better hierarchy, mobile-friendly form and variation combinations. */
.admin-panel .product-editor,.product-editor{max-width:1550px;margin-inline:auto;min-width:0}
.product-editor *{min-width:0;box-sizing:border-box}
.product-editor .editor-jump{gap:9px;scrollbar-width:thin;padding-block:12px}
.product-editor .editor-jump a{border-radius:999px;padding:11px 16px;background:white;font-weight:750;white-space:nowrap}
.product-editor .editor-card{border:1px solid #e4e9f3;border-radius:22px;padding:clamp(16px,2vw,25px);box-shadow:0 7px 25px rgba(17,24,39,.035)}
.product-editor .editor-card-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.product-editor .editor-card-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.product-editor .editor-card-head p{font-size:12px;line-height:1.9;margin-inline-start:auto;max-width:45ch}
.product-editor .field-grid,.product-editor .variation-fields-grid{gap:13px}
.product-editor label.field>span,.product-editor .variation-fields-grid label>span{font-weight:800;font-size:12px}
.product-editor input,.product-editor select,.product-editor textarea{font-size:14px;max-width:100%}
.product-editor :is(input,select,textarea):focus-visible{outline:2px solid #6756ee;outline-offset:1px}
.product-editor :is(.variation-axis-row,.variation-card){border:1px solid #e0e6f1;border-radius:15px;background:#fff;overflow:hidden}
.product-editor .variation-axis-list{display:grid;gap:12px;margin-bottom:14px}
.product-editor .variation-axis-row{padding:14px;background:#f8faff}
.product-editor .axis-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.product-editor .axis-row-top select{flex:1 1 160px;width:auto;min-height:42px}
.product-editor .axis-values{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.product-editor .axis-value-chip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #dfe4ee;border-radius:11px;padding:8px 11px;font-size:13px}
.product-editor .axis-value-chip input{width:18px;height:18px;accent-color:#6653ed}
.product-editor .variation-generator-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.product-editor .variation-generator-bar>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
.product-editor .variation-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.product-editor .variation-bulk :is(select,input){flex:1 1 165px}
.product-editor .variation-card-list{display:grid;gap:12px}
.product-editor .variation-card{box-shadow:0 5px 15px #15243d08}
.product-editor .variation-card summary{cursor:pointer;padding:14px}
.product-editor .variation-summary-main{min-width:0}
.product-editor .variation-summary-main b{overflow-wrap:anywhere}
.product-editor .variation-card-body{padding:15px;border-top:1px solid #e8eaf1}
.product-editor .variation-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.product-editor .variation-fields-grid label{display:grid;align-content:start;gap:7px}
.product-editor .variation-fields-grid label :is(input,select){width:100%}
.product-editor .variation-fields-grid label.span-2{grid-column:span 2}
.product-editor .video-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.product-editor .video-current,.product-editor .product-editor-hint{margin-top:12px;padding:13px 15px;background:#f6f7ff;border:1px solid #e2e5ff;border-radius:12px;font-size:12px;line-height:2;color:#475467}
.product-editor .video-current label{display:inline-flex;align-items:center;gap:6px;margin-inline-start:15px}
.product-editor .video-current input{width:18px;height:18px}
.product-editor .field input[type=file]{padding:14px;background:#f9fafb}
.cms-home-brand-shortcuts .cms-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
@media(max-width:1000px){.product-editor .variation-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .product-editor .editor-grid{display:grid;grid-template-columns:minmax(0,1fr)}
 .product-editor .editor-side{display:flex;flex-direction:column}
 .product-editor .editor-card{padding:16px;border-radius:18px}
 .product-editor .editor-card-head p{max-width:none;width:100%;margin:0}
 .product-editor .field-grid,.product-editor .variation-fields-grid,.product-editor .video-editor-grid{display:grid;grid-template-columns:minmax(0,1fr)}
 .product-editor .variation-fields-grid label.span-2{grid-column:1}
 .product-editor .variation-card summary{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .product-editor .variation-summary-price{flex-shrink:0}
 .product-editor .editor-jump{position:relative;top:auto}
 .product-editor .variation-generator-bar>div:last-child>*{flex:1 1 100%;white-space:normal}
 .product-editor .variation-bulk>*{flex:1 1 100%}
 .product-editor .editor-card :is(button,a){max-width:100%;white-space:normal}
}

.product-editor .product-quick-variation-price{display:flex;align-items:center;gap:7px;margin-inline-start:auto;min-width:145px;font-size:11px;cursor:text}
.product-editor .product-quick-variation-price input{width:128px;max-width:100%;padding:8px 10px;border-radius:10px;border:1px solid #dce0ec;background:#fff;font-size:13px;text-align:center}
@media(max-width:680px){.product-editor .variation-card summary{flex-wrap:wrap}.product-editor .product-quick-variation-price{flex:1 1 100%;justify-content:space-between}.product-editor .product-quick-variation-price input{width:140px}}