/* MUNA shop + article product sections — scoped styles (loaded only where needed) */
.shopwrap{padding:2.2rem 0 3rem}
.shopwrap h1{margin:.4rem 0 .5rem}
.shopsub{max-width:640px;color:#6b5a52}
.shop-tools{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1.4rem 0 1rem}
.shop-tools input[type="search"]{flex:1;min-width:220px;font:inherit;padding:.65rem 1rem;border-radius:999px;border:2px solid #33302b;background:#fff}
.countrybox{display:flex;gap:.5rem;align-items:center;font-weight:700;font-size:.9rem}
.countrybox .brandbtn{width:100%}
.fchips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .8rem}
.fchip,.bchip{font:inherit;font-weight:700;font-size:.88rem;padding:.42rem .95rem;border-radius:999px;border:2px solid #33302b;background:#fff;cursor:pointer}
.fchip.on{background:#c98ba6;color:#fff}
.bchip{font-size:.8rem;padding:.3rem .75rem;border-width:1.5px}
.bchip.on{background:#33302b;color:#fff}
.branddrop{display:flex}
.brandbtn{font:inherit;font-weight:800;padding:.62rem 1.1rem;border-radius:999px;border:2px solid #33302b;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;min-height:47px}
.brandbtn .chev{width:10px;height:6px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a05a76' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.brandlist[hidden]{display:none}
.brandlist{flex:1 1 100%;background:#fff;border:1.5px solid #e7d8d1;border-radius:20px;box-shadow:0 14px 34px rgba(51,48,43,.13);padding:.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}
.bitem{font:inherit;font-weight:700;font-size:.88rem;text-align:start;padding:.55rem .75rem;border-radius:12px;border:1.5px solid #eee0da;background:#fff;cursor:pointer}
.bitem .cnt{color:#a08b7d;font-size:.75rem;font-weight:700}
.bitem.on{background:#fdf0f4;border-color:#33302b}
.bwrap{margin:.2rem 0 1.2rem}
.blabel{display:block;font-weight:700;font-size:.85rem;color:#8a7364;margin-bottom:.45rem}
.bchips{display:flex;flex-wrap:wrap;gap:.4rem}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.shop-grid.small{grid-template-columns:repeat(auto-fit,minmax(210px,280px));justify-content:center;max-width:900px;margin:0 auto}
.pcard{background:#fff;border:2px solid #33302b;border-radius:20px;box-shadow:4px 4px 0 #33302b;padding:.8rem;display:flex;flex-direction:column;gap:.45rem}
.pcard .tilelink{display:block}
.pcard .tile{aspect-ratio:1/1;border-radius:13px;background:#fce4ec;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pcard .tile img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .tile span{font-family:Thmanyah,serif;font-size:2.6rem;color:#c98ba6}
.pcard .brand{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#a05a76;text-transform:uppercase}
.pcard .pname{font-size:1rem;line-height:1.5;margin:0}
.pcard .ptag{align-self:flex-start;font-size:.72rem;font-weight:700;background:#fdf0f4;border:1.5px solid #33302b;padding:.12rem .6rem;border-radius:999px}
.pcard .avail{font-size:.76rem;color:#8a7364}
.pcard .buybtn{margin-top:auto;text-align:center;text-decoration:none;font-weight:800;color:#fff;background:#e58bb1;border:2px solid #33302b;border-radius:999px;padding:.55rem .8rem;box-shadow:3px 3px 0 #33302b}
.pcard .buybtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #33302b}
.disc{margin-top:1.6rem;font-size:.82rem;color:#8a7364;max-width:720px}
.noresults{text-align:center;font-weight:700;color:#8a7364;padding:1.4rem 0}
.article-products{padding:2rem 0 2.6rem;background:#fdf6f3}
@media(max-width:900px){.shop-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){
  .shop-tools{gap:.55rem}
  .shop-tools input[type="search"]{flex:1 1 100%}
  .shop-tools .countrybox{flex:1 1 42%;min-width:0}
  .shop-tools .countrybox>span{white-space:nowrap}
  .shop-tools .countrybox .branddrop{flex:1;min-width:0}
  .shop-tools>.branddrop{flex:1 1 42%;min-width:0}
  .shop-tools>.branddrop .brandbtn{flex:1}
  .brandlist{grid-template-columns:1fr 1fr}
  .fchips{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;overflow:visible;padding-bottom:0}
  .fchip{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.82rem;padding:.42rem .3rem;line-height:1.35}
  .shop-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}
  .shop-grid.small{grid-template-columns:repeat(auto-fit,minmax(170px,300px))}
  .pcard{padding:.55rem;gap:.3rem;border-radius:16px;box-shadow:3px 3px 0 #33302b}
  .pcard .tile{aspect-ratio:4/3;border-radius:10px}
  .pcard .tile span{font-size:2rem}
  .pcard .brand{font-size:.7rem}
  .pcard .pname{font-size:.88rem;line-height:1.45}
  .pcard .ptag{font-size:.68rem;padding:.05rem .5rem}
  .pcard .avail{font-size:.7rem}
  .pcard .buybtn{padding:.45rem .6rem;font-size:.9rem;box-shadow:2px 2px 0 #33302b}
}
