.hero{width:100%;padding:0}.hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"copy image""actions image";align-items:center;padding-bottom:0;padding-right:0;display:grid}.hero-copy{grid-area:copy;min-width:0}.hero-copy p{max-width:500px;margin-top:20px;font-size:clamp(.95rem,1.4vw,1.05rem)}.hero-buttons{flex-wrap:wrap;grid-area:actions;align-self:start;gap:14px;margin-top:28px;display:flex}.hero-image{grid-area:image;min-width:0}.hero-image img{object-fit:contain;width:100%;height:auto;transform:translate(2px,8px)}.mobile-break{display:none}.login-promo-banner{background:var(--white);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding-block:16px;display:flex;box-shadow:0 4px 20px #00000005}.promo-content{min-width:0}.promo-content h3{color:var(--green);margin-bottom:6px;font-size:1.15rem}.promo-content p{color:var(--text);margin:0;font-size:.95rem}.promo-btn{background:var(--orange);color:var(--white);text-align:center;border-radius:12px;flex-shrink:0;padding:13px 20px;font-weight:700;transition:background-color .2s,transform .2s;box-shadow:0 4px 12px #c9783333}.promo-btn:hover{background:#b56527;transform:translateY(-1px)}.container-features{width:min(100%,1440px);margin-inline:auto;padding:0 clamp(16px,3vw,32px)}.features-box{background:var(--green);border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.feature-item{min-width:0;color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex;position:relative}.feature-item:not(:last-child):after{content:"";background:#efece759;width:1px;height:65%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.feature-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:10px;display:flex}.feature-icon img{object-fit:contain;width:52px;height:52px}.feature-title{font-weight:700}.feature-desc{color:var(--cream);margin-top:4px;font-size:.85rem;line-height:1.45}.section{padding-block:36px}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.section-header h2{color:var(--green)}.section-header a{color:var(--green);flex-shrink:0;font-weight:600}.featured-products{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}@media (max-width:1180px){.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.featured-products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.features-box{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-item:nth-child(2):after{display:none}.feature-item:nth-child(-n+2){border-bottom:1px solid #f7f2ea4d}}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"copy""image""actions";gap:0;padding-top:24px;padding-bottom:30px}.hero-copy{padding-inline:14px}.hero-copy h1{font-size:clamp(2rem,9vw,2.35rem)}.hero-copy p{margin-top:14px;font-size:.9rem}.mobile-break{display:inline}.hero-image{margin:12px 0 0}.hero-image img{transform:none}.hero-buttons{grid-template-columns:1fr;width:100%;margin-top:18px;margin-bottom:20px;padding-inline:14px;display:grid}.login-promo-banner{text-align:center;flex-direction:column;align-items:stretch;gap:5px;margin-top:10px;margin-bottom:30px;padding-block:18px}.promo-content{padding-top:15px}.promo-btn{width:100%}.featured-products{box-sizing:border-box;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;width:100%;max-width:100%;margin:0;padding:0 10px 10px;display:flex;overflow-x:auto}.featured-products::-webkit-scrollbar{display:none}.featured-products .product-card{scroll-snap-align:start;flex:none;width:min(72vw,220px)}.section{padding-block:28px}.section-header{align-items:center;margin-bottom:18px;margin-left:18px}.section-header h2{font-size:1.65rem}.section-header a{font-size:.82rem}}@media (max-width:560px){.features-box{grid-template-columns:1fr}.feature-item{text-align:left;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);gap:2px 10px;padding:18px;display:grid}.feature-item:after{display:none!important}.feature-item:not(:last-child){border-bottom:1px solid #f7f2ea4d}.feature-icon{grid-row:1/span 2;width:42px;height:42px;margin:0}.feature-icon img{width:34px;height:34px}.feature-title,.feature-desc{text-align:left}.section-header{gap:12px}}