.product-right-editor{display:grid;gap:14px}.product-right-editor>header{display:flex;align-items:center;justify-content:space-between}.product-right-editor h2{margin:0;color:var(--yomi-panel-title-text,#111);font:var(--yomi-panel-title-text-weight,800) var(--yomi-panel-title-text-size,18px)/normal var(--yomi-panel-title-text-font,inherit)}.product-right-editor header span{display:flex;gap:8px}.product-right-editor section{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid var(--pc-border)}.product-right-editor section h3{grid-column:1/-1;margin:0;color:var(--yomi-form-label-text,#777);font:var(--yomi-form-label-text-weight,600) var(--yomi-form-label-text-size,13px)/normal var(--yomi-form-label-text-font,inherit)}.product-right-editor label{display:grid;gap:5px;color:var(--yomi-form-label-text,#777);font:var(--yomi-form-label-text-weight,600) var(--yomi-form-label-text-size,13px)/normal var(--yomi-form-label-text-font,inherit)}.product-right-editor .editor-wide{grid-column:1/-1}.product-right-editor input,.product-right-editor textarea,.product-right-editor select{width:100%;height:38px;padding:0 10px;border:1px solid var(--pc-border);border-radius:7px;background:var(--yomi-detail-bg,#fff);color:var(--yomi-form-input-text,#111);font:var(--yomi-form-input-text-weight,500) var(--yomi-form-input-text-size,14px)/normal var(--yomi-form-input-text-font,inherit)}.product-right-editor textarea{height:76px;padding:9px 10px;resize:vertical}.product-right-editor [data-editor-variants]{grid-column:1/-1}.product-right-editor .product-add-variant{grid-column:1/-1;justify-self:start}.product-right-editor>label{padding-top:12px;border-top:1px solid var(--pc-border)}

.product-right-editor section{grid-template-columns:minmax(0,1fr)}.product-right-editor section>label,.product-right-editor>label{grid-template-columns:120px minmax(0,1fr);align-items:center;column-gap:12px}.product-right-editor section>label:has(textarea){align-items:start}.product-right-editor section>label:has(textarea)>span{padding-top:10px}.product-right-editor .editor-wide{grid-column:auto}.product-right-editor [data-editor-variants],.product-right-editor .product-add-variant{grid-column:auto}@media(max-width:420px){.product-right-editor section>label,.product-right-editor>label{grid-template-columns:100px minmax(0,1fr);column-gap:8px}}
.product-right-editor .product-name-title{width:100%;height:auto;padding:2px 0 6px;border:0;border-radius:0;outline:0;background:transparent;color:var(--yomi-panel-title-text,#111);font:700 20px/1.35 var(--yomi-form-input-text-font,inherit);box-shadow:none}.product-right-editor .product-name-title:focus{outline:0;box-shadow:0 2px 0 var(--yomi-primary,#1677ff)}.product-category-picker{position:relative;min-width:0}.product-category-picker>button{width:100%;height:38px;padding:0 10px;border:1px solid var(--pc-border);border-radius:7px;background:var(--yomi-detail-bg,#fff);color:var(--yomi-form-input-text,#111);font:var(--yomi-form-input-text-weight,500) var(--yomi-form-input-text-size,14px)/normal var(--yomi-form-input-text-font,inherit);text-align:left;cursor:pointer}.product-category-picker>[data-category-options]{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:20;display:grid;max-height:220px;padding:5px;overflow:auto;border:1px solid var(--pc-border);border-radius:7px;background:var(--yomi-card-bg,#fff);box-shadow:0 10px 24px rgba(16,24,40,.16)}.product-category-picker>[data-category-options][hidden]{display:none}.product-category-picker>[data-category-options] button{min-height:34px;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:var(--yomi-form-input-text,#111);text-align:left;cursor:pointer}.product-category-picker>[data-category-options] button:hover,.product-category-picker>[data-category-options] button[aria-selected=true]{background:var(--pc-soft)}.product-category-picker>[data-category-options] small{padding:8px;color:var(--pc-muted)}.product-attribute-fields{display:grid;gap:12px;padding-top:8px}.product-attribute-fields>h3{margin-top:4px}.product-attribute-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:12px}.product-attribute-row>span{padding-top:8px;color:var(--yomi-form-label-text,#777);font-weight:600;font-size:13px}.product-attribute-options{display:flex;flex-wrap:wrap;gap:7px}.product-attribute-options button,.product-quick-option button{min-height:34px;padding:6px 10px;border:1px solid var(--pc-border);border-radius:7px;background:var(--yomi-detail-bg,#fff);color:var(--yomi-form-input-text,#111);cursor:pointer}.product-attribute-options button.is-selected{border-color:var(--yomi-primary,#1677ff);background:color-mix(in srgb,var(--yomi-primary,#1677ff) 10%,white);color:var(--yomi-primary,#1677ff)}.product-attribute-options .product-quick-add{display:flex;align-items:center;gap:5px;color:var(--yomi-primary,#1677ff)}.product-quick-add svg{width:14px;height:14px}.product-quick-option{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.product-quick-option[hidden]{display:none}@media(max-width:420px){.product-attribute-row{grid-template-columns:100px minmax(0,1fr)}}
.product-information-section{display:grid;gap:10px;padding-top:8px;border-top:1px solid var(--pc-border)}.product-information-section:first-child{border-top:0}.product-information-section>h3{margin:0 0 2px!important}
.product-right-editor section>label>input,.product-right-editor section>label>textarea,.product-right-editor>label>select,.product-category-picker>button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:right}.product-right-editor section>label>input:focus,.product-right-editor section>label>textarea:focus,.product-right-editor>label>select:focus,.product-category-picker>button:focus{outline:0;box-shadow:0 2px 0 var(--yomi-primary,#1677ff)!important}.product-right-editor input[type=number]::-webkit-inner-spin-button,.product-right-editor input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-right-editor input[type=number]{appearance:textfield;-moz-appearance:textfield}.product-attribute-options{justify-content:flex-end}.product-attribute-options button,.product-quick-option button{border:0}.product-quick-option input{border:0!important;text-align:right}
.product-right-editor .product-name-title{text-align:left!important}
.product-right-editor .product-name-title:focus{outline:0!important;box-shadow:none!important;border:0!important}
.product-right-editor input:focus,.product-right-editor textarea:focus,.product-right-editor select:focus,.product-right-editor button:focus{outline:0!important;box-shadow:none!important}.product-right-editor .product-name-title{color:var(--yomi-form-input-text,#111)!important;font:var(--yomi-form-input-text-weight,500) var(--yomi-form-input-text-size,14px)/normal var(--yomi-form-input-text-font,inherit)!important}
.product-right-editor section>label>input:focus,.product-right-editor section>label>textarea:focus,.product-right-editor>label>select:focus,.product-right-editor .product-category-picker>button:focus,.product-right-editor .product-quick-option input:focus{outline:0!important;box-shadow:none!important;border:0!important}
.product-category-picker{display:flex;justify-content:flex-end}.product-category-picker>button{width:auto!important;max-width:100%;padding-right:0!important;padding-left:10px!important;text-align:right!important}.product-category-picker>[data-category-options]{right:0;left:auto;min-width:max(180px,100%);width:max-content;max-width:320px}.product-category-picker>[data-category-options] button{text-align:right!important}
.product-category-picker>button{padding-right:10px!important}
.product-description-picker{position:relative;min-width:0}.product-description-picker>[data-action=toggle-description-picker]{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--pc-border);border-radius:7px;background:var(--yomi-detail-bg,#fff);color:var(--yomi-form-input-text,#111);text-align:left;cursor:pointer}.product-description-picker>[data-action=toggle-description-picker]>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-description-picker>[data-action=toggle-description-picker]>i{font-style:normal;color:var(--pc-muted)}.product-description-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:30;display:grid;width:min(330px,calc(100vw - 50px));padding:6px;border:1px solid var(--pc-border);border-radius:8px;background:var(--yomi-card-bg,#fff);box-shadow:0 10px 24px rgba(16,24,40,.16)}.product-description-menu[hidden]{display:none}.product-description-menu>[data-action=choose-attribute-option]{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;padding:6px;border:0;border-radius:6px;background:transparent;color:var(--yomi-form-input-text,#111);text-align:left;cursor:pointer}.product-description-menu>[data-action=choose-attribute-option]:hover{background:var(--pc-soft)}.product-description-menu>[data-action=choose-attribute-option]>i{display:block;width:14px;height:14px;border:1px solid var(--pc-border);border-radius:4px}.product-description-menu>[data-action=choose-attribute-option].is-selected>i{border:4px solid var(--yomi-primary,#1677ff);background:var(--yomi-primary,#1677ff)}.product-description-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:5px;padding-top:7px;border-top:1px solid var(--pc-border)}.product-description-add input{height:34px!important;padding:0 9px!important;border:1px solid var(--pc-border)!important;border-radius:6px!important;text-align:left!important}.product-description-add button{padding:0 12px;border:0;border-radius:6px;background:var(--pc-soft);cursor:pointer;font-weight:600}

/* O chon thong tin chi tiet dong bo voi o chon nganh hang. */
.product-description-picker{display:flex;justify-content:flex-end}
.product-description-picker>[data-action=toggle-description-picker]{width:auto;max-width:100%;min-height:38px;justify-content:flex-end;padding:7px 10px;border:0;border-radius:0;background:transparent;text-align:right}
.product-description-picker>[data-action=toggle-description-picker]>i{display:none}
.product-description-menu{width:min(280px,calc(100vw - 50px))}
.product-category-picker>button{min-width:0!important;padding-right:10px!important;padding-left:0!important}
.product-section-heading{position:relative;display:flex;align-items:center;gap:7px}.product-section-heading>h3{margin:0;color:var(--yomi-form-label-text,#777);font-size:13px}.product-section-heading>[data-action=toggle-variant-attribute-picker]{display:grid;width:26px;height:26px;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--yomi-primary,#1677ff);font-size:22px;line-height:1;cursor:pointer}.product-section-heading>[data-action=toggle-variant-attribute-picker]:hover{background:var(--pc-soft)}
.product-variant-attribute-menu{display:grid;gap:3px;width:min(230px,calc(100vw - 50px));padding:6px;border:1px solid var(--pc-border);border-radius:8px;background:var(--yomi-card-bg,#fff);box-shadow:0 8px 20px rgba(16,24,40,.13)}.product-variant-attribute-menu[hidden]{display:none}.product-variant-attribute-menu button{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:34px;padding:6px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.product-variant-attribute-menu button:hover{background:var(--pc-soft)}.product-variant-attribute-menu button i{width:14px;height:14px;border:1px solid var(--pc-border);border-radius:4px}.product-variant-attribute-menu button.is-selected i{border:4px solid var(--yomi-primary,#1677ff);background:var(--yomi-primary,#1677ff)}

/* Cac cum noi dung trong form san pham */
.product-right-editor{gap:16px;margin:-18px;padding-bottom:18px;background:color-mix(in srgb,var(--yomi-page-bg,#eef4f5) 72%,transparent)}
.product-right-editor>.product-editor-sticky-head{position:sticky;top:0;z-index:50;margin:0;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--pc-border) 78%,transparent);background:color-mix(in srgb,var(--yomi-card-bg,#fff) 94%,transparent);box-shadow:0 6px 16px rgba(28,55,66,.09);backdrop-filter:blur(10px)}
.product-right-editor>.product-editor-card{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:16px;border:0;border-radius:12px;background:var(--yomi-card-bg,#fff);box-shadow:0 5px 18px rgba(28,55,66,.10)}
.product-right-editor>.product-editor-card>h3{margin:0 0 4px;color:var(--yomi-panel-title-text,#111);font-size:15px;font-weight:750}
.product-right-editor>.product-editor-sales{background:color-mix(in srgb,var(--yomi-card-bg,#fff) 96%,#eef7ff)}
.product-right-editor>.product-editor-description{background:color-mix(in srgb,var(--yomi-card-bg,#fff) 96%,#f7f3ff)}
.product-editor-variants{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--pc-border)}
.product-editor-variants>h4{margin:0;color:var(--yomi-form-label-text,#777);font-size:13px}
.product-editor-card .product-attribute-fields{padding-top:4px}
.product-editor-card .product-information-section{padding-top:12px}
.product-editor-card .product-information-section:first-child{padding-top:4px}
@media(max-width:420px){.product-right-editor>.product-editor-sticky-head{padding:12px}.product-right-editor>.product-editor-card{margin:0;padding:14px 12px}}

/* Tieu de la mot hang co dinh; chi phan noi dung ben duoi duoc cuon. */
.product-catalog-detail:has(>.product-right-editor){padding:0;overflow:hidden}
.product-right-editor{grid-template-rows:auto minmax(0,1fr);gap:0;height:100%;margin:0;padding:0;overflow:hidden}
.product-right-editor>.product-editor-sticky-head{position:relative;top:auto;z-index:50;flex:none;width:100%;margin:0;padding:14px 16px}
.product-editor-scroll{display:grid;align-content:start;gap:16px;min-height:0;padding:16px 0 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.product-editor-scroll>.product-editor-card{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:0;padding:16px;border:0;border-radius:12px;background:var(--yomi-card-bg,#fff);box-shadow:0 5px 18px rgba(28,55,66,.10)}
.product-editor-scroll>.product-editor-card>h3{margin:0 0 4px;color:var(--yomi-panel-title-text,#111);font-size:15px;font-weight:750}
.product-editor-scroll>.product-editor-sales{background:color-mix(in srgb,var(--yomi-card-bg,#fff) 96%,#eef7ff)}
.product-editor-scroll>.product-editor-details{background:color-mix(in srgb,var(--yomi-card-bg,#fff) 96%,#f7f3ff)}
@media(max-width:420px){.product-right-editor>.product-editor-sticky-head{padding:12px}.product-editor-scroll>.product-editor-card{padding:14px 12px}}
.product-variant-image-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:2px}.product-variant-image-frame{position:relative;display:grid;aspect-ratio:1/1;place-items:center;align-content:center;gap:5px;min-width:0;padding:6px;overflow:hidden;border:1px dashed var(--pc-border)!important;border-radius:8px!important;background:var(--yomi-detail-bg,#fff)!important;color:var(--yomi-primary,#1677ff);cursor:pointer}.product-variant-image-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-variant-image-frame svg{width:22px;height:22px}.product-variant-image-frame span{position:absolute;right:4px;bottom:4px;left:4px;z-index:1;overflow:hidden;padding:3px 5px;border-radius:5px;background:rgba(17,24,39,.68);color:#fff;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.product-variant-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.product-variant-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;padding:9px 0;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}.product-variant-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) 80px 30px;align-items:center;gap:8px}.product-variant-main input{min-width:0;height:34px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.product-variant-main [name=variantPrice],.product-variant-main [name=variantStock]{text-align:right}.product-variant-main button{border:0!important;background:transparent!important}.product-variant-classification{display:flex;flex-wrap:wrap;gap:8px 16px;min-height:30px}.product-variant-choice{position:relative;display:flex;align-items:center;gap:6px}.product-variant-choice>span{color:var(--yomi-form-label-text,#777);font-size:12px}.product-variant-choice>[data-action=toggle-variant-choice]{padding:4px 0;border:0!important;border-radius:0!important;background:transparent!important;color:var(--yomi-form-input-text,#111);cursor:pointer}.product-variant-choice>div{position:absolute;top:100%;left:0;z-index:35;display:grid;min-width:140px;padding:5px;border:0;border-radius:8px;background:var(--yomi-card-bg,#fff);box-shadow:0 8px 20px rgba(16,24,40,.16)}.product-variant-choice>div[hidden]{display:none}.product-variant-choice>div button{min-height:32px;padding:5px 8px;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer}.product-variant-choice>div button:hover,.product-variant-choice>div button.is-selected{background:var(--pc-soft)}.product-editor-variants,.product-editor-variants [data-editor-variants]{border:0!important}.product-editor-variants{padding-top:8px!important}@media(max-width:420px){.product-variant-main{grid-template-columns:minmax(0,1fr) 74px 60px 28px;gap:5px}}
.product-editor-variants{border-top:1px solid var(--pc-border)!important}
.product-editor-seo{background:color-mix(in srgb,var(--yomi-card-bg,#fff) 96%,#fff8ed)!important}.product-rich-toolbar{display:flex;flex-wrap:wrap;gap:5px}.product-rich-toolbar button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:var(--pc-soft);color:var(--yomi-secondary-button-text,#111);font:var(--yomi-secondary-button-text-weight,700) 12px/1 var(--yomi-secondary-button-text-font,inherit);cursor:pointer}.product-rich-toolbar button:hover,.product-rich-toolbar button:focus-visible{color:var(--yomi-primary,#1677ff);background:color-mix(in srgb,var(--yomi-primary,#1677ff) 10%,transparent)}.product-rich-toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-rich-editor{min-height:220px;padding:12px 0;border:0;outline:0;background:transparent;color:var(--yomi-form-input-text,#111);font:var(--yomi-form-input-text-weight,500) var(--yomi-form-input-text-size,16px)/1.65 var(--yomi-form-input-text-font,inherit)}.product-rich-editor:empty:before{color:var(--yomi-form-placeholder-text,#9ca3af);content:attr(data-placeholder)}.product-rich-editor h2{margin:20px 0 8px;color:var(--yomi-panel-title-text,#111);font:var(--yomi-panel-title-text-weight,800) 22px/1.35 var(--yomi-panel-title-text-font,inherit)}.product-rich-editor h3{margin:16px 0 7px;color:var(--yomi-panel-title-text,#111);font:var(--yomi-panel-title-text-weight,750) 20px/1.4 var(--yomi-panel-title-text-font,inherit)}.product-rich-editor p{margin:0 0 10px}.product-rich-editor ul,.product-rich-editor ol{margin:8px 0;padding-left:22px}.product-rich-editor a{color:var(--yomi-primary,#1677ff)}.product-rich-editor blockquote{margin:12px 0;padding:8px 12px;border-left:3px solid var(--yomi-primary,#1677ff);background:var(--pc-soft);color:var(--yomi-muted,#667085)}.product-rich-image{margin:14px 0}.product-rich-image img{display:block;max-width:100%;height:auto;border-radius:8px}.product-rich-image figcaption{margin-top:6px;color:var(--yomi-muted,#667085);font-size:14px;text-align:center}
.product-rich-editor{font:400 16px/1.7 var(--yomi-form-input-text-font,inherit)}.product-rich-editor h2{font:700 22px/1.35 var(--yomi-panel-title-text-font,inherit)}.product-rich-editor h3{font:700 20px/1.4 var(--yomi-panel-title-text-font,inherit)}.product-rich-editor ul,.product-rich-editor ol,.product-rich-editor li{font-size:16px;line-height:1.7}.product-editor-seo>label{grid-template-columns:140px minmax(0,1fr)!important}.product-editor-seo>label>input,.product-editor-seo>label>textarea{border:0!important;background:transparent!important;box-shadow:none!important;text-align:right}.product-editor-seo>.product-seo-description{align-items:start}.product-editor-seo>.product-seo-description>span{padding-top:9px}.product-editor-seo>.product-seo-description textarea{min-height:68px;padding:8px 0!important;line-height:1.5;resize:vertical}
.product-right-editor .product-rich-editor h2{font:700 22px/1.35 var(--yomi-panel-title-text-font,inherit)}.product-right-editor .product-rich-editor h3{font:700 20px/1.4 var(--yomi-panel-title-text-font,inherit)}