
:root{--pink:#e64c92;--pink2:#d92f7e;--wine:#7d1238;--soft:#fff4f8;--line:#f4cad9;--text:#25161c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none}.site-menu{background:linear-gradient(90deg,#e9579d,#dc2f7e);padding:17px 0}
.site-menu .nav-link{color:#fff!important;font-weight:700;padding:8px 18px!important}.site-menu .nav-link.active{border-bottom:2px solid #fff}
.cosmetics-hero{min-height:590px;background:linear-gradient(90deg,#fff6f9 0%,#ffeaf1 48%,#ffd5e3 100%);overflow:hidden}
.hero-copy{padding:92px 30px 70px}.hero-copy h1{font-family:Georgia,serif;color:var(--wine);font-size:clamp(3rem,5vw,5rem);line-height:.98;margin:0 0 28px}
.hero-copy p{font-size:1.08rem;line-height:1.75;max-width:430px}.hero-image{min-height:590px;background:url('../assets/cosmeticss.png') center/cover no-repeat}
.icon-row{display:flex;gap:34px;margin-top:42px;flex-wrap:wrap}.hero-point{text-align:center;max-width:98px;font-size:.82rem;font-weight:700}
.hero-point i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#ffe2ed;color:var(--pink2);font-size:1.35rem;margin:auto auto 10px}
.main-area{padding:28px 0 36px}.sidebar-box,.help-box,.product-card,.trust-strip,.feature-box{border:1px solid var(--line);background:#fff;border-radius:10px}
.sidebar-box{padding:18px}.sidebar-box h3,.section-title,.feature-copy h2{font-family:Georgia,serif;color:var(--wine);font-weight:700}
.category-link{display:flex;align-items:center;gap:13px;color:#21151a;padding:12px;border-radius:7px;font-weight:600}
.category-link:hover,.category-link.active{background:#fde6ef;color:var(--pink2)}.category-link i{width:24px;color:var(--pink)}
.help-box{padding:18px;margin-top:16px;background:#fff5f8}.help-box .btn{background:var(--pink2);color:white;font-weight:700}
.section-title{font-size:2rem;text-align:center;margin:8px 0 30px}.product-card{height:100%;padding:14px;transition:.2s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(126,16,53,.10)}.product-card img{width:100%;height:250px;object-fit:cover;border-radius:8px}
.product-card h4{font-size:1rem;line-height:1.45;margin:16px 0 8px}.rating{color:#f7a800;font-size:.9rem}.price{font-size:1.05rem;font-weight:700}
.price del{font-size:.85rem;color:#888;margin-left:10px}.product-card .btn{width:100%;background:linear-gradient(90deg,#df2775,#ee4e94);border:0;font-weight:700}
.trust-strip{padding:20px;margin-top:26px}.trust-item{display:flex;gap:12px;align-items:center;padding:8px 12px}.trust-item i{color:var(--pink);font-size:1.7rem}
.trust-item strong{display:block;color:var(--wine)}.trust-item span{font-size:.8rem}.feature-box{margin-top:18px;background:#fff3f7;overflow:hidden}
.feature-image{min-height:250px;background:url('../assets/cosmet.png') center/cover no-repeat}.feature-copy{padding:34px}
.feature-badges{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px}.feature-badges span{font-size:.82rem;font-weight:700}
footer{background:#fff0f5;border-top:1px solid var(--line);padding:38px 0 18px}footer h5{color:var(--wine);font-weight:700}
footer a{display:block;color:#2a1b21;margin:7px 0;font-size:.9rem}.brand-title{font-family:Georgia,serif;color:var(--wine);font-weight:700}
@media(max-width:991px){.hero-image{min-height:380px}.cosmetics-hero{min-height:auto}.hero-copy{padding:50px 24px}.sidebar-col{margin-bottom:25px}}
@media(max-width:575px){.hero-copy h1{font-size:3rem}.product-card img{height:220px}}

.category-content-box{
  width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:24px;
  box-shadow:0 8px 30px rgba(126,16,53,.05);
}
.category-heading{
  display:flex;align-items:end;justify-content:space-between;gap:20px;
  margin-bottom:22px;border-bottom:1px solid #f6d4e0;padding-bottom:15px;
}
.category-heading h2{font-family:Georgia,serif;color:var(--wine);font-weight:700;margin:0}
.category-heading p{margin:0;color:#6f5962}
.category-link{cursor:pointer;border:0;width:100%;background:transparent;text-align:left}
.category-link.active{box-shadow:inset 3px 0 0 var(--pink2)}
.product-card img{background:#fff7fa}
.empty-note{padding:50px;text-align:center;color:#777}
@media(max-width:767px){
 .category-content-box{padding:16px}
 .category-heading{align-items:flex-start;flex-direction:column}
}

/* ===== BOXED WEBSITE LAYOUT: CONTACT-PAGE STYLE SIDE GUTTERS ===== */
html{background:#f7dce7;}
body{
  background:linear-gradient(90deg,#f8dce7 0%,#fdebf1 50%,#f8dce7 100%);
  padding:0 28px;
}
.site-menu,
.cosmetics-hero,
.main-area,
footer{
  width:100%;
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  border-left:1px solid rgba(216,83,131,.22);
  border-right:1px solid rgba(216,83,131,.22);
}
.main-area{background:#fff;padding-left:22px;padding-right:22px;}
footer{box-shadow:0 18px 40px rgba(120,28,63,.05);}
.site-menu{box-shadow:0 1px 0 rgba(255,255,255,.18) inset;}
.cosmetics-hero{box-shadow:0 12px 30px rgba(126,16,53,.05);}
@media (min-width:1600px){
  body{padding-left:56px;padding-right:56px;}
}
@media (max-width:991px){
  body{padding-left:14px;padding-right:14px;}
  .main-area{padding-left:10px;padding-right:10px;}
}
@media (max-width:575px){
  body{padding-left:0;padding-right:0;}
  .site-menu,.cosmetics-hero,.main-area,footer{border-left:0;border-right:0;}
  .main-area{padding-left:0;padding-right:0;}
}
body{background:#fff8fb}.site-menu{box-shadow:0 4px 18px rgba(126,18,57,.08)}
.page-shell{max-width:none}.hero-section,.hero{margin-inline:0!important;border-radius:0!important}.product-card{box-shadow:0 10px 26px rgba(126,18,57,.05)}

/* ===== FINAL FULL-WIDTH COSMETICS PAGE ===== */
html,body{width:100%;max-width:none;background:#fff;margin:0;padding:0!important;overflow-x:hidden}
.site-menu,.cosmetics-hero,.main-area,footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none;
}
.cosmetics-hero .container-fluid,.main-area>.container-fluid,footer>.container-fluid{max-width:none!important;width:100%!important}
.main-area{padding:28px clamp(14px,2vw,36px) 40px!important;background:#fff}
.category-content-box{width:100%;max-width:none}
.product-card .btn-view-details,
.product-actions-grid .btn-view-details{
  color:#fff!important;
  background:linear-gradient(90deg,#df2775,#ee4e94)!important;
  border:0!important;
  opacity:1!important;
  visibility:visible!important;
}
.product-card .btn-view-details:hover,
.product-actions-grid .btn-view-details:hover{
  color:#fff!important;
  background:linear-gradient(90deg,#c91f68,#dd3e86)!important;
}
@media(max-width:991px){.main-area{padding-left:12px!important;padding-right:12px!important}}


/* Final product-grid consistency */
#productGrid .product-card{display:flex;flex-direction:column;height:100%;min-height:470px}
#productGrid .product-card img{width:100%;height:240px!important;min-height:240px;max-height:240px;object-fit:contain!important;background:#fff7fa;border-radius:8px}
#productGrid .product-card h4{min-height:48px;color:#7d1238!important;font-weight:700!important}
#productGrid .product-card .product-actions-grid{margin-top:auto}
#productGrid .btn-view-details{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:575px){#productGrid .product-card{min-height:auto}#productGrid .product-card img{height:220px!important;min-height:220px;max-height:220px}}


/* Dress-collection style product cards */
#grid .product-card,#productGrid .product-card{padding:0!important;border:1px solid #f0d4dc!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;min-height:690px!important;}
#grid .product-image-wrap,#productGrid .product-image-wrap{height:380px;position:relative;overflow:hidden;background:#fff7fa;}
#grid .product-image-wrap img,#productGrid .product-image-wrap img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;}
#grid .new-badge,#productGrid .new-badge{position:absolute;left:13px;top:13px;z-index:2;background:#ee2470;color:#fff;text-transform:uppercase;font-size:.65rem;font-weight:800;padding:5px 8px;border-radius:4px;}
#grid .heart,#productGrid .heart{position:absolute;right:13px;top:13px;z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#e84f88;font-size:20px;}
#grid .product-card-body,#productGrid .product-card-body{padding:17px 16px 16px;display:flex;flex-direction:column;flex:1;}
#grid small,#productGrid small{text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:700;color:#625257;}
#grid h4,#productGrid h4{font-family:Georgia,serif;color:#a31e52!important;font-size:1.12rem!important;line-height:1.25!important;min-height:52px!important;margin:8px 0 9px!important;}
#grid .product-desc,#productGrid .product-desc{font-size:.84rem;line-height:1.55;color:#25161c;margin:0;min-height:106px;}
#grid .bottom,#productGrid .bottom{display:flex;gap:10px;align-items:center;margin:16px 0 12px;}
#grid .price,#productGrid .price{font-size:1.25rem;font-weight:800;color:#30272a;}
#grid del,#productGrid del{font-size:.76rem;color:#8d7b80;}
#grid .product-actions-grid,#productGrid .product-actions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:auto!important;}
#grid .product-actions-grid .btn,#productGrid .product-actions-grid .btn{display:flex!important;align-items:center;justify-content:center;min-height:42px;padding:10px 7px!important;border-radius:7px!important;font-size:.68rem!important;font-weight:700!important;}
#grid .product-actions-grid .btn-danger,#productGrid .product-actions-grid .btn-danger{background:#e84f88!important;color:#fff!important;border:1px solid #e84f88!important;}
#grid .product-actions-grid .btn-view-details,#productGrid .product-actions-grid .btn-view-details{background:#fff!important;color:#d72f72!important;-webkit-text-fill-color:#d72f72!important;border:1px solid #e84f88!important;}
@media(max-width:575px){#grid .product-card,#productGrid .product-card{min-height:auto!important}#grid .product-image-wrap,#productGrid .product-image-wrap{height:330px}#grid .product-desc,#productGrid .product-desc{min-height:0}#grid .product-actions-grid,#productGrid .product-actions-grid{grid-template-columns:1fr!important}}

/* ===== BODY PINK + READABLE WHITE TEXT (banner/header/images unchanged) ===== */
.main-area,
.main-area .container-fluid,
.category-content-box,
.sidebar-box,
.help-box,
.product-card,
.product-card-body,
.trust-strip,
.feature-box,
.feature-copy{
  background:#e64f94!important;
}
.main-area,
.main-area p,
.main-area h1,
.main-area h2,
.main-area h3,
.main-area h4,
.main-area h5,
.main-area h6,
.main-area small,
.main-area span,
.main-area strong,
.main-area del,
.main-area label,
.main-area .category-link,
.main-area .category-heading p,
.main-area .product-desc,
.main-area .price,
.main-area .trust-item strong,
.main-area .trust-item span,
.main-area .feature-badges span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.main-area .product-image-wrap,
.main-area .product-image-wrap img,
.main-area .feature-image{
  -webkit-text-fill-color:initial!important;
}
.main-area .category-link:hover,
.main-area .category-link.active{background:rgba(255,255,255,.18)!important;color:#fff!important}
.main-area .category-content-box,
.main-area .sidebar-box,
.main-area .help-box,
.main-area .product-card,
.main-area .trust-strip,
.main-area .feature-box{border-color:rgba(255,255,255,.42)!important}
.main-area .category-heading{border-bottom-color:rgba(255,255,255,.35)!important}
.main-area .badge{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
.main-area .new-badge{background:#fff!important;color:#e62570!important;-webkit-text-fill-color:#e62570!important}
.main-area .heart{background:#fff!important;color:#e62570!important;-webkit-text-fill-color:#e62570!important}
.main-area .product-actions-grid .btn-primary{background:#fff!important;color:#e62570!important;-webkit-text-fill-color:#e62570!important;border-color:#fff!important}
.main-area .product-actions-grid .btn-view-details{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #fff!important}

/* ===== FINAL VISIBILITY FIX: PRODUCT BUTTONS ===== */
.main-area .product-actions-grid .btn,
.main-area .product-actions-grid a,
.main-area .product-actions-grid button{
  opacity:1!important;
  visibility:visible!important;
}
.main-area .product-actions-grid .btn-primary,
.main-area .product-actions-grid .btn-danger{
  background:#d92f72!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #d92f72!important;
}
.main-area .product-actions-grid .btn-view-details{
  background:#fff!important;
  color:#d92f72!important;
  -webkit-text-fill-color:#d92f72!important;
  border:1px solid #fff!important;
}
.main-area .product-actions-grid .btn-view-details:hover{
  background:#fff4f8!important;
  color:#b91f5c!important;
  -webkit-text-fill-color:#b91f5c!important;
}


/* Hero responsive update */
.hero-section,.hero-banner,.hero{
  min-height:850px !important;
}
@media (max-width:991px){
.hero-section,.hero-banner,.hero{min-height:700px !important;}
}
@media (max-width:767px){
.hero-section,.hero-banner,.hero{min-height:720px !important;background-position:center center !important;}
.hero-content{padding:80px 25px 50px !important;text-align:center;}
.hero-buttons{display:flex;flex-direction:column;gap:15px;}
.hero-buttons .btn,.hero-buttons a{width:100%;}
.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
}

/* Match the Parlour page hero heading typography */
.cosmetics-hero .hero-copy h1{
  font-family:'Playfair Display', Georgia, serif!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:#8d0d32!important;
  -webkit-text-fill-color:#8d0d32!important;
  opacity:1!important;
  visibility:visible!important;
}
