:focus-visible{outline:2px solid #8e44ad;outline-offset:3px;}
button:focus-visible,a:focus-visible{outline:2px solid #8e44ad;outline-offset:3px;}
.skip-link{position:absolute;left:-9999px;top:8px;background:#8e44ad;color:#fff;padding:8px 16px;border-radius:4px;font-size:.875rem;font-weight:600;text-decoration:none;z-index:10000;}
.skip-link:focus{left:8px;}
:root{--pink:#d63384;--purple:#8e44ad;--bg:#fdf0f6;--white:#ffffff;--text:#2d2d2d;--text-light:#5f5f5f;--border:#e8d5e8;--fs-xs:0.75rem;--fs-sm:0.85rem;--fs-base:0.95rem;--fs-md:1.1rem;--fs-lg:1.4rem;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:clip;}a{color:var(--purple);text-decoration:none;transition:color .2s;}a:hover{color:var(--pink);}
.topbar{background:linear-gradient(90deg,var(--purple),var(--pink));color:#fff;text-align:center;padding:10px 20px 12px;}
.topbar-brand{font-size:var(--fs-lg);font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;}
.topbar-divider{width:120px;height:1px;background:rgba(255,255,255,0.35);margin:0 auto 8px;}
.topbar-info{font-size:var(--fs-sm);opacity:0.82;}
@media(max-width:600px){.topbar-info{font-size:var(--fs-xs);}.topbar-brand{letter-spacing:1.5px;}}
header{background:linear-gradient(135deg,#fdeef7,#f9e4f1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.nav-inner{max-width:1300px;margin:0 auto;padding:0 30px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;height:175px;overflow:visible;}
.logo-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;}
.logo-wrap img{height:155px;width:auto;display:block;object-fit:contain;}
.nav-links{display:flex!important;flex-direction:row!important;gap:16px;list-style:none!important;padding:0;margin:0 0 0 auto;}
.nav-links li{list-style:none!important;display:block;}
.nav-links a{text-decoration:none;color:var(--text);font-size:0.88rem;font-weight:500;transition:color 0.2s;white-space:nowrap;}
.nav-links a:hover,.nav-links a.active-nav{color:var(--pink);}
.nav-dropdown{position:relative;}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,0.12);padding:10px 0 8px;min-width:180px;z-index:999;list-style:none;margin:0;}
.nav-dropdown-menu li{list-style:none;}
.nav-dropdown-menu a{display:block;padding:9px 18px;font-size:0.85rem;color:var(--text);text-decoration:none;white-space:nowrap;transition:background 0.15s,color 0.15s;}
.nav-dropdown-menu a:hover{background:#f3e6f9;color:var(--purple);}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block;}
.nav-icons{display:flex;gap:18px;font-size:var(--fs-md);color:var(--text);margin-left:auto;}
.nav-icons i{cursor:pointer;transition:color 0.2s;}
.nav-icons i:hover{color:var(--pink);}
.hamburger{display:none;background:none;border:none;padding:0;color:inherit;cursor:pointer;line-height:1;}
@media(max-width:768px){
  .nav-inner{height:auto;min-height:0;padding:10px 16px;position:relative;}
  .logo-wrap{width:56px;overflow:hidden;}
  .logo-wrap img{height:56px;object-fit:cover;object-position:left center;margin-left:-2px;}
  .nav-links{display:none!important;flex-direction:column!important;gap:0;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.08);z-index:200;}
  .nav-links.open{display:flex!important;}
  .nav-links li{width:100%;}
  .nav-links a{display:block;padding:14px 16px;border-top:1px solid var(--border);}
  .nav-dropdown-menu{position:static;transform:none;box-shadow:none;border-radius:0;padding:0 0 0 16px;background:transparent;}
  .nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{display:block;}
  .nav-dropdown-menu a{padding:7px 0;font-size:0.85rem;color:var(--text-light);}
  .nav-icons{margin-left:auto!important;gap:12px;}
  .hamburger{display:block;font-size:1.4rem;flex-shrink:0;}
}
.wrap{max-width:1100px;margin:0 auto;padding:32px 20px 70px;}
.breadcrumb-nav{font-size:.85rem;color:#888;margin-bottom:18px;}
.breadcrumb-nav a{color:#8e44ad;text-decoration:none;}
.breadcrumb-nav span{margin:0 6px;}
h1{color:var(--purple);font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:8px;}
h2{color:var(--purple);font-size:1.2rem;margin-top:32px;margin-bottom:8px;}
p{line-height:1.8;font-size:1rem;}
.intro-block{text-align:center;padding:20px 0 10px;}
.intro{max-width:680px;margin:0 auto 24px;}
.cta-wrap{text-align:center;margin-bottom:36px;}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--purple);color:#fff;padding:11px 26px;border-radius:50px;font-weight:600;text-decoration:none;font-size:.95rem;}
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:50px;}
@media(min-width:600px){.prod-grid{grid-template-columns:repeat(3,1fr);}}
.prod-card{text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 32px rgba(142,68,173,0.10);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(142,68,173,.18);}
.prod-img-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;background:#fff;display:block;}
.prod-img-wrap img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transition:transform .35s ease;}
.prod-img-wrap:hover img{transform:scale(1.07);}
.prod-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#8e44ad,#d63384);color:#fff;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:50px;letter-spacing:.5px;pointer-events:none;}
.prod-heart{position:absolute;bottom:8px;right:8px;background:rgba(142,68,173,0.75);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;pointer-events:none;}
.prod-body{padding:16px 16px 12px;flex:1;display:flex;flex-direction:column;}
.prod-name{font-size:.95rem;font-weight:600;margin-bottom:6px;color:var(--text);text-decoration:none;display:block;}
.prod-name:hover{color:var(--pink);}
.prod-desc{font-size:.85rem;color:var(--text-light);line-height:1.5;flex:1;margin-bottom:12px;}
.prod-footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.prod-price{font-size:1.1rem;font-weight:700;color:var(--purple);}
.prod-btn{width:100%;background:linear-gradient(135deg,#8e44ad,#d63384);color:#fff;border:none;padding:11px 18px;border-radius:50px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;text-decoration:none;}
.prod-btn:hover{opacity:.9;}
.seo-text{max-width:760px;margin:0 auto;}
.seo-text h1,.seo-text h2{text-align:center;}
.seo-text ul{line-height:1.9;padding-left:20px;list-style:disc;}
.more-links{font-size:.95rem;margin-top:30px;}
.more-links a{color:var(--purple);}
.faq-box{background:#fff;border-radius:18px;padding:30px;margin-top:40px;box-shadow:0 4px 20px rgba(142,68,173,0.08);}
.faq-box h2{text-align:center;margin-top:0;}
.faq-item{border-bottom:1px solid var(--border);padding:16px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-item h3{font-size:1rem;color:var(--purple);margin-bottom:6px;}
.faq-item p{font-size:.9rem;color:var(--text-light);line-height:1.7;}
footer{background:linear-gradient(135deg,#2d1b3d,#1a0f24);color:rgba(255,255,255,0.85);padding:50px 30px 0;}
/* ── Product toolbar (search + sort) ── */
.prod-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px;}
.prod-search-wrap{flex:1;min-width:180px;position:relative;}
.prod-search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;font-size:.85rem;pointer-events:none;}
#prodSearch{width:100%;padding:9px 12px 9px 34px;border:1.5px solid #e0d0ec;border-radius:50px;font-family:inherit;font-size:.88rem;background:#fdf6fb;color:#2d2d2d;outline:none;transition:border-color .2s;}
#prodSearch:focus{border-color:#8e44ad;}
#prodSort{padding:9px 14px;border:1.5px solid #e0d0ec;border-radius:50px;font-family:inherit;font-size:.88rem;background:#fdf6fb;color:#2d2d2d;cursor:pointer;outline:none;transition:border-color .2s;}
#prodSort:focus{border-color:#8e44ad;}
.prod-no-results{display:none;text-align:center;padding:40px 20px;color:#999;font-size:1rem;grid-column:1/-1;}
.prod-no-results.visible{display:block;}
/* ── Footer ── */
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:40px;}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:24px;}}
.footer-brand p{font-size:var(--fs-sm);line-height:1.8;opacity:0.75;margin-top:8px;}
.footer-col h3{color:#fff;font-size:var(--fs-sm);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;}
.footer-col a{display:block;color:rgba(255,255,255,0.7);text-decoration:none;font-size:var(--fs-sm);margin-bottom:8px;transition:color 0.2s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:1100px;margin:0 auto;font-size:var(--fs-xs);color:rgba(255,255,255,0.5);}
.social-links{display:flex;gap:16px;}
.social-links a{color:rgba(255,255,255,0.6);font-size:var(--fs-md);text-decoration:none;transition:color 0.2s;}
.social-links a:hover{color:#fff;}
.wa-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,0.45);z-index:500;color:#fff;font-size:1.6rem;text-decoration:none;}
.scan-me{position:absolute;top:40px;left:196px;display:flex;flex-direction:row;align-items:center;gap:5px;pointer-events:none;z-index:10;}
.scan-me span{font-size:.85rem;font-weight:600;letter-spacing:.5px;font-family:Poppins,sans-serif;color:var(--purple);white-space:nowrap;background:rgba(255,255,255,.9);padding:2px 8px;border-radius:4px;border:1px solid var(--purple);}
.scan-arrow{font-size:var(--fs-base);color:var(--purple);animation:pointQR .8s ease-in-out infinite;display:block;}
@keyframes pointQR{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
@media(max-width:768px){.scan-me{display:none;}}
.logo-wordmark{display:flex;flex-direction:column;gap:0;margin-left:-2px;padding-bottom:18px;align-items:flex-start;text-align:left;}
.logo-wordmark .wm-name{font-size:1.25rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.15;}
.logo-wordmark .wm-tagline{font-size:.85rem;font-weight:400;font-style:italic;color:var(--text-light);letter-spacing:.3px;line-height:1;margin-top:10px;}
@media(max-width:768px){.logo-wordmark{display:none;}}