:root{--pc-border:color-mix(in srgb,var(--yomi-border,#d9dee7) 88%,transparent);--pc-text:var(--yomi-table-body-text,#182230);--pc-muted:var(--yomi-table-sub-text,#667085);--pc-soft:var(--yomi-hover-bg,#f3f6fb)}.product-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:14px;height:100%;min-height:0}.product-catalog-list,.product-catalog-detail{min-height:0;border:1px solid var(--pc-border);border-radius:8px;background:var(--yomi-card-bg,#fff)}.product-catalog-list{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;padding:14px}.product-catalog-toolbar{display:flex;align-items:center;gap:8px}.product-catalog-toolbar input{width:310px;height:38px;padding:0 12px;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-catalog-toolbar input::placeholder,.product-form-grid input::placeholder,.product-form-grid textarea::placeholder{color:var(--yomi-form-placeholder-text,#9ca3af);font:var(--yomi-form-placeholder-text-weight,400) var(--yomi-form-placeholder-text-size,14px)/normal var(--yomi-form-placeholder-text-font,inherit)}.product-catalog-mode{display:flex;gap:3px;padding:3px;border-radius:7px;background:var(--pc-soft)}.product-catalog-mode button,.product-catalog-filters select,.product-page-size>button,.product-page-size>span button{font:var(--yomi-secondary-button-text-weight,600) var(--yomi-secondary-button-text-size,14px)/normal var(--yomi-secondary-button-text-font,inherit)}.product-catalog-mode button{height:30px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--yomi-secondary-button-text,#111);cursor:pointer}.product-catalog-mode button.is-active{background:var(--yomi-card-bg,#fff);box-shadow:0 1px 3px rgba(16,24,40,.13)}.product-catalog-icon{display:grid!important;width:38px!important;height:38px!important;place-items:center;padding:0!important;border:1px solid var(--pc-border)!important;border-radius:7px!important;background:var(--yomi-detail-bg,#fff)!important;color:var(--pc-text);cursor:pointer}.product-catalog-icon:hover{background:var(--pc-soft)!important}.product-catalog-icon svg{width:18px;height:18px}.product-catalog-filters{display:flex;gap:8px;padding:10px 0}.product-catalog-filters select,.product-status-field select{height:32px;padding:0 9px;border:1px solid var(--pc-border);border-radius:6px;background:var(--yomi-detail-bg,#fff);color:var(--yomi-form-input-text,#111)}.product-catalog-head,.product-catalog-row{display:grid;grid-template-columns:1.3fr .8fr 130px 120px;gap:12px;align-items:center}.product-catalog-head{height:38px;padding:0 10px;border-bottom:1px solid var(--pc-border);color:var(--yomi-table-head-text,#777);font:var(--yomi-table-head-text-weight,800) var(--yomi-table-head-text-size,13px)/normal var(--yomi-table-head-text-font,inherit)}.product-catalog-rows{min-height:0;overflow:auto}.product-catalog-row{width:100%;min-height:64px;padding:8px 10px;border:0;border-bottom:1px solid var(--pc-border);background:transparent;color:var(--yomi-table-body-text,#111);font:var(--yomi-table-body-text-weight,500) var(--yomi-table-body-text-size,14px)/normal var(--yomi-table-body-text-font,inherit);text-align:left;cursor:pointer}.product-catalog-row:hover,.product-catalog-row.is-selected{background:var(--pc-soft)}.product-catalog-row b,.product-catalog-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-catalog-row small{margin-top:3px;color:var(--yomi-table-sub-text,#777);font:var(--yomi-table-sub-text-weight,400) var(--yomi-table-sub-text-size,13px)/normal var(--yomi-table-sub-text-font,inherit)}.product-name-cell{display:grid;grid-template-columns:38px 1fr;column-gap:9px;align-items:center}.product-name-cell img,.product-name-cell i{grid-row:1/3;width:38px;height:38px;border-radius:6px;background:#eef2f6;object-fit:cover}.product-status{justify-self:start;padding:5px 8px;border-radius:5px;color:var(--yomi-badge-text,#111);font:var(--yomi-badge-text-weight,700) var(--yomi-badge-text-size,12px)/normal var(--yomi-badge-text-font,inherit)}.product-status.active{background:#e7f8ef;color:#027a48}.product-status.draft{background:#fff7d6;color:#ad6800}.product-status.inactive{background:#f1f3f5;color:#667085}.stock-good{color:#027a48;font-weight:600}.stock-low{color:#b54708;font-weight:600}.stock-empty{color:#b42318;font-weight:600}.product-catalog-empty{margin:16px 10px;color:var(--yomi-panel-note-text,#777);font:var(--yomi-panel-note-text-weight,400) var(--yomi-panel-note-text-size,14px)/normal var(--yomi-panel-note-text-font,inherit)}.product-catalog-pagination{padding-top:10px}.product-page-size{position:relative}.product-page-size>button{height:32px;padding:0 9px;border:1px solid var(--pc-border);border-radius:6px;background:var(--yomi-card-bg,#fff);color:var(--yomi-secondary-button-text,#111);cursor:pointer}.product-page-size>span{position:absolute;right:0;bottom:38px;z-index:5;display:grid;min-width:112px;padding:4px;border:1px solid var(--pc-border);border-radius:7px;background:var(--yomi-card-bg,#fff);box-shadow:0 8px 18px rgba(16,24,40,.12)}.product-page-size>span[hidden]{display:none}.product-page-size>span button{height:30px;border:0;border-radius:5px;background:transparent;color:var(--yomi-secondary-button-text,#111);text-align:left;cursor:pointer}.product-page-size>span button:hover,.product-page-size>span button.is-selected{background:var(--pc-soft)}.product-catalog-detail{align-self:stretch;padding:18px;overflow:auto}.product-detail-empty{display:grid;min-height:220px;place-content:center;gap:8px;text-align:center;color:var(--yomi-panel-note-text,#777);font:var(--yomi-panel-note-text-weight,400) var(--yomi-panel-note-text-size,14px)/normal var(--yomi-panel-note-text-font,inherit)}.product-detail-empty strong,.product-detail-head h2,.product-catalog-dialog h2{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-detail-empty button{justify-self:center;display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;border-radius:6px;background:var(--yomi-primary,#1677ff);color:var(--yomi-primary-text,#fff);font:var(--yomi-primary-text-weight,700) var(--yomi-primary-text-size,14px)/normal var(--yomi-primary-text-font,inherit)}.product-detail-empty svg{width:16px;height:16px}.product-detail-head{display:flex;justify-content:space-between;gap:12px}.product-detail-head p,.product-detail-head h2,.product-detail-head small{margin:0}.product-detail-head p,.product-detail-head small{color:var(--yomi-table-sub-text,#777);font:var(--yomi-table-sub-text-weight,400) var(--yomi-table-sub-text-size,13px)/normal var(--yomi-table-sub-text-font,inherit)}.product-detail-head h2{margin:4px 0}.product-detail-head>span{display:flex;gap:8px}.product-detail-tabs{display:flex;gap:14px;margin-top:18px;border-bottom:1px solid var(--pc-border)}.product-detail-tabs button{height:34px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--yomi-secondary-button-text,#111);font:var(--yomi-secondary-button-text-weight,600) var(--yomi-secondary-button-text-size,14px)/normal var(--yomi-secondary-button-text-font,inherit);cursor:pointer}.product-detail-tabs button.is-active{border-color:var(--yomi-primary,#1677ff);color:var(--yomi-table-body-text,#111)}.product-detail-body{padding-top:16px}.product-detail-image{width:100%;height:180px;object-fit:cover;border-radius:7px}.product-detail-grid,.stock-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-detail-grid div,.stock-summary div{display:grid;gap:4px;padding:10px;border-radius:6px;background:var(--pc-soft)}.product-detail-grid span,.stock-summary span{color:var(--yomi-table-sub-text,#777);font:var(--yomi-table-sub-text-weight,400) var(--yomi-table-sub-text-size,13px)/normal var(--yomi-table-sub-text-font,inherit)}.product-detail-grid strong,.stock-summary strong{color:var(--yomi-table-body-text,#111);font:var(--yomi-table-body-text-weight,500) var(--yomi-table-body-text-size,14px)/normal var(--yomi-table-body-text-font,inherit)}.product-description,.product-detail-note{margin:16px 0;color:var(--yomi-panel-note-text,#777);font:var(--yomi-panel-note-text-weight,400) var(--yomi-panel-note-text-size,14px)/1.55 var(--yomi-panel-note-text-font,inherit)}.product-description{max-height:min(480px,52vh);padding-right:8px}.product-description img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.stock-summary{grid-template-columns:repeat(3,1fr)}.variant-detail{display:grid;margin-top:14px;border-top:1px solid var(--pc-border)}.variant-detail div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--pc-border);color:var(--yomi-table-body-text,#111);font:var(--yomi-table-body-text-weight,500) var(--yomi-table-body-text-size,14px)/normal var(--yomi-table-body-text-font,inherit)}.variant-detail small{display:block;margin-top:3px;color:var(--yomi-table-sub-text,#777);font:var(--yomi-table-sub-text-weight,400) var(--yomi-table-sub-text-size,13px)/normal var(--yomi-table-sub-text-font,inherit)}.product-catalog-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--pc-border);border-radius:8px;background:var(--yomi-card-bg,#fff);color:var(--pc-text);box-shadow:0 20px 52px rgba(16,24,40,.22)}.product-catalog-dialog::backdrop{background:rgba(16,24,40,.28)}.product-catalog-dialog form{padding:18px}.product-catalog-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.product-catalog-dialog h2{margin:0}.product-catalog-dialog header span{display:flex;gap:8px}.product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-form-grid 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-form-grid input,.product-form-grid textarea{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-form-grid textarea{height:78px;padding:9px 10px;resize:vertical}.product-form-wide{grid-column:1/-1}.product-form-grid fieldset{margin:0;padding:12px;border:1px solid var(--pc-border);border-radius:7px}.product-form-grid legend{padding:0 4px;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-variant-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 90px 32px;gap:7px;margin-bottom:7px}.product-variant-row input{min-width:0}.product-variant-row button,.product-add-variant{display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--yomi-secondary-button-text,#111);cursor:pointer}.product-add-variant{display:flex;align-items:center;gap:5px;height:30px;padding:0 4px;color:var(--yomi-primary,#1677ff);font:var(--yomi-secondary-button-text-weight,600) var(--yomi-secondary-button-text-size,14px)/normal var(--yomi-secondary-button-text-font,inherit)}.product-add-variant svg{width:15px;height:15px}@media(max-width:1100px){.product-catalog-layout{grid-template-columns:1fr}.product-catalog-detail{min-height:360px}}@media(max-width:720px){.product-catalog-toolbar{flex-wrap:wrap}.product-catalog-toolbar input{width:100%}.product-catalog-mode{width:calc(100% - 92px)}.product-catalog-mode button{flex:1;font-size:12px}.product-catalog-head,.product-catalog-row{min-width:620px}.product-catalog-rows{overflow:auto}.product-form-grid{grid-template-columns:1fr}.product-form-wide{grid-column:auto}.product-variant-row{grid-template-columns:1fr 1fr}.product-variant-row button{height:38px}.stock-summary{grid-template-columns:1fr}}

/* Mobile sales presentation for product view. */
.product-store-view{display:grid;gap:0;color:var(--pc-text)}
.product-store-view .product-detail-head{position:sticky;top:-18px;z-index:12;align-items:flex-start;margin:-18px -18px 0;padding:16px 18px 12px;background:color-mix(in srgb,var(--yomi-card-bg,#fff) 94%,transparent);backdrop-filter:blur(10px)}
.product-store-view .product-detail-head h1{max-width:360px;margin:0 0 5px;color:var(--yomi-panel-title-text,#111);font:800 22px/1.25 var(--yomi-panel-title-text-font,inherit)}
.product-store-gallery{display:grid;gap:8px;margin:0 -2px}.product-store-gallery>.product-detail-image{width:100%;height:auto;aspect-ratio:1/1;border-radius:14px;background:#f7f7f5;object-fit:contain}.product-store-gallery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.product-store-gallery>div img{width:100%;aspect-ratio:1/1;border-radius:8px;background:#f7f7f5;object-fit:cover}.product-store-image-empty{display:grid;aspect-ratio:1/1;place-items:center;border-radius:14px;background:var(--pc-soft);color:var(--pc-muted)}
.product-store-buy{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px;padding:16px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--yomi-primary,#1677ff) 10%,#fff),#fff);box-shadow:0 8px 24px rgba(16,24,40,.08)}.product-store-buy>div{display:grid;gap:4px}.product-store-buy span{color:var(--pc-muted);font-size:13px}.product-store-buy strong{font-size:24px;line-height:1.1;color:var(--yomi-primary,#1677ff)}.product-store-buy p{margin:0;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.product-store-buy .is-available{background:#e7f8ef;color:#027a48}.product-store-buy .is-empty{background:#feeceb;color:#b42318}
.product-store-options,.product-store-section{margin-top:18px}.product-store-options h2,.product-store-section>h2{margin:0 0 10px;color:var(--yomi-panel-title-text,#111);font:750 17px/1.35 var(--yomi-panel-title-text-font,inherit)}.product-store-options>div{display:flex;flex-wrap:wrap;gap:8px}.product-store-options span{padding:8px 12px;border:1px solid var(--pc-border);border-radius:9px;background:#fff;color:var(--pc-text);font-size:14px}.product-store-section{padding:15px;border-radius:14px;background:var(--pc-soft)}.product-store-spec{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--pc-border) 75%,transparent)}.product-store-spec:last-child{border-bottom:0}.product-store-spec span{color:var(--pc-muted);font-size:13px}.product-store-spec strong{text-align:right;font-size:14px;font-weight:600}.product-store-policy{background:color-mix(in srgb,#e7f8ef 62%,var(--yomi-card-bg,#fff))}.product-store-description{padding:0;background:transparent}.product-store-description .product-description{margin:0;max-height:min(520px,58vh);font-size:16px;line-height:1.7;color:var(--pc-text)}.product-store-description .product-description h2{font-size:22px}.product-store-description .product-description h3{font-size:20px}
@media(max-width:720px){.product-catalog-detail{padding:16px}.product-store-view .product-detail-head{top:-16px;margin:-16px -16px 0;padding:14px 16px 11px}.product-store-view .product-detail-head h1{font-size:20px}.product-detail-tabs{position:sticky;top:62px;z-index:11;margin:0 -16px;padding:7px 16px 0;background:var(--yomi-card-bg,#fff)}.product-store-buy{padding:14px}.product-store-buy strong{font-size:22px}.product-store-spec{grid-template-columns:120px minmax(0,1fr)}}