/* OLARISSE homepage — reference layout v3
 * Reference controls section order and proportions only.
 * Existing OLARISSE header/footer/brand language remains intact.
 */
body.hb-home-ref-v3{margin:0;background:#f6f3ee;color:#171717}
.hb-home-ref{background:#f6f3ee}
.hb-home-ref *{box-sizing:border-box}
.hb-home-ref-main{background:#f6f3ee}

.hb-home-ref-section{padding:30px 40px 34px}
.hb-home-ref-title{text-align:center;margin:0 auto 26px}
.hb-home-ref-title h1,.hb-home-ref-title h2{margin:0;font:400 24px/1.1 "Times New Roman",Times,serif;letter-spacing:.24em;text-transform:uppercase}
.hb-home-ref-title>span{display:block;width:38px;height:1px;margin:12px auto 0;background:#222}

.hb-home-ref-product-grid{display:grid;gap:18px}
.hb-home-ref-product-grid--new{grid-template-columns:repeat(4,minmax(0,1fr))}
.hb-home-ref-product-grid--best{grid-template-columns:repeat(6,minmax(0,1fr))}
.hb-home-ref-product{text-align:center;min-width:0}
.hb-home-ref-product__media{position:relative;display:block;aspect-ratio:1.12/1;overflow:hidden;background:#ece9e3;text-decoration:none}
.hb-home-ref-product__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.98) brightness(1.02);transition:transform .38s ease}
.hb-home-ref-product:hover .hb-home-ref-product__media img{transform:scale(1.015)}
.hb-home-ref-placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#ebe8e2,#f7f5f1 54%,#d8d4cd)}
.hb-home-ref-product__badge{position:absolute;left:10px;top:10px;padding:5px 7px;background:rgba(247,245,241,.9);font-size:7px;letter-spacing:.12em;text-transform:uppercase}
.hb-home-ref-product__info{padding:11px 4px 0}
.hb-home-ref-product__info h3{margin:0 0 7px;font:400 12px/1.3 Arial,sans-serif}
.hb-home-ref-product__info h3 a{text-decoration:none}
.hb-home-ref-product__price{min-height:18px;color:#333;font-size:11px}
.hb-home-ref-product__price del{opacity:.45}.hb-home-ref-product__price ins{text-decoration:none}
.hb-home-ref-product__cta{display:inline-block;margin-top:9px;min-width:88px;padding:7px 13px;background:#111;color:#fff!important;font-size:7px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}
.hb-home-ref-product__cta:hover{opacity:.72}

.hb-home-ref-banner{width:100%}
.hb-home-ref-banner--split{display:grid;grid-template-columns:62% 38%;height:clamp(300px,31vw,390px);min-height:0;background:#111}
.hb-home-ref-banner__image{display:block;height:100%;min-height:0;overflow:hidden;background:#c8b8a4}
.hb-home-ref-banner__image img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 48%;filter:saturate(.72) contrast(1.02) brightness(.94)}
.hb-home-ref-banner__panel{display:flex;align-items:center;justify-content:center;padding:34px 44px;background:#111;color:#f7f3eb;text-align:center}
.hb-home-ref-banner__panel>div{max-width:480px}
.hb-home-ref-banner__panel p,.hb-home-ref-banner__overlay p{margin:0 0 17px;color:#c8c0b4;font-size:9px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
.hb-home-ref-banner__panel h2,.hb-home-ref-banner__overlay h2{margin:0;font:400 clamp(34px,3.35vw,54px)/.96 Didot,"Bodoni MT","Times New Roman",serif;letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;text-shadow:0 1px 18px rgba(0,0,0,.16)}
.hb-home-ref-banner__subcopy{display:block;max-width:340px;margin:18px auto 0;color:#d7d0c6;font:400 12px/1.6 Georgia,"Times New Roman",serif;letter-spacing:.02em}.hb-home-ref-banner__panel>a,.hb-home-ref-banner__panel div>a{display:inline-block;margin-top:23px;padding-bottom:5px;border-bottom:1px solid rgba(247,243,235,.72);color:#fff;text-decoration:none;font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}

.hb-home-ref-categories{padding-top:34px;padding-bottom:34px}
.hb-home-ref-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hb-home-ref-category{display:block;text-decoration:none}
.hb-home-ref-category__media{position:relative;aspect-ratio:4/4.65;overflow:hidden;background:#e8e3dc}
.hb-home-ref-category__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.98) brightness(1.01);transition:transform .42s ease}
.hb-home-ref-category:hover img{transform:scale(1.018)}
.hb-home-ref-category__shade{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.56))}
.hb-home-ref-category__label{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-transform:uppercase}
.hb-home-ref-category__label span{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(26px,2.65vw,48px);font-weight:600;line-height:.92;letter-spacing:-.035em}
.hb-home-ref-category__label b{font-size:13px;font-weight:400}

.hb-home-ref-banner--wide{padding:0;background:#101010}
.hb-home-ref-banner__wide-link{position:relative;display:block;height:clamp(285px,29vw,360px);min-height:0;overflow:hidden;color:#fff!important;text-decoration:none}
.hb-home-ref-banner__wide-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.67) contrast(1.05) brightness(.67)}
.hb-home-ref-banner__wide-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.18) 45%,rgba(0,0,0,.08))}
.hb-home-ref-banner__overlay{position:absolute;z-index:2;left:9%;top:50%;transform:translateY(-50%);max-width:520px;text-align:left}
.hb-home-ref-banner__overlay h2{font-size:clamp(40px,4vw,62px);letter-spacing:.11em}
.hb-home-ref-banner__overlay span{display:block;max-width:430px;margin-top:18px;color:#f0ece6;font:400 12px/1.55 Georgia,"Times New Roman",serif;letter-spacing:.08em;text-transform:none;text-shadow:0 1px 14px rgba(0,0,0,.32)}

.hb-home-ref-best{padding-top:34px;padding-bottom:50px}

@media(max-width:1100px){
	.hb-home-ref-section{padding-left:22px;padding-right:22px}
	.hb-home-ref-product-grid--best{grid-template-columns:repeat(3,minmax(0,1fr))}
	.hb-home-ref-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
	.hb-home-ref-section{padding:26px 12px 30px}
	.hb-home-ref-title h1,.hb-home-ref-title h2{font-size:19px;letter-spacing:.19em}
	.hb-home-ref-product-grid--new,.hb-home-ref-product-grid--best{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
	.hb-home-ref-banner--split{grid-template-columns:1fr;min-height:0}
	.hb-home-ref-banner--split{height:auto}.hb-home-ref-banner__image,.hb-home-ref-banner__image img{min-height:285px;height:285px}
	.hb-home-ref-banner__panel{min-height:210px;padding:32px 22px}
	.hb-home-ref-banner__panel h2{font-size:40px;letter-spacing:.11em}
	.hb-home-ref-category-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x proximity}
	.hb-home-ref-category{flex:0 0 67%;scroll-snap-align:start}
	.hb-home-ref-category__label span{font-size:clamp(28px,7.4vw,40px)}
	.hb-home-ref-banner__wide-link,.hb-home-ref-banner__wide-link img{min-height:285px;height:285px}
	.hb-home-ref-banner__overlay{left:8%;right:8%;text-align:left}
	.hb-home-ref-banner__overlay h2{font-size:42px;letter-spacing:.1em}
}
@media(max-width:440px){
	.hb-home-ref-product__media{aspect-ratio:1/1.12}
	.hb-home-ref-product__info h3{font-size:10px}
	.hb-home-ref-category{flex-basis:78%}
}
@media(prefers-reduced-motion:reduce){
	.hb-home-ref-product__media img,.hb-home-ref-category__media img{transition:none!important}
}