/* Homepage Specific Styles */
.hero { background: linear-gradient(120deg,#fff3d1,#ffe4ad); padding:1.5rem 0 2.5rem; }
.hero-inner { position:relative; }
.hero-slider { position:relative; overflow:hidden; border-radius: var(--radius-lg); padding:.4rem .6rem 1rem; }
.marquee-track { display:flex; gap:1rem; }
.hero-slider .slide { position:relative; flex:0 0 100%; }
/* Sequential single-slide marquee both orientations */
@media (orientation: portrait){
	.hero-slider.marquee .marquee-track { animation: heroMarqueeSequential 40s linear infinite; }
	/* Portrait: shrink caption so image focal point stays visible */
	.hero-slider .slide-caption { left:.7rem; bottom:.7rem; max-width:210px; padding:.55rem .7rem .6rem; background:rgba(255,255,255,.58); backdrop-filter:blur(3px); }
	.hero-slider .slide-caption h2 { font-size:1.15rem; margin:.1rem 0 .3rem; }
	.hero-slider .slide-caption p { font-size:.72rem; margin:0 0 .45rem; }
	.hero-slider .slide-caption .btn-outline { padding:.45rem .8rem; font-size:.7rem; }
	/* Shift image upward to reveal more plate bottom */
	.hero-slider img { object-position:center 38%; }
}
@media (orientation: landscape){
	/* Show three slides simultaneously in landscape */
	.hero-slider .slide { flex:0 0 33.333%; }
	.hero-slider.marquee .marquee-track { animation: heroMarqueeMulti 35s linear infinite; }
}
@keyframes heroMarqueeSequential { from { transform:translateX(0); } to { transform:translateX(-400%); } }
@keyframes heroMarqueeMulti { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.hero-slider img { width:100%; height:380px; object-fit:cover; filter: saturate(1.08); border-radius: var(--radius-lg); }
.slide-caption { position:absolute; left:1.4rem; bottom:1.2rem; background:rgba(255,255,255,.72); backdrop-filter: blur(4px); padding:.8rem 1rem .9rem; border-radius: var(--radius-md); max-width:340px; }
.slide-caption h2 { margin:.2rem 0 .4rem; font-size:1.4rem; }
.slide-caption p { margin:0 0 .6rem; font-size:.9rem; }

.cat-grid { grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); margin-top:1.2rem; }
.product-card { text-align:center; }
.product-card h3 { margin:.6rem 0 .3rem; font-size:1.05rem; }
.product-card .desc { font-size:.8rem; margin:0 0 .4rem; color:var(--color-text-light); }
.price { font-weight:600; margin-bottom:.6rem; }
.card-actions { display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap; }

.highlights { margin-top:2.5rem; }
.highlight-grid { grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }
.mini { text-align:left; }
.mini h3 { margin-top:0; }

.trust-expanded { margin-top:3rem; }
.badge-grid { grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); }
.badge-card h3 { margin-top:0; font-size:1rem; }
.badge-card p { font-size:.75rem; margin:.4rem 0 0; color:var(--color-text-light); }

@media (max-width: 700px) {
	.hero-slider img { height:250px; }
	.hero-slider .slide { flex:0 0 80%; }
	.slide-caption { left:0.9rem; bottom:0.9rem; max-width:240px; }
}
