/* REMONTARY SHOP — marketplace layer: merchandising, carousel, cards and responsive polish */
.shop-page{background:#f4f7f5;color:#13251c}
.shop-topline{background:linear-gradient(90deg,#092c20,#0b6841 62%,#108a55)}
.shop-header{position:sticky;top:0;z-index:450;box-shadow:0 7px 22px rgba(8,40,25,.06)}
.shop-header .main-nav>a.shop-nav-link{color:#09844e!important}
.shop-hero-premium{min-height:500px;background:#05291d;isolation:isolate}
.shop-hero-premium .shop-hero-inner{position:relative;z-index:2;min-height:500px;grid-template-columns:minmax(0,1fr) 265px;padding-top:52px;padding-bottom:66px}
.shop-hero-visuals,.shop-hero-slide,.shop-hero-shade{position:absolute;inset:0}
.shop-hero-visuals{z-index:-2;overflow:hidden}
.shop-hero-slide{background-size:cover;background-position:center 42%;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 4s ease;pointer-events:none}
.shop-hero-slide.is-active{opacity:1;transform:scale(1);}
.shop-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,28,20,.96) 0%,rgba(4,37,27,.86) 36%,rgba(4,37,27,.42) 62%,rgba(2,20,14,.13) 100%);pointer-events:none}
.shop-hero-premium .shop-kicker,.shop-hero-premium .shop-hero-kicker{color:#b8f5d2}
.shop-hero-premium .shop-kicker>span{background:#42e58b}
.shop-hero-premium h1{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.15)}
.shop-hero-premium h1 em{color:#61efa2}
.shop-hero-premium .shop-hero-copy>p{color:rgba(255,255,255,.88);max-width:590px}
.shop-hero-premium .shop-hero-note{align-self:end;margin-bottom:8px;border:1px solid rgba(255,255,255,.27);background:rgba(4,37,26,.62);backdrop-filter:blur(12px);box-shadow:0 15px 45px rgba(0,0,0,.17);color:#fff}
.shop-hero-premium .shop-hero-note b{color:#fff}
.shop-hero-premium .shop-hero-note span{color:rgba(255,255,255,.84)}
.shop-hero-premium .shop-secondary-btn{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.11);color:#fff;backdrop-filter:blur(8px)}
.shop-hero-premium .shop-hero-proof{color:rgba(255,255,255,.9)}
.shop-hero-primary{border:0;cursor:pointer}
.shop-hero-arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(4,35,25,.48);color:#fff;font-size:29px;line-height:1;transform:translateY(-50%);cursor:pointer;transition:background .2s,transform .2s}
.shop-hero-arrow:hover{background:#0a9257;transform:translateY(-50%) scale(1.06)}
.shop-hero-prev{left:max(18px,calc((100vw - 1380px)/2 - 10px))}
.shop-hero-next{right:max(18px,calc((100vw - 1380px)/2 - 10px))}
.shop-hero-pagination{position:absolute;z-index:4;left:50%;bottom:21px;display:flex;gap:9px;align-items:center;transform:translateX(-50%)}
.shop-hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:all .2s}
.shop-hero-dot.is-active{width:26px;border-radius:20px;background:#51e69a}
.shop-demo-strip{background:linear-gradient(90deg,#edfff4,#f5fff9);border-color:#ccebd7}
.shop-demo-strip p{color:#28533b}
.shop-demo-strip p b{color:#0a6d40}
.shop-category-tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}
.shop-category-tile{min-height:93px;border:1px solid #e1ebe4;background:linear-gradient(145deg,#fff,#f7fbf8);box-shadow:0 4px 12px rgba(22,55,35,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.shop-category-tile:hover{transform:translateY(-3px);border-color:#8cd7ad;box-shadow:0 10px 22px rgba(20,85,48,.09)}
.shop-category-tile.is-active{border-color:#18a45d;background:linear-gradient(145deg,#f1fff6,#e7f8ed);box-shadow:inset 0 0 0 1px rgba(24,164,93,.08)}
.shop-cat-icon{background:#e0f6e9;color:#087c49}
.shop-promise-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:17px;margin-bottom:14px}
.shop-promise-strip>div{display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center;min-height:72px;padding:12px 14px;border:1px solid #e2ebe5;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(20,55,35,.035)}
.shop-promise-strip>div>span{grid-row:span 2;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e4f8eb;color:#07834c;font-size:23px;font-weight:900}
.shop-promise-strip b{font-size:12px;color:#183326}
.shop-promise-strip small{font-size:9px;line-height:1.35;color:#6b8275}
.shop-promo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px;margin-bottom:32px}
.shop-promo-tile{position:relative;display:flex;min-height:132px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;overflow:hidden;padding:20px 24px;border:0;border-radius:16px;text-align:left;color:#fff;cursor:pointer;box-shadow:0 10px 23px rgba(12,54,33,.09);transition:transform .2s,box-shadow .2s}
.shop-promo-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,22,.87),rgba(3,31,22,.2));pointer-events:none}
.shop-promo-tile>*{position:relative;z-index:1}
.shop-promo-tile:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(12,54,33,.14)}
.shop-promo-tile span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#b4f4d0}
.shop-promo-tile b{font-size:20px;line-height:1.15;max-width:70%}
.shop-promo-tile small{font-size:11px;color:#fff}
.shop-promo-tools{background:linear-gradient(90deg,#143d2b,#366c4f)}
.shop-promo-finish{background:linear-gradient(90deg,#1e6270,#2a9d9a)}
.shop-promo-floor{background:linear-gradient(90deg,#6a4829,#bd9766)}
.shop-promo-tools{background-image:url('/assets/images/shop/banners/hero-craft.webp');background-size:cover;background-position:center}
.shop-promo-finish{background-image:url('/assets/images/shop/banners/hero-paint.webp');background-size:cover;background-position:center}
.shop-promo-floor{background-image:url('/assets/images/shop/banners/hero-showroom.webp');background-size:cover;background-position:center}
.shop-catalog-section{scroll-margin-top:100px}
.shop-catalog-head{align-items:end}
.shop-catalog-head h2{letter-spacing:-.035em}
.shop-sort-label select,.shop-filter-select{border-color:#dbe6de;background-color:#fff;border-radius:9px}
.shop-search-box{box-shadow:0 5px 15px rgba(20,55,35,.045);border-color:#dbe8df}
.shop-search-box:focus-within{border-color:#23a965;box-shadow:0 0 0 4px rgba(35,169,101,.1)}
.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.shop-product-card{position:relative;border:1px solid #e0e9e3;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(16,47,29,.055);transition:transform .2s,box-shadow .2s,border-color .2s}
.shop-product-card:hover{transform:translateY(-4px);border-color:#9bd8b2;box-shadow:0 14px 30px rgba(14,68,38,.12)}
.shop-card-media{height:auto;aspect-ratio:1.28;background:linear-gradient(145deg,#f3f7f4,#e9f0eb)}
.shop-card-media img{width:100%;height:100%;object-fit:cover}
.shop-card-badge{background:#ed342f;box-shadow:0 3px 9px rgba(237,52,47,.16)}
.shop-card-tag{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:#078c4f;color:#fff;font-size:9px;font-weight:850;box-shadow:0 3px 9px rgba(0,0,0,.12)}
.shop-fav-btn{z-index:3;box-shadow:0 3px 12px rgba(15,40,25,.12)}
.shop-card-title{min-height:40px;font-size:13px;line-height:1.3}
.shop-card-rating{margin-top:7px}
.shop-card-rating b{color:#e99b08}
.shop-card-delivery{margin-top:7px;color:#07834d;font-size:9px;font-weight:850}
.shop-card-delivery small{color:#8a9a90;font-size:8px;font-weight:600}
.shop-sale-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:9px;padding:6px 7px;border-radius:7px;background:#effaf2;color:#16814b}
.shop-sale-timer-label{font-size:8px;font-weight:750}
.shop-sale-timer{padding:3px 6px;border-radius:5px;background:#098d4d;color:#fff;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.shop-price-line{display:flex;align-items:center;gap:8px;margin-top:8px}
.shop-old-price{color:#89968e;font-size:10px;text-decoration:line-through;text-decoration-color:#c63a35}
.shop-discount-chip{padding:3px 6px;border-radius:5px;background:#fff0ed;color:#e33930;font-size:9px;font-weight:900}
.shop-price-row{margin-top:0}
.shop-price{color:#e62c2c;font-size:22px;letter-spacing:-.035em}
.shop-card-installment{margin-top:4px;color:#657a6d;font-size:9px}
.shop-card-stock{margin-top:5px}
.shop-card-actions{margin-top:10px}
.shop-add-btn{background:linear-gradient(100deg,#0e9854,#087b43);box-shadow:0 4px 10px rgba(8,123,67,.13)}
.shop-add-btn:hover{background:#056b39}
.shop-compare-btn{border-color:#d7e8dc;color:#07824a}
.shop-card-demo-label{line-height:1.35}
.shop-load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;padding:24px 0 6px}
.shop-load-more-wrap[hidden]{display:none}
.shop-load-more{display:inline-flex;align-items:center;gap:14px;min-width:245px;justify-content:center;padding:13px 20px;border:1px solid #0d9856;border-radius:10px;background:#fff;color:#087c47;font-size:12px;font-weight:900;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.shop-load-more:hover{transform:translateY(-2px);background:#0d9856;color:#fff}
.shop-load-more-wrap>small{font-size:9px;color:#809087}
.shop-filter-group{padding-bottom:17px}
.shop-filter-note{border-radius:9px;background:#f0f7f2}
.shop-compare-bar{border:1px solid #b7e3c7;background:#edfff4;box-shadow:0 8px 20px rgba(10,100,50,.09)}
.shop-feature-banner{border:1px solid #dfeae3;box-shadow:0 8px 22px rgba(15,53,31,.04)}
.shop-modal-image-wrap{position:relative;align-self:start}
.shop-modal-discount{position:absolute;top:12px;left:12px;z-index:1;padding:7px 10px;border-radius:8px;background:#e93831;color:#fff;font-size:12px;font-weight:950}
.shop-modal-product-image{display:block}
.shop-modal-price-area{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}
.shop-modal-price{display:block;margin:0;color:#e32f2b}
.shop-modal-price small{font-size:12px;color:#5f7065}
.shop-modal-deal{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#edfff3;color:#0b7744;font-size:11px;font-weight:800}
.shop-modal-deal>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.shop-modal-deal>div b{padding:4px 7px;border-radius:5px;background:#078c4e;color:#fff;font-variant-numeric:tabular-nums}
.shop-modal-deal small{color:#698273;font-size:9px;font-weight:500}
.shop-modal-demo-service{gap:10px}
.shop-review-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border-radius:10px;background:#f4faf5}
.shop-review-summary strong{color:#dc980b;font-size:24px}
.shop-review-summary span{font-size:12px;font-weight:850}
.shop-review-summary small{color:#7b8b81;font-size:9px}
.shop-spec-intro{margin-bottom:10px;color:#64766b;font-size:11px}
.shop-detail-highlights{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.shop-detail-highlights span{padding:7px 9px;border-radius:7px;background:#eff9f2;color:#087a47;font-size:10px;font-weight:800}
.shop-cart-shipping{padding:11px 0 14px}
.shop-shipping-progress{height:6px;overflow:hidden;border-radius:6px;background:#e6eee8}
.shop-shipping-progress span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#17a85e,#57d88a);transition:width .2s}
.shop-cart-shipping small{display:block;margin-top:6px;color:#6c8073;font-size:9px;line-height:1.4}
.shop-empty-state{padding:45px 20px}
.shop-trust-card{box-shadow:0 10px 26px rgba(16,53,33,.055)}
.shop-disclaimer{border:1px solid #d7e9dc;background:#f0faf3}
.shop-disclaimer h2{color:#075e36}
.shop-footer{background:#0b2b20}
.shop-footer-copy small{color:#b6ccbe}
.shop-promo-tile:focus-visible,.shop-hero-arrow:focus-visible,.shop-hero-dot:focus-visible,.shop-load-more:focus-visible{outline:3px solid #f9bd27;outline-offset:3px}

@media(max-width:1180px){
  .shop-category-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
  .shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-promise-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-hero-premium .shop-hero-inner{grid-template-columns:minmax(0,1fr) 230px}
}
@media(max-width:900px){
  .shop-hero-premium,.shop-hero-premium .shop-hero-inner{min-height:470px}
  .shop-hero-premium .shop-hero-inner{grid-template-columns:minmax(0,1fr) 190px;padding-top:44px;padding-bottom:66px}
  .shop-hero-premium .shop-hero-note{align-self:end}
  .shop-category-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .shop-promo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .shop-promo-tile{min-height:116px;padding:14px}
  .shop-promo-tile b{font-size:16px}
  .shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-card-title{font-size:12px}
}
@media(max-width:620px){
  .shop-header{position:relative}
  .shop-hero-premium,.shop-hero-premium .shop-hero-inner{min-height:530px}
  .shop-hero-premium .shop-hero-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;padding-top:28px;padding-bottom:73px}
  .shop-hero-premium .shop-hero-copy{max-width:100%}
  .shop-hero-premium h1{font-size:36px;margin:11px 0}
  .shop-hero-premium .shop-hero-copy>p{max-width:330px;font-size:12px;line-height:1.5}
  .shop-hero-premium .shop-hero-proof{display:flex;flex-wrap:wrap;font-size:8px}
  .shop-hero-premium .shop-hero-note{display:block;align-self:stretch;margin:0;padding:10px 12px}
  .shop-hero-premium .shop-hero-note b{font-size:10px}
  .shop-hero-premium .shop-hero-note span{font-size:9px}
  .shop-hero-shade{background:linear-gradient(180deg,rgba(3,28,20,.9),rgba(4,37,27,.78) 52%,rgba(3,28,20,.28))}
  .shop-hero-slide{background-position:64% center}
  .shop-hero-arrow{top:auto;bottom:12px;width:34px;height:34px;font-size:23px;transform:none}
  .shop-hero-arrow:hover{transform:scale(1.04)}
  .shop-hero-prev{left:15px}
  .shop-hero-next{right:15px}
  .shop-hero-pagination{bottom:25px}
  .shop-promise-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
  .shop-promise-strip>div{grid-template-columns:34px 1fr;min-height:61px;padding:8px;column-gap:7px}
  .shop-promise-strip>div>span{width:33px;height:33px;font-size:18px}
  .shop-promise-strip b{font-size:9px}
  .shop-promise-strip small{font-size:7px}
  .shop-promo-row{grid-template-columns:1fr;gap:8px;margin-bottom:22px}
  .shop-promo-tile{min-height:84px;padding:12px 16px;border-radius:11px}
  .shop-promo-tile b{font-size:15px}
  .shop-promo-tile small{font-size:9px}
  .shop-category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .shop-category-tile{min-height:65px;padding:8px}
  .shop-category-tile b{font-size:9px}
  .shop-category-tile small{font-size:7px}
  .shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .shop-product-card{border-radius:10px}
  .shop-card-media{aspect-ratio:1.12}
  .shop-card-body{padding:8px}
  .shop-card-title{font-size:10px;min-height:36px}
  .shop-card-rating{font-size:8px}
  .shop-card-delivery{font-size:7px}
  .shop-card-delivery small{font-size:7px}
  .shop-sale-row{margin-top:6px;padding:5px}
  .shop-sale-timer-label{font-size:7px}
  .shop-sale-timer{font-size:8px}
  .shop-old-price{font-size:8px}
  .shop-discount-chip{font-size:7px;padding:2px 4px}
  .shop-price{font-size:16px}
  .shop-card-installment,.shop-card-stock{font-size:7px}
  .shop-card-actions{margin-top:7px}
  .shop-add-btn{min-height:31px;font-size:9px}
  .shop-card-demo-label{font-size:6px}
  .shop-load-more-wrap{padding:17px 0 0}
  .shop-load-more{min-width:210px;padding:11px 14px;font-size:10px}
  .shop-load-more-wrap>small{max-width:260px;text-align:center;font-size:7px}
  .shop-modal-price-area{gap:6px}
  .shop-modal-deal{font-size:9px}
  .shop-modal-demo-service{grid-template-columns:1fr}
  .shop-review-summary{gap:7px}
  .shop-review-summary strong{font-size:20px}
}
@media(max-width:360px){
  .shop-hero-premium h1{font-size:32px}
  .shop-card-title{font-size:9px}
  .shop-sale-timer-label{font-size:6px}
  .shop-card-delivery{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .shop-hero-slide,.shop-category-tile,.shop-product-card,.shop-promo-tile,.shop-hero-arrow{transition:none!important}
  .shop-hero-slide.is-active{transform:none}
}
@media(min-width:621px){
  .shop-hero-prev{left:24px;top:auto;bottom:14px;transform:none}
  .shop-hero-next{right:24px;top:auto;bottom:14px;transform:none}
  .shop-hero-arrow:hover{transform:scale(1.06)}
}