/* Small finishing details shared by the catalogue and offer sections. */
.page-hero-box{
  border-color:rgba(235,255,223,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 20px 48px rgba(0,17,10,.12);
}
.collection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:16px}
.collection-card{
  border-color:rgba(238,245,215,.27);
  box-shadow:0 14px 34px rgba(0,18,11,.2);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.collection-card:after{background:linear-gradient(180deg,transparent 26%,rgba(5,25,15,.4) 59%,rgba(5,25,15,.96))}
.collection-card .content h3{line-height:1.15;overflow-wrap:normal}
.collection-card .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.45}
.products-grid .product-card{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(238,245,215,.48);
  box-shadow:0 13px 34px rgba(0,18,11,.19),inset 0 1px 0 rgba(255,255,255,.36);
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;
}
.products-grid .product-media{flex:none}
.products-grid .product-media::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:auto 0 0;
  height:clamp(34px,4vw,58px);
  background:linear-gradient(to bottom,rgba(243,240,229,0),rgba(243,240,229,.42) 58%,#f3f0e5 100%);
  pointer-events:none;
}
.products-grid .product-body{flex:1;display:flex;flex-direction:column}
.products-grid .product-body>.availability-badge{align-self:flex-start}
.products-grid .product-body>p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.products-grid .product-body>.price-row{margin-top:auto;padding-top:16px}
.products-grid .product-card:focus-visible{outline:2px solid #d7f4ab;outline-offset:4px}
.home-offers{padding-block:20px 30px}
.home-offers .section-title{margin-bottom:18px}
.home-offer-grid,.home-promo-products .products-grid{
  display:grid;
  grid-auto-flow:column;
  grid-template-columns:none;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#9cc68866 transparent;
  padding:3px 2px 12px;
}
.home-offer-grid{grid-auto-columns:minmax(270px,min(42vw,390px));gap:14px}
.home-offer-card{scroll-snap-align:start}
.home-offer-card>img{height:116px;width:100%;min-height:0;object-fit:cover}
.home-offer-copy{padding:14px 16px;gap:6px}
.home-offer-copy h3{font-size:clamp(19px,1.7vw,22px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-offer-copy p{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-promo-products{margin-top:16px}
.home-promo-products>h3{font-size:21px;margin-bottom:10px}
.home-promo-products .products-grid{grid-auto-columns:clamp(190px,22vw,242px);gap:12px}
.home-promo-products .product-card{scroll-snap-align:start}
.home-promo-products .product-media{height:145px}
.home-promo-products .product-body{padding:12px 13px 14px}
.home-promo-products .product-body h3{font-size:18px;line-height:1.16;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px}
.home-promo-products .product-body>p{display:none}
.home-promo-products .product-body>.price-row{padding-top:9px}
.home-globe{padding-top:4px}
.catalog-search:focus-within,.search-inline:focus-within{
  border-color:rgba(204,245,169,.8);
  box-shadow:0 0 0 3px rgba(191,235,149,.13),inset 0 1px 0 rgba(255,255,255,.18);
}
.chip,.cart-add,.btn,.icon-btn,.wish,.text-link{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(.chip,.cart-add,.btn,.icon-btn,.wish,.text-link):focus-visible,
:is(.field input,.field textarea,.field select,.catalog-search input):focus-visible{
  outline:2px solid #b9e990;
  outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
  .collection-card:hover{transform:translateY(-3px);border-color:rgba(212,242,185,.62);box-shadow:0 19px 43px rgba(0,18,11,.27)}
  .products-grid .product-card:hover:not(.is-offer){transform:translateY(-3px);border-color:rgba(207,241,177,.7);box-shadow:0 19px 42px rgba(0,18,11,.24),inset 0 1px 0 rgba(255,255,255,.4)}
  .cart-add:hover:not(:disabled),.btn-primary:hover:not(:disabled){box-shadow:0 8px 21px rgba(21,74,38,.27);transform:translateY(-1px)}
  .chip:hover:not(.active){border-color:rgba(217,248,192,.55);background:rgba(221,255,209,.12)}
}
@media(max-width:540px){
  .home-offer-grid{grid-auto-columns:minmax(255px,82vw)}
  .home-offer-card{flex-direction:column}
  .home-offer-card>img{width:100%;height:104px;min-height:0}
  .home-promo-products .products-grid{grid-template-columns:none!important;grid-auto-columns:minmax(158px,47vw)}
  .home-promo-products .product-media{height:112px}
  .home-promo-products .product-body h3{font-size:16px;min-height:38px}
  .products-grid .product-media::after{height:34px}
  .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .collection-card .content{inset:auto 10px 10px}
  .collection-card .content h3{font-size:19px}
  .collection-card .content p{font-size:11px;-webkit-line-clamp:2}
  .products-grid .product-body>p{display:none}
  .products-grid .product-body>.price-row{padding-top:10px}
  .products-grid .product-card{border-color:rgba(238,245,215,.32)}
}
@media(prefers-reduced-motion:reduce){
  .collection-card,.products-grid .product-card,.chip,.cart-add,.btn,.icon-btn,.wish,.text-link{transition:none}
  .collection-card:hover,.products-grid .product-card:hover:not(.is-offer),.cart-add:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:none}
}