.shop-supabase-page{background:#f8f7f3;color:#1e2823}.shop-page-heading{padding:30px 0 24px;background:linear-gradient(145deg,#0b382a,#15513e);color:#fff}.shop-page-heading h1{margin:0;color:#fff;font-size:clamp(2rem,8vw,3.7rem)}.shop-page-heading>div>p:last-child{margin-top:9px;color:rgba(255,255,255,.76);font-size:.92rem}.shop-catalogue-section{padding:18px 0 58px}.shop-mobile-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.shop-search-box{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dfe5e1;border-radius:13px;background:#fff}.shop-search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit}.shop-filter-toggle{min-height:46px;padding:0 15px;border:1px solid #0f4634;border-radius:13px;background:#fff;color:#0f4634;font-weight:800}.shop-filter-panel{display:none;grid-template-columns:1fr;gap:10px;margin-top:10px;padding:14px;border:1px solid #e1e6e3;border-radius:16px;background:#fff}.shop-filter-panel.open{display:grid}.shop-filter-panel label{display:grid;gap:6px}.shop-filter-panel label>span{font-size:.72rem;font-weight:800;color:#66736c}.shop-filter-panel select{min-height:44px;width:100%;padding:0 11px;border:1px solid #dfe5e1;border-radius:11px;background:#fff;font:inherit}.shop-result-meta{display:flex;justify-content:space-between;gap:12px;margin:15px 2px;color:#6d7872;font-size:.72rem}.shop-status{min-height:45vh;display:grid;place-content:center;justify-items:center;gap:11px;color:#66736c}.shop-status[hidden]{display:none}.shop-spinner{width:34px;height:34px;border:3px solid #dfe7e2;border-top-color:#0f4634;border-radius:50%;animation:shop-spin .75s linear infinite}@keyframes shop-spin{to{transform:rotate(360deg)}}.shop-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-product-card{min-width:0;overflow:hidden;border:1px solid #e1e6e3;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(17,52,39,.07);cursor:pointer;outline:none}.shop-product-card:focus-visible{box-shadow:0 0 0 3px rgba(15,70,52,.18)}.shop-product-image{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#edf0ed}.shop-product-image img{width:100%;height:100%;object-fit:cover}.shop-product-badge,.shop-product-photo-count{position:absolute;top:7px;z-index:2;padding:4px 7px;border-radius:999px;color:#fff;font-size:.58rem;font-weight:800}.shop-product-badge{left:7px;background:rgba(15,70,52,.92)}.shop-product-photo-count{right:7px;background:rgba(18,28,23,.72)}.shop-product-info{display:flex;flex-direction:column;min-height:145px;padding:9px}.shop-product-category{margin:0 0 3px;color:#76817b;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-product-info h2{display:-webkit-box;min-height:36px;margin:0 0 7px;overflow:hidden;font-family:inherit;font-size:.79rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.shop-product-price strong{color:#0b382a;font-size:.92rem}.shop-product-price del{color:#959e99;font-size:.62rem}.shop-product-discount{color:#168145;font-size:.62rem;font-weight:800}.shop-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:8px}.shop-product-stock{color:#597068;font-size:.59rem;font-weight:700}.shop-product-stock.low{color:#a36000}.shop-view-button{min-height:31px;padding:0 9px;border:0;border-radius:8px;background:#0f4634;color:#fff;font-size:.66rem;font-weight:800}.shop-empty{grid-column:1/-1;padding:50px 18px;border:1px dashed #bec9c3;border-radius:17px;background:#fff;text-align:center;color:#637069}.mobile-single-line-footer{display:none}@media(max-width:639px){.shop-page-heading{padding:20px 0 17px}.shop-page-heading h1{font-size:1.85rem}.shop-page-heading>div>p:last-child{font-size:.78rem}.shop-catalogue-section{padding-top:12px}.shop-catalogue-section>.container{padding-inline:10px}#site-footer{display:none!important}.mobile-single-line-footer{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:12px 12px calc(78px + env(safe-area-inset-bottom));background:#0b3427;color:rgba(255,255,255,.76);font-size:.68rem;white-space:nowrap;scrollbar-width:none}.mobile-single-line-footer strong{color:#fff}}@media(min-width:640px){.shop-mobile-filter-row{grid-template-columns:minmax(280px,1fr);max-width:460px}.shop-filter-toggle{display:none}.shop-filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.shop-product-info{padding:12px;min-height:166px}.shop-product-info h2{font-size:.9rem;min-height:39px}.shop-view-button{min-height:36px;padding-inline:12px}}@media(min-width:980px){.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.shop-product-card{transition:transform .2s,box-shadow .2s}.shop-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,52,39,.12)}}@media(min-width:1240px){.shop-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}


/* V11 mobile filters, stable skeletons and fashion-friendly cards */
.shop-search-box svg { width: 18px; height: 18px; flex: 0 0 auto; color: #111; }
.shop-quick-controls { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; margin-top: 10px; }
.shop-filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; position: relative; }
.shop-filter-toggle svg { width: 17px; height: 17px; }
.shop-filter-toggle b { min-width: 18px; height: 18px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; background: #111; color: #fff; font-size: 9px; }
.shop-sort-inline { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 8px; padding: 0 11px; border: 1px solid #dfe5e1; border-radius: 13px; background: #fff; }
.shop-sort-inline span { color: #727a76; font-size: .68rem; font-weight: 800; }
.shop-sort-inline select { min-width: 0; width: 100%; height: 44px; border: 0; outline: 0; background: #fff; color: #111; font: inherit; font-size: .76rem; font-weight: 750; }
.shop-filter-heading,.shop-sheet-handle,.shop-filter-actions,.shop-filter-backdrop { display: none; }
.shop-product-skeleton { overflow: hidden; border: 1px solid #e7ebe8; border-radius: 14px; background: #fff; }
.shop-skeleton-image,.shop-skeleton-body i { display: block; background: linear-gradient(90deg,#e9edeb 25%,#f8faf9 50%,#e9edeb 75%); background-size: 200% 100%; animation: shopShimmer 1.25s linear infinite; }
.shop-skeleton-image { aspect-ratio: 3 / 4; }
.shop-skeleton-body { padding: 10px; }
.shop-skeleton-body i { height: 8px; margin-bottom: 8px; border-radius: 999px; }
.shop-skeleton-body i:nth-child(2) { width: 78%; }
.shop-skeleton-body i:nth-child(3) { width: 54%; }
.shop-skeleton-body i:nth-child(4) { width: 38%; margin: 14px 0 0 auto; height: 25px; border-radius: 8px; }
@keyframes shopShimmer { to { background-position: -200% 0; } }
.shop-product-image { aspect-ratio: 3 / 4; }

@media (max-width: 639px) {
  body.shop-filter-open { overflow: hidden; }
  .shop-page-heading { padding: 18px 0 15px; }
  .shop-page-heading h1 { font-size: 1.72rem; }
  .shop-page-heading>div>p:last-child { max-width: 30rem; }
  .shop-catalogue-section>.container { padding-inline: 0; }
  .shop-mobile-filter-row { grid-template-columns: 1fr; }
  .shop-search-box { min-height: 45px; }
  .shop-filter-toggle { min-height: 45px; padding: 0 14px; border-color: #dfe5e1; color: #111; }
  .shop-filter-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 119; border: 0; background: rgba(10,14,12,.46); backdrop-filter: blur(2px); }
  .shop-filter-panel {
    display: grid;
    position: fixed;
    z-index: 120;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 9px 16px calc(17px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -18px 50px rgba(0,0,0,.2);
    transform: translateY(110%);
    visibility: hidden;
    transition: transform .24s ease, visibility .24s ease;
  }
  .shop-filter-panel.open { display: grid; transform: translateY(0); visibility: visible; }
  .shop-sheet-handle { display: block; width: 42px; height: 4px; margin: 0 auto 8px; border-radius: 999px; background: #d3d8d5; }
  .shop-filter-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
  .shop-filter-heading small { color: #78817c; font-size: .64rem; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; }
  .shop-filter-heading h2 { margin: 1px 0 0; font-size: 1.22rem; }
  .shop-filter-heading button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #f0f2f1; color: #111; font-size: 25px; line-height: 1; }
  .shop-filter-panel label { margin-top: 9px; }
  .shop-filter-panel select { min-height: 48px; }
  .shop-filter-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9px; margin-top: 12px; }
  .shop-filter-actions button { min-height: 47px; border-radius: 12px; font: inherit; font-weight: 850; }
  #shop-filter-clear { border: 1px solid #d5dbd7; background: #fff; color: #111; }
  #shop-filter-apply { border: 1px solid #111; background: #111; color: #fff; }
  .shop-result-meta { margin-top: 13px; }
  .shop-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .shop-product-card { border-radius: 14px; }
  .shop-product-info { padding: 10px; }
}

@media (min-width: 640px) {
  .shop-mobile-filter-row { max-width: min(480px,calc(100% - 280px)); }
  .shop-quick-controls { grid-template-columns: 250px; justify-content: end; margin-top: -46px; }
  .shop-filter-toggle { display: none; }
  .shop-filter-panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .shop-skeleton-image,.shop-skeleton-body i { animation: none; }
  .shop-filter-panel { transition: none; }
}