/* Mikahouse product UI — bám chuẩn Lovable */
.mkh-public-main>.mkh-page{
  width:100%;
  max-width:1152px;
  margin-inline:auto;
  padding:40px 16px 56px;
}
.mkh-product-filter-form{margin:0}
.mkh-filter-horizontal{margin-top:32px;border-bottom:1px solid var(--mkh-border);padding:16px 0}
.mkh-filter-horizontal-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
.mkh-filter-group{position:relative;min-width:0}
.mkh-filter-group>summary{
  display:flex;height:32px;align-items:center;gap:7px;border:1px solid var(--mkh-border);border-radius:6px;
  background:var(--mkh-bg);padding:0 10px;cursor:pointer;list-style:none;font-size:12px;color:var(--mkh-fg);
  box-shadow:0 1px 2px rgba(37,34,31,.03)
}
.mkh-filter-group>summary::-webkit-details-marker{display:none}
.mkh-filter-group>summary b{
  display:grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:var(--mkh-fg);color:#fff;
  padding-inline:5px;font-size:10px;font-weight:600
}
.mkh-filter-group>summary svg{width:15px;height:15px;margin-left:2px;transition:transform .18s ease}
.mkh-filter-group>summary:hover{border-color:var(--mkh-accent);background:var(--mkh-accent);color:#fff}
.mkh-filter-group[open]>summary{border-color:var(--mkh-accent);background:var(--mkh-accent);color:#fff}
.mkh-filter-group>summary:hover b,.mkh-filter-group[open]>summary b{background:rgba(255,255,255,.22);color:#fff}
.mkh-filter-group[open]>summary svg{transform:rotate(180deg)}
.mkh-filter-options{
  position:absolute;z-index:50;top:calc(100% + 6px);left:0;min-width:224px;max-width:320px;max-height:288px;overflow:auto;
  border:1px solid var(--mkh-border);border-radius:6px;background:#fff;padding:6px;
  box-shadow:0 10px 24px rgba(37,34,31,.10)
}
.mkh-filter-option-search-wrap{position:sticky;top:-6px;z-index:1;background:#fff;padding:6px 4px 8px}
.mkh-filter-option-search{
  width:100%;height:32px;border:1px solid var(--mkh-border);border-radius:4px;background:var(--mkh-bg);
  padding:0 9px;color:var(--mkh-fg);font-size:12px;outline:none
}
.mkh-filter-option-search:focus{border-color:var(--mkh-accent);box-shadow:0 0 0 2px rgba(181,110,67,.10)}
.mkh-filter-options label{
  display:flex;align-items:flex-start;gap:8px;padding:7px 8px 7px calc(8px + (var(--depth,0) * 14px));
  cursor:pointer;border-radius:4px;font-size:12px;line-height:1.35
}
.mkh-filter-options label:hover,.mkh-filter-options label:has(input:checked){background:var(--mkh-accent);color:#fff}
.mkh-filter-options input[type=checkbox],.mkh-filter-options input[type=radio]{
  position:absolute;width:1px;height:1px;opacity:0;pointer-events:none
}
.mkh-filter-price{
  min-width:236px;border:1px solid var(--mkh-border);border-radius:6px;background:var(--mkh-bg);
  padding:7px 10px
}
.mkh-filter-group-label{margin-bottom:5px;color:var(--mkh-muted);font-size:11px}
.mkh-price-inputs{display:flex;gap:8px}
.mkh-price-inputs label{display:flex;align-items:center;gap:5px;color:var(--mkh-muted);font-size:11px}
.mkh-price-inputs input{width:76px;height:26px;border:1px solid var(--mkh-border);border-radius:4px;background:#fff;padding:3px 6px;font-size:11px}
.mkh-inline-search,.mkh-sidebar-search{position:relative}
.mkh-inline-search{width:208px;margin-left:auto}
.mkh-inline-search svg,.mkh-sidebar-search svg{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--mkh-muted);pointer-events:none
}
.mkh-inline-search input,.mkh-sidebar-search input{
  width:100%;height:32px;border:1px solid var(--mkh-border);border-radius:6px;background:var(--mkh-bg);
  padding:0 10px 0 32px;font-size:12px;color:var(--mkh-fg);outline:none
}
.mkh-inline-search input:focus,.mkh-sidebar-search input:focus{border-color:var(--mkh-accent)}
.mkh-filter-apply{display:none}
.mkh-filter-clear{
  display:inline-flex;height:32px;align-items:center;padding:0 4px;color:var(--mkh-muted);font-size:12px;
  text-decoration:underline;text-underline-offset:3px
}

/* Toolbar đúng tỷ lệ Lovable */
.mkh-product-layout{margin-top:32px}
.mkh-list-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid var(--mkh-border);padding-bottom:16px
}
.mkh-list-toolbar p{margin:0;color:var(--mkh-muted);font-size:12px}
.mkh-list-toolbar strong{color:inherit;font-weight:400}
.mkh-toolbar-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
.mkh-toolbar-controls label{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;white-space:nowrap;color:var(--mkh-muted);font-size:12px}
.mkh-toolbar-controls select{
  height:32px;border:1px solid var(--mkh-border);border-radius:0;background:var(--mkh-bg);
  padding:0 8px;color:var(--mkh-fg);font-size:12px
}

/* Card sản phẩm 1:1 Lovable */
.mkh-product-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;
  list-style:none;margin:32px 0 0;padding:0
}
.mkh-product-grid>li{min-width:0}
.mkh-product-card{
  display:block;overflow:hidden;border-radius:2px;background:var(--mkh-bg);color:inherit;text-decoration:none;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.10),0 2px 4px -2px rgba(0,0,0,.10);
  transition:box-shadow .30s ease
}
.mkh-product-card:hover{
  box-shadow:0 10px 15px -3px rgba(0,0,0,.10),0 4px 6px -4px rgba(0,0,0,.10)
}
.mkh-product-card-media{aspect-ratio:1/1;overflow:hidden;background:var(--mkh-secondary)}
.mkh-product-card-media img{
  display:block;width:100%;height:100%;object-fit:cover;transition:transform .50s ease
}
.mkh-product-card:hover .mkh-product-card-media img{transform:scale(1.03)}
.mkh-product-card-empty{
  display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--mkh-muted);font-size:12px
}
.mkh-product-card-body{
  display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 0 0
}
.mkh-product-card-copy{min-width:0;flex:1}
.mkh-product-card-title{
  margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a47a60;font-size:12px;font-weight:500;line-height:1.35
}
.mkh-product-card-specs{
  margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mkh-muted);font-size:10px;line-height:1.45
}
.mkh-product-card-price{flex:none;text-align:right}
.mkh-product-card-price p{margin:0;white-space:nowrap;color:#a47a60;font-size:12px;font-weight:500;line-height:1.35}
.mkh-product-card-price del{display:block;margin:0;color:var(--mkh-muted);font-size:10px;font-weight:400;line-height:1.35}

.mkh-product-empty{margin:0;padding:64px 16px;text-align:center;color:var(--mkh-muted);font-size:14px;line-height:1.7}
.mkh-pagination{margin-top:48px}
.mkh-pagination .page-numbers{display:flex;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.mkh-pagination a,.mkh-pagination span{
  display:grid;min-width:36px;height:36px;place-items:center;border:1px solid var(--mkh-border);
  background:var(--mkh-bg);color:var(--mkh-fg);text-decoration:none;font-size:12px
}
.mkh-pagination .current{border-color:var(--mkh-fg);background:var(--mkh-fg);color:#fff}
.mkh-pagination a:hover{border-color:var(--mkh-fg)}

/* Sidebar filter */
.mkh-product-layout.is-sidebar{display:flex;gap:40px;margin-top:40px}
.mkh-filter-sidebar{width:240px;flex:none;align-self:flex-start}
.mkh-sidebar-search{display:block;margin-bottom:16px}
.mkh-sidebar-filter-stack{display:grid;gap:20px}
.mkh-filter-sidebar .mkh-filter-group{width:100%}
.mkh-filter-sidebar .mkh-filter-group>summary{width:100%;height:36px}
.mkh-filter-sidebar .mkh-filter-options{position:static;min-width:0;max-width:none;max-height:260px;margin-top:0;border-top:0;border-radius:0 0 6px 6px;box-shadow:none}
.mkh-filter-sidebar .mkh-filter-price{width:100%;min-width:0}
.mkh-filter-sidebar .mkh-price-inputs{display:grid;grid-template-columns:1fr 1fr}
.mkh-filter-sidebar .mkh-price-inputs label{display:block}
.mkh-filter-sidebar .mkh-price-inputs label span{display:block;margin-bottom:4px}
.mkh-filter-sidebar .mkh-price-inputs input{width:100%}
.mkh-sidebar-filter-actions{display:flex;align-items:center;gap:12px;margin-top:16px}

.screen-reader-text{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}

@media(min-width:768px){
  .mkh-public-main>.mkh-page{padding:56px 24px}
}
@media(max-width:1023px){
  .mkh-filter-horizontal-row{flex-wrap:wrap}
  .mkh-product-layout.is-sidebar{display:block;margin-top:32px}
  .mkh-filter-sidebar{width:auto;margin-bottom:24px}
  .mkh-filter-horizontal-row{align-items:stretch}
  .mkh-inline-search{order:-1;width:100%;margin-left:0}
  .mkh-filter-group{min-width:calc(33.333% - 8px)}
  .mkh-filter-options{min-width:100%}
  .mkh-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .mkh-filter-horizontal{margin-top:24px;padding-top:12px}
  .mkh-filter-group{min-width:calc(50% - 4px)}
  .mkh-filter-price{min-width:100%}
  .mkh-list-toolbar{align-items:flex-start}
  .mkh-toolbar-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mkh-toolbar-controls label{display:grid;gap:4px}
  .mkh-toolbar-controls select{width:100%}
  .mkh-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
}