/* FreshBaskets marketplace presentation */
:root{--green:#125638;--dark:#17372a;--orange:#ffad43;--cream:#f5f7f5}
body{background:#fff}
.wrap{max-width:1360px}
html{scroll-padding-top:115px}
.top{background:#eef5e9;color:#31553c;font-size:11px;padding:9px 16px}
.site-header{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 3px 16px #12382006}
.site-header>.wrap{display:grid;grid-template-columns:235px minmax(0,1fr) auto;gap:22px;align-items:center;padding-top:18px;padding-bottom:18px}
.header-main{display:contents}
.brand{grid-column:1;grid-row:1;font-size:26px;white-space:nowrap}
.header-links{grid-column:3;grid-row:1;gap:16px}
.header-links>a:not(.cart-link){font-size:12px}
.header-links>a:first-child{display:none}
.header-search{grid-column:2;grid-row:1;padding:0;gap:8px;min-width:0}
.search-box{background:#f3f6f3;border-color:#e6ece5}
.search-box input{font-size:14px;padding:15px 0}
.header-search button{padding:15px;font-size:12px}
.cart-link{background:var(--green);color:#fff;border:0;white-space:nowrap;padding:14px}
.cart-count{background:#ffffff26;color:#fff}
.main-content{padding-top:24px}
.hero{grid-template-columns:1fr 1.12fr;min-height:355px;border-radius:20px;background:#edf5e7;border:1px solid #e2ebda}
.hero-copy{padding:38px}
.hero h1{font-size:clamp(32px,3.5vw,48px);max-width:18ch;letter-spacing:-1.7px}
.hero-copy p{font-size:14px;max-width:450px}
.hero-art{display:block;min-height:355px;background:#e4ebdc}
.hero-art:before{display:none}
.hero-banner-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo-label{position:absolute;left:18px;right:18px;bottom:18px;background:#fffffff0;border:1px solid #fff;border-radius:12px;padding:15px 18px;box-shadow:0 4px 20px #17372a10}
.hero-photo-label strong{display:block;font-size:17px;letter-spacing:-.3px}
.hero-photo-label span{display:block;color:#647566;font-size:11px;margin-top:6px;line-height:1.5}
.benefits{padding:23px 0;gap:24px}
.benefit strong{font-size:13px}
.section{padding-top:32px}
.section-head h2{font-size:27px}
.category-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-tile{min-height:100px;padding:18px;border:1px solid #e6ecdf;border-radius:14px;background:#f2f7ec}
.category-tile:nth-child(3n+2){background:#fff6e9;border-color:#f5ead9}
.category-tile:nth-child(3n){background:#eef5f8;border-color:#e0ebef}
.category-tile .tile-icon{width:46px;height:46px;box-shadow:0 2px 8px #17372a05}
.category-tile strong{font-size:13px}
.all-categories{background:#fafcf8}
.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.card{border-radius:13px;border-color:#e5eae2}
.visual{height:180px;min-height:180px;flex-basis:180px;padding:18px;background:#f8faf6}
.info{padding:15px}
.info h3{font-size:15px}
.price{font-size:20px;margin:17px 0}
.card-bottom{font-weight:600}
.card-bottom .icon{width:26px;height:26px;padding:4px;border:1px solid #cddfc8;border-radius:6px}
.help-banner{background:linear-gradient(115deg,#125638,#23724c);border-radius:17px;padding:32px}
.help-banner h2{font-size:26px}
.site-footer{background:#f5f8f2}
@media(min-width:1000px){
    .benefit+.benefit{border-left:1px solid var(--line);padding-left:24px}
}
@media(max-width:1150px){
    .site-header>.wrap{grid-template-columns:215px minmax(0,1fr) auto;gap:14px}
    .header-links>a:not(.cart-link){display:none}
    .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .hero-copy{padding:30px}
}
@media(max-width:850px){
    .site-header>.wrap{grid-template-columns:200px minmax(0,1fr) auto;gap:10px}
    .brand{font-size:23px}
    .cart-text{display:none}
    .header-search button{display:none}
    .hero{grid-template-columns:1fr 1fr}
    .hero h1{font-size:35px}
    .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
    .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
    html{scroll-padding-top:150px}
    .wrap{padding-left:15px;padding-right:15px}
    .top{font-size:10px;line-height:1.5;padding:7px 12px}
    .site-header>.wrap{display:block;padding-top:0;padding-bottom:0}
    .header-main{display:flex;padding:14px 0;gap:12px}
    .brand{font-size:24px}
    .header-links{display:flex}
    .cart-link{padding:9px 11px}
    .cart-text{display:inline}
    .header-search{display:flex;padding:0 0 13px}
    .header-search button{display:inline-flex;padding:13px;font-size:12px}
    .search-box input{font-size:16px;padding:12px 0}
    .main-content{padding-top:16px}
    .hero{grid-template-columns:1fr;min-height:0;border-radius:16px}
    .hero-copy{padding:27px 23px}
    .hero h1{font-size:35px;max-width:19ch;margin:13px 0 16px}
    .hero-copy p{font-size:13px}
    .hero-actions{gap:16px}
    .hero-actions .button{padding:13px 16px;font-size:13px}
    .hero-art{min-height:255px}
    .hero-photo-label{left:12px;right:12px;bottom:12px;padding:12px 14px}
    .hero-photo-label strong{font-size:15px}
    .hero-photo-label span{font-size:10px}
    .benefits{grid-template-columns:1fr;gap:17px;padding:22px 0}
    .section-head h2{font-size:24px}
    .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .category-tile{padding:13px 10px;min-height:96px;gap:10px}
    .category-tile .tile-icon{width:34px;height:34px}
    .category-tile strong{font-size:11px}
    .category-tile small{font-size:10px}
    .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
    .visual{height:155px;min-height:155px;flex-basis:155px;padding:14px}
    .info{padding:12px}
    .info h3{font-size:14px}
    .info .small{font-size:11px}
    .price{font-size:18px;margin:15px 0}
    .help-banner{padding:25px}
    .help-banner h2{font-size:24px}
}
@media(max-width:350px){
    .brand{font-size:21px}
    .cart-link .cart-text{display:none}
    .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .visual{height:125px;min-height:125px;flex-basis:125px;padding:10px}
}
@media print{
    .site-header{display:none!important}
}