.essential-main{max-width:1180px;margin:auto;padding:40px 24px 70px}.essential-back{color:#832349;font-weight:600}.essential-heading{text-align:center;margin:36px auto;max-width:740px}.essential-heading span{color:#832349;letter-spacing:2px;font-size:13px;font-weight:700}.essential-heading h1{font-size:clamp(30px,4vw,46px);color:#832349;margin:14px 0}.essential-heading p{font-size:17px;line-height:1.7}.essential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.essential-product{border:1px solid #eed7df;border-radius:20px;overflow:hidden;background:#fffafc;box-shadow:0 8px 30px #30111f0a}.essential-product>img{width:100%;height:220px;object-fit:contain;background:#fff;display:block;padding:18px;box-sizing:border-box}.essential-product>div{padding:20px}.essential-product h2{color:#832349;font-size:22px;margin:0 0 12px}.essential-product p{font-size:17px;line-height:1.7;margin:0}

/* Each link owns its hover area; decorative lines cannot intercept clicks. */
body.essentials-detail .header .centered-nav .nav-links a{position:relative!important;transform:none!important;width:auto;isolation:isolate}
body.essentials-detail .header .centered-nav .nav-links a::before,body.essentials-detail .header .centered-nav .nav-links a::after{pointer-events:none!important;max-width:100%}
body.essentials-detail .header .centered-nav .nav-links .brand::after,body.essentials-detail .header .centered-nav .nav-links .nav-whatsapp::after,body.essentials-detail .header .centered-nav .nav-links .nav-instagram::after{display:none!important}
body.essentials-detail .essential-social{display:flex;align-items:center;gap:8px}
body.essentials-detail .header .centered-nav .essential-social>a{position:relative!important;width:44px!important;min-width:44px!important;height:44px!important;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important}
@media(min-width:901px){
body.essentials-detail .header .centered-nav .nav-links{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr)!important;column-gap:28px!important;max-width:1400px!important}
body.essentials-detail .header .centered-nav .nav-links>.essential-nav-left{grid-column:1!important;grid-row:1!important;display:flex;align-items:center;justify-content:flex-end;gap:28px;min-width:0}
body.essentials-detail .header .centered-nav .nav-links>.nav-brand-center{grid-column:2!important;grid-row:1!important;position:relative!important;justify-self:center;transform:none!important}
body.essentials-detail .header .centered-nav .nav-links>.essential-nav-right{grid-column:3!important;grid-row:1!important;display:flex;align-items:center;justify-content:flex-start;gap:28px;min-width:0}
body.essentials-detail .header .centered-nav .nav-links a:not(.brand){white-space:nowrap}
}
@media(max-width:1100px) and (min-width:901px){body.essentials-detail .header .centered-nav{padding-left:18px!important;padding-right:18px!important}body.essentials-detail .header .centered-nav .nav-links{column-gap:14px!important}body.essentials-detail .header .centered-nav .nav-links a:not(.brand){white-space:normal;text-align:center}body.essentials-detail .header .centered-nav .nav-links>.essential-nav-left{gap:10px}body.essentials-detail .header .centered-nav .nav-links>.essential-nav-right{gap:12px}}
@media(max-width:900px){body.essentials-detail .header .nav-brand-center{display:none!important}body.essentials-detail .essential-nav-left,body.essentials-detail .essential-nav-right{display:contents}.essential-main{padding:28px 18px 45px}}
@media(max-width:600px){.essential-grid{grid-template-columns:1fr}.essential-product>img{height:240px}.essential-product>div{padding:20px}}

/* Keep four equal product columns, then adapt to smaller screens. */
.essential-product{min-width:0}
.essential-product h2,.essential-product p{overflow-wrap:anywhere}
@media(max-width:1000px){.essential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.essential-grid{grid-template-columns:minmax(0,1fr)}}