.btn-outline{background:transparent;border:1.5px solid var(--pink);color:var(--pink);}
.btn-outline:hover{background:var(--pink);color:var(--white);}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;background:linear-gradient(170deg,var(--cream) 0%,var(--blush) 50%,var(--warm) 100%);position:relative;overflow:hidden;}
.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(212,131,143,0.08),transparent 70%);top:20%;left:50%;transform:translateX(-50%);pointer-events:none;}
.hero-content{position:relative;z-index:2;max-width:700px;}
.hero-label{font-size:11px;letter-spacing:0.4em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;}
.hero-title{font-family:'Great Vibes',cursive;font-size:clamp(48px,10vw,80px);color:var(--pink);margin-bottom:8px;}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,3vw,24px);color:var(--text-soft);font-style:italic;margin-bottom:36px;line-height:1.8;}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ===== SECTION ===== */
.section{padding:clamp(60px,8vw,100px) 24px;}
.section-inner{max-width:1100px;margin:0 auto;}
.sec-head{text-align:center;margin-bottom:48px;}
.sec-head h2{font-family:'Great Vibes',cursive;font-size:clamp(32px,6vw,48px);color:var(--pink);margin-bottom:8px;}
.sec-head p{font-family:'Cormorant Garamond',serif;font-size:clamp(15px,2vw,18px);color:var(--text-muted);font-style:italic;}

/* ===== WHY US ===== */
.why{background:var(--white);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.why-card{text-align:center;padding:36px 24px;border-radius:20px;background:var(--cream);border:1px solid rgba(212,131,143,0.08);transition:transform 0.3s,box-shadow 0.3s;}
.why-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(212,131,143,0.08);}
.why-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:var(--blush);display:flex;align-items:center;justify-content:center;}
.why-icon svg{width:24px;height:24px;color:var(--pink);}
.why-card h3{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--text);font-weight:500;margin-bottom:8px;}
.why-card p{font-size:13px;color:var(--text-muted);line-height:1.7;}

/* ===== CATALOG ===== */
.catalog{background:var(--cream);}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cat-card{border-radius:18px;overflow:hidden;background:var(--white);border:1px solid rgba(212,131,143,0.08);box-shadow:0 4px 20px rgba(0,0,0,0.03);transition:transform 0.3s,box-shadow 0.3s;cursor:pointer;}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(212,131,143,0.1);}
.cat-img{height:280px;overflow:hidden;position:relative;}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.cat-card:hover .cat-img img{transform:scale(1.05);}
.cat-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,0.9);backdrop-filter:blur(6px);padding:4px 12px;border-radius:100px;font-size:10px;color:var(--pink);font-weight:500;letter-spacing:0.08em;z-index:2;}
.cat-body{padding:18px 20px;}
.cat-body h3{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--text);font-weight:500;margin-bottom:4px;}
.cat-body p{font-size:12px;color:var(--text-muted);}
.cat-price{font-family:'Playfair Display',serif;font-size:18px;font-style:italic;color:var(--pink);font-weight:500;margin-top:8px;}
.old-price{color:var(--text-muted);font-weight:300;margin-right:4px;font-size:0.85em;position:relative;display:inline;}.old-price::after{content:'';position:absolute;left:0;right:0;top:58%;height:1.5px;background:var(--text-muted);}

/* ===== IFRAME PREVIEW ===== */
.cat-img{position:relative;}
.cat-preview{position:absolute;top:0;left:0;width:400%;height:400%;border:none;transform:scale(0.25);transform-origin:top left;pointer-events:none;}

/* ===== FAQ ===== */
.faq{background:var(--white);}
.faq-list{max-width:700px;margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(212,131,143,0.1);padding:20px 0;}
.faq-q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;-webkit-user-select:none;user-select:none;min-height:44px;width:100%;background:none;border:none;text-align:left;font:inherit;color:inherit;padding:0;}
.faq-q h3{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--text);font-weight:500;}
.faq-q span{font-size:20px;color:var(--pink);transition:transform 0.3s;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;}
.faq-item.open .faq-q span{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s;}
.faq-item.open .faq-a{max-height:500px;padding-top:12px;}
.faq-a p{font-size:14px;color:var(--text-muted);line-height:1.8;}

/* ===== CTA ===== */
.cta{background:linear-gradient(135deg,var(--pink),#C47080);padding:clamp(48px,7vw,80px) 24px;text-align:center;}
.cta h2{font-family:'Great Vibes',cursive;font-size:clamp(32px,6vw,48px);color:var(--white);margin-bottom:12px;}
.cta p{font-family:'Cormorant Garamond',serif;font-size:clamp(15px,2vw,18px);color:rgba(255,255,255,0.8);font-style:italic;margin-bottom:28px;}
.btn-white{background:var(--white);color:var(--pink);font-weight:600;}
.btn-white:hover{background:var(--cream);box-shadow:0 8px 24px rgba(0,0,0,0.1);}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
    .why-grid{grid-template-columns:1fr;gap:20px;}
    .why-card{padding:28px 20px;}
    .cat-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;}
    .cat-img{height:240px;}
    .cat-preview{width:300%;height:300%;transform:scale(0.333);}
    .sec-head{margin-bottom:32px;}
    .sec-head h2{margin-bottom:6px;}
    .faq-q h3{font-size:16px;}
    .faq-a p{font-size:13px;}
    .faq-item.open .faq-a{max-height:300px;}
    .cta{padding:40px 20px;}
    .cta h2{margin-bottom:8px;}
    .cta p{margin-bottom:20px;}
}
@media(max-width:480px){
    .hero{padding:100px 16px 60px;}
    .hero-label{font-size:10px;letter-spacing:0.3em;margin-bottom:14px;}
    .hero-sub{font-size:16px;margin-bottom:28px;}
    .hero-btns{flex-direction:column;align-items:center;gap:10px;}
    .cat-grid{max-width:100%;}
    .cat-img{height:200px;}
}