.product-section{margin-top:36px}.product-section .section-title{margin-bottom:26px}.product-section .section-title h2{font-size:23px}.product-section .section-title .icon{transform:rotate(180deg)}.product-image{height:240px;padding:20px 16px}.product-info{padding:16px;gap:0}.shelf-brand{align-self:start;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;color:var(--gc-blue-dark);background:var(--gc-tabs-blue-soft);font:500 11px/1.6 Inter,Cairo,sans-serif;margin-bottom:9px}.shelf-brand .icon{width:13px;height:13px}.product-info h3{height:44px}.product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;line-height:1.8;height:44px;font-size:12px}.product-price{margin-top:15px;font-size:17px}.product-note{font-size:10px}.product-bottom{padding:10px 14px;min-height:54px}.product-bottom .add{width:40px;height:40px}.view-more{margin:22px 0 36px}.shelf-sample-note{font-size:11px;color:var(--gc-muted);margin:12px 0 0}.store-nav-links a{flex-shrink:0}html[lang=en] .product-section .section-title .icon{transform:none}
@media(max-width:1100px) and (min-width:851px){#shelves .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-image{height:185px;padding:14px 9px}.product-info{padding:12px}.product-bottom{padding:8px}.product-note{font-size:9px}}
@media(max-width:850px){.product-image{height:200px}.product-section .section-title h2{font-size:21px}.product-info{padding:13px}}
@media(max-width:600px){.product-section{margin-top:26px}.product-section .section-title{margin-bottom:18px}.product-section .section-title h2{font-size:20px}.product-image{height:160px;padding:12px}.product-info{padding:12px}.product-info h3,.product-name{height:44px}.product-name{font-size:11px}.product-price{font-size:15px}.shelf-brand{font-size:10px;padding:3px 7px}.product-note{font-size:8px}.product-bottom{padding:8px}.product-bottom .add{width:36px;height:44px}.shelf-sample-note{font-size:10px}}


.content{container-type:inline-size}:root{--catalog-card-width:calc((100cqw - 56px)/5);--catalog-grid-gap:14px}
/* Cards keep catalog width: source images are only 270px, so stretching them leaves the product lost in the tile.
   Flex lets a trailing .shelf-fill absorb the remainder of a short row instead of leaving dead space. */
#shelves .product-grid,#search-grid{display:flex;flex-wrap:wrap;gap:var(--catalog-grid-gap);align-items:stretch}
#shelves .product-grid>*,#search-grid>*{flex:0 0 var(--catalog-card-width);min-width:0}
#shelves .shelf-fill{flex:1 1 var(--catalog-card-width);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 24px;border:1px dashed var(--gc-section-border);border-radius:var(--gc-radius-card);background:var(--gc-soft);text-align:center}
#shelves .shelf-fill b{font-size:16px;font-weight:800;color:var(--gc-ink)}
#shelves .shelf-fill small{font-size:12px;line-height:1.7;color:var(--gc-muted);max-width:44ch}
#shelves .shelf-fill .button{font-size:13px}

@media(max-width:850px){:root{--catalog-card-width:calc((100cqw - 28px)/3)}}
@media(max-width:600px){:root{--catalog-card-width:calc((100cqw - 10px)/2);--catalog-grid-gap:10px}}