:root { --red: #f21a22; --hot: #f21a22; --wine: #100b0d; --dark-wine: #080708; --cream: #fffdfc; --blush: #f8f1f2; --ink: #171215; --muted: #766d71; }
.slide-image { display: block; }
.slide-image-banner { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; background: #000; }
.kits-heading { margin-top: 76px; }
.slide-discovery .slide-content { background: radial-gradient(circle at 14% 15%, #fff 0, #fff4f4 38%, #f6d9df 100%); }
.discovery-note { margin: 22px 0 0; color: #786165; font-size: 12px; font-weight: 600; letter-spacing: .3px; }
.discovery-art { background: linear-gradient(135deg, #25060d 0%, #6b091c 53%, #e31629 100%); }
.discovery-glow { position: absolute; width: 580px; height: 580px; top: -100px; left: -120px; border-radius: 50%; background: radial-gradient(circle, #ff7d8a80 0, #f6243740 37%, transparent 68%); }
.discovery-ring { position: absolute; border: 1px solid #ffffff66; border-radius: 50%; }.ring-one { width: 480px; height: 480px; right: -140px; bottom: -230px; }.ring-two { width: 300px; height: 300px; right: 105px; top: -160px; border-color: #ffbdc480; }
.discovery-card { position: absolute; z-index: 1; top: 19%; left: 15%; width: min(360px, 65%); min-height: 275px; padding: 34px; border: 1px solid #ffffff80; border-radius: 19px; background: linear-gradient(145deg, #ffffff2e, #ffffff0d); box-shadow: 0 28px 55px #26000880; backdrop-filter: blur(7px); color: #fff; transform: rotate(-6deg); }
.discovery-card span { display: block; color: #ffdce0; font: 700 10px 'DM Sans'; letter-spacing: 2px; }.discovery-card strong { display: block; margin-top: 32px; font: 600 clamp(38px, 4vw, 58px)/.92 'Playfair Display'; letter-spacing: -2px; }.discovery-card i { position: absolute; right: 28px; bottom: 20px; color: #ffccd1; font-size: 34px; font-style: normal; }
.discovery-badge { position: absolute; z-index: 2; right: 11%; bottom: 13%; display: grid; place-items: center; width: 135px; height: 135px; border: 1px solid #fff; border-radius: 50%; background: #fff; color: #cc1120; box-shadow: 0 12px 28px #32000980; transform: rotate(12deg); }.discovery-badge b { font: 700 16px 'DM Sans'; letter-spacing: 1px; }.discovery-badge span { margin-top: -38px; font: 700 10px 'DM Sans'; letter-spacing: 1.6px; }
@media(max-width:700px) { .slide-discovery .slide-art { height:235px; }.discovery-card { top:22px; left:17%; min-height:165px; padding:22px; }.discovery-card strong { margin-top:17px; font-size:35px; }.discovery-card i { right:20px; bottom:13px; font-size:24px; }.discovery-badge { right:7%; bottom:10px; width:82px; height:82px; }.discovery-badge b { font-size:11px; }.discovery-badge span { margin-top:-25px; font-size:7px; }.ring-one { width:290px; height:290px; bottom:-160px; }.ring-two { width:180px; height:180px; right:70px; top:-105px; } }
body { background: #fffdfc; }
.topbar { height: 36px; background: linear-gradient(90deg, #080708, #251116, #080708); letter-spacing: .25px; }
.header { height: 96px; background: #0b0a0b; padding: 0 clamp(22px, 10vw, 180px); gap: clamp(22px, 4vw, 62px); border-bottom: 1px solid #3c262b; }
.logo { font-family: 'Playfair Display'; font-size: 23px; letter-spacing: .2px; }
.logo img { width: 54px; height: 54px; border-radius: 50%; border: 1px solid #ef3138; object-fit: cover; }
.search { max-width: 590px; height: 45px; border-radius: 999px; padding: 0 18px; box-shadow: inset 0 0 0 1px #ffffff10; }
.search span { color: var(--red); }
.account { border: 1px solid #ffffff36; border-radius: 999px; padding: 9px 14px; transition: .2s ease; }
.account:hover { background: #fff; color: #0b0a0b; }
.categories { height: 58px; gap: 10px; padding: 0 20px; background: #fffdfc; border-bottom: 1px solid #eee3e5; }
.categories a { border: 1px solid transparent; border-radius: 999px; padding: 8px 11px; font-size: 11px; letter-spacing: .45px; transition: .2s ease; }
.categories a:hover { color: #fff; background: var(--red); border-color: var(--red); }
.shipping-strip { height: 32px; background: linear-gradient(90deg, #c70b16, #f21a22, #c70b16); letter-spacing: .65px; }
.hero-carousel { position:relative; min-height:535px; overflow:hidden; background:#110a0c; color:#fff; }.hero-slide { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); align-items:stretch; opacity:0; pointer-events:none; transform:scale(1.02); transition:opacity .55s ease, transform .7s ease; }.hero-slide.is-active { opacity:1; pointer-events:auto; transform:scale(1); }.slide-content { z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:70px clamp(34px,10vw,180px); background:radial-gradient(circle at 5% 10%, #fff 0, #fff7f7 34%, #f5e4e7 100%); color:var(--ink); }.slide-content h1 { max-width:650px; margin:0; font:600 clamp(45px,5.2vw,76px)/.94 'Playfair Display'; letter-spacing:-2.8px; }.slide-content h1 em { color:var(--red); }.slide-content>p:not(.eyebrow) { max-width:530px; margin:24px 0 0; color:#5c5054; font-size:16px; line-height:1.6; }.slide-content .slide-note { margin-top:12px; padding-left:12px; border-left:3px solid var(--red); color:#7d454b; font-size:13px; }.slide-content .button { margin-top:28px; }.slide-art { position:relative; overflow:hidden; background:radial-gradient(circle at 54% 48%, #561923, #200e13 44%, #080708 78%); }.slide-wellness .slide-art:before { content:''; position:absolute; inset:10% 12%; border:1px solid #ff5b62; border-radius:52% 48% 48% 52%; opacity:.55; }.silk { position:absolute; border-radius:50%; filter:drop-shadow(0 17px 19px #0008); }.silk-one { width:470px; height:270px; right:-65px; top:82px; background:linear-gradient(135deg,#ff3c44 0%,#85060e 45%,#2a0509 100%); transform:rotate(-23deg); }.silk-two { width:355px; height:190px; left:55px; bottom:63px; border:17px solid #f7dddd; border-left-color:#f21a22; border-radius:60% 38% 56% 44%; transform:rotate(28deg); }.monogram { position:absolute; right:12%; bottom:8%; color:#fff; font:600 clamp(88px,12vw,165px)/.8 'Playfair Display'; letter-spacing:-20px; text-shadow:0 10px 25px #0009; opacity:.92; }.slide-delivery .slide-art { background:linear-gradient(135deg,#140b0e,#5a111a 55%,#bf0d18); }.delivery-box { position:absolute; right:17%; top:24%; display:grid; place-items:center; width:260px; height:190px; border:2px solid #ffb4b8; border-radius:13px; background:linear-gradient(145deg,#2b1519,#080708); color:#fff; box-shadow:0 25px 35px #0008; font:600 25px 'Playfair Display'; letter-spacing:1.2px; transform:rotate(-7deg); }.delivery-box span { margin-top:-30px; color:#ffcdd0; font:600 10px 'DM Sans'; letter-spacing:1px; text-transform:uppercase; }.route-line { position:absolute; width:390px; height:190px; right:-40px; bottom:4%; border:2px dashed #ffacb1; border-left:0; border-radius:52%; transform:rotate(-17deg); opacity:.8; }.location-pin { position:absolute; left:17%; bottom:19%; display:grid; place-items:center; width:75px; height:75px; border-radius:50% 50% 50% 0; background:#fff; color:#d20d17; font-size:35px; transform:rotate(-45deg); box-shadow:0 14px 26px #0007; }.location-pin::first-letter { transform:rotate(45deg); }.slide-coupon .slide-art { background:radial-gradient(circle at 55% 42%, #f7242c 0,#9e0913 30%,#27080d 73%); }.coupon-ticket { position:absolute; top:20%; right:13%; display:flex; flex-direction:column; justify-content:center; width:330px; height:245px; padding:32px; border:1px dashed #fff; border-radius:18px; color:#fff; background:linear-gradient(135deg,#180b0f,#580b13); box-shadow:0 25px 45px #0009; transform:rotate(-6deg); }.coupon-ticket:before,.coupon-ticket:after { content:''; position:absolute; top:50%; width:31px; height:31px; border-radius:50%; background:#bb0d17; transform:translateY(-50%); }.coupon-ticket:before { left:-16px; }.coupon-ticket:after { right:-16px; }.coupon-ticket span { color:#ffb6b9; font:700 11px 'DM Sans'; letter-spacing:2px; }.coupon-ticket strong { margin:10px 0; color:#fff; font:700 51px/.85 'DM Sans'; letter-spacing:-3px; }.coupon-ticket b { color:#ff4b52; font:600 30px 'Playfair Display'; }.coupon-stamp { position:absolute; right:9%; bottom:15%; display:grid; place-items:center; width:105px; height:105px; border:2px solid #fff; border-radius:50%; color:#fff; background:#e11520; font:700 11px/1.25 'DM Sans'; letter-spacing:.7px; text-align:center; transform:rotate(12deg); }.carousel-controls { position:absolute; z-index:4; right:clamp(25px,4vw,70px); bottom:27px; display:flex; align-items:center; gap:12px; }.carousel-arrow { width:35px; height:35px; border:1px solid #ffffff80; border-radius:50%; color:#fff; background:#16090cb8; font-size:17px; cursor:pointer; transition:.2s ease; }.carousel-arrow:hover { background:#f21a22; border-color:#f21a22; }.carousel-dots { display:flex; gap:8px; }.carousel-dots button { width:9px; height:9px; padding:0; border:0; border-radius:99px; background:#ffffff70; cursor:pointer; transition:.25s ease; }.carousel-dots button.is-active { width:29px; background:#fff; }.carousel-dots span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.hero { min-height: 535px; grid-template-columns: 1.05fr .95fr; background: #120d0f; }
.hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(62px, 8vw, 118px) clamp(24px, 10vw, 180px); background: radial-gradient(circle at 12% 10%, #fff 0, #fff6f7 42%, #f7e9ec 100%); }
.hero h1 { max-width: 610px; font-size: clamp(47px, 5.6vw, 82px); line-height: .93; }
.lead { max-width: 470px; font-size: 16px; }
.button { border-radius: 999px; padding: 15px 22px; box-shadow: 0 10px 22px #e8172030; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 14px 26px #e8172044; }
.hero-art { background: radial-gradient(circle at 58% 50%, #4e1c25 0, #201015 33%, #0b090a 74%); }
.orb-one { width: 560px; height: 560px; border-color: #ff4d55; opacity: .65; bottom: -245px; right: -130px; }
.orb-two { width: 350px; height: 350px; background: #360e17; border-color: #9e222d; }
.hero-card { inset: 20% 19%; padding: 34px 37px; background: linear-gradient(145deg, #ff3137, #bb0913); box-shadow: 22px 22px 0 #ffffff12, 0 25px 55px #0008; border: 1px solid #ff8287; border-radius: 5px; }
.hero-card img { border-radius: 50%; border: 1px solid #fff9; }
.benefits { max-width: 1240px; padding: 23px 26px; gap: 14px; }
.benefits div { padding: 13px 16px; border: 1px solid #eee5e6; border-radius: 11px; background: #fff; }
.benefits span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #fff0f1; font-size: 19px; }
.products-section { padding: 82px clamp(24px, 10vw, 180px); background: linear-gradient(180deg, #fffdfc 0%, #faf5f5 100%); }
.section-heading { margin-bottom: 32px; }
.products-grid { grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 20px; }
.product-card { border: 1px solid #eee5e6; border-radius: 13px; overflow: hidden; box-shadow: 0 7px 20px #3410170a; transition: transform .2s ease, box-shadow .2s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 17px 34px #3410171b; }
.product-image { height: 275px; background: radial-gradient(circle at 50% 45%, #4b262d, #130d0f 72%); }
.product-image .placeholder { font-size: 54px; color: #ffced1; }
.product-details { padding: 18px 18px 19px; }
.product-details h3 { font-size: 19px; line-height: 1.12; min-height: 43px; }
.product-details p { height: 39px; margin-bottom: 13px; }
.price { font-size: 18px; }
.whatsapp-product { border-radius: 8px; background: #171b18; padding: 11px; transition: background .2s ease; }
.whatsapp-product:hover { background: #159447; }
.about { padding: 110px 24px; background: radial-gradient(circle at 50% 0%, #2c1117, #080708 62%); border-top: 0; }
.outline { border-radius: 999px; }
footer { padding: 28px clamp(24px, 10vw, 180px); border-top: 1px solid #372126; }
@media(max-width:700px) { .header { height: 78px; } .categories { justify-content: flex-start; } .hero { min-height: auto; } .hero-copy { min-height: 440px; } .hero-art { min-height: 320px; } .products-section { padding: 58px 22px; } .product-image { height: 300px; } }
@media(max-width:700px) { .topbar { padding:0 12px; gap:12px; }.topbar span { font-size:9px; }.header { padding:0 16px; }.header .logo img { width:47px; height:47px; }.cart-trigger { margin-left:auto; }.hero-carousel { min-height:610px; }.hero-slide { grid-template-columns:1fr; }.slide-content { min-height:610px; justify-content:flex-start; padding:55px 24px 120px; }.slide-content h1 { font-size:clamp(40px,12vw,57px); }.slide-content>p:not(.eyebrow) { max-width:335px; font-size:15px; }.slide-art { position:absolute; inset:auto 0 0; height:235px; opacity:.95; }.slide-wellness .slide-art:before { inset:15% 16%; }.silk-one { width:300px; height:165px; top:35px; }.silk-two { width:230px; height:120px; left:29px; bottom:20px; border-width:12px; }.monogram { right:14%; bottom:7%; font-size:105px; }.delivery-box { width:190px; height:133px; right:17%; top:26px; font-size:19px; }.delivery-box span { font-size:8px; }.route-line { width:270px; height:115px; bottom:-8px; }.location-pin { left:16%; bottom:31px; width:53px; height:53px; font-size:26px; }.coupon-ticket { top:20px; right:17%; width:220px; height:160px; padding:23px; }.coupon-ticket strong { margin:7px 0; font-size:35px; }.coupon-ticket b { font-size:22px; }.coupon-stamp { right:8%; bottom:8px; width:74px; height:74px; font-size:8px; }.carousel-controls { right:20px; bottom:17px; }.carousel-arrow { width:31px; height:31px; }.benefits { padding:18px 16px; }.products-section { padding-left:16px; padding-right:16px; } }

/* Painel administrativo */
.admin-dialog { max-width: 1040px; max-height: calc(100dvh - 32px); padding: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; border-radius: 18px; background: #fffdfc; box-shadow: 0 30px 90px #12070a66; }
.admin-dialog > .close { z-index: 3; right: 22px; top: 20px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffffff40; border-radius: 50%; color: #fff; font-size: 28px; line-height: 1; transition: .2s ease; }
.admin-dialog > .close:hover { background: #fff; color: var(--red); }
.admin-dialog .admin-head { padding: 38px 88px 34px 42px; color: #fff; background: radial-gradient(circle at 88% 0%, #701a26 0, #300d15 33%, #0b090a 76%); border-bottom: 4px solid var(--red); }
.admin-dialog .admin-head .eyebrow { color: #ffb7ba; margin-bottom: 11px; }
.admin-dialog .admin-head h2 { color: #fff; font-size: clamp(32px, 4vw, 46px); letter-spacing: -1.8px; }
.admin-dialog .admin-head .text-button { color: #fff; border: 1px solid #ffffff50; border-radius: 999px; padding: 8px 14px; text-decoration: none; }
.admin-dialog .admin-head .text-button:hover { background: #fff; color: #1b0b0f; }
.admin-dialog > details, .admin-dialog > section { margin-left: 42px; margin-right: 42px; }
.admin-dialog .admin-orders-panel { overflow: hidden; border: 1px solid #eddde0; border-radius: 13px; background: #fff; box-shadow: 0 7px 18px #3d11180a; }
.admin-dialog .admin-orders-panel summary { min-height: 76px; padding: 18px 22px; font-size: 21px; transition: background .2s ease; }
.admin-dialog .admin-orders-panel summary:hover { background: #fff6f7; }
.admin-dialog .admin-orders-panel summary span { padding: 6px 10px; border-radius: 999px; background: #fff0f1; font-size: 11px; }
.admin-dialog .admin-orders-content { padding: 20px 22px 22px; background: #fffdfc; }
.admin-dialog .admin-coupons { margin-top: 14px; margin-bottom: 30px; }
.admin-dialog .admin-products-panel { margin-top: 0; margin-bottom: 30px; }
.admin-dialog .admin-products-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; padding-bottom: 15px; margin-bottom: 3px; border-bottom: 1px solid #efdfe2; }
.admin-dialog .admin-products-head h3 { margin: 0; font: 600 24px 'Playfair Display'; }
.admin-dialog .admin-products-head p { max-width: 390px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; text-align: right; }
.admin-dialog .admin-product-search { display:block; max-width:430px; margin:18px 0 8px; color:#32282b; font-size:11px; font-weight:700; letter-spacing:.25px; }.admin-dialog .admin-product-search input { display:block; width:100%; margin-top:7px; padding:11px 13px; border:1px solid #e2cfd3; border-radius:8px; background:#fff; color:var(--ink); font:14px 'DM Sans'; outline:0; }.admin-dialog .admin-product-search input:focus { border-color:var(--red); box-shadow:0 0 0 3px #f21a2214; }
.admin-dialog .admin-product-editor { margin-top: 0; padding: 30px; border: 1px solid #eadde0; border-radius: 14px; background: linear-gradient(145deg, #fff 0%, #fff8f8 100%); box-shadow: 0 7px 18px #3d11180a; }
.admin-section-title { display: flex; justify-content: space-between; gap: 20px; align-items: end; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid #efdfe2; }
.admin-section-title .eyebrow { margin-bottom: 7px; }
.admin-section-title h3 { margin: 0; font: 600 28px 'Playfair Display'; }
.admin-section-title > p { max-width: 300px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; text-align: right; }
.admin-dialog .product-form { gap: 18px; }
.admin-dialog .product-form label, .admin-dialog .new-category label { color: #32282b; font-size: 11px; letter-spacing: .25px; }
.admin-dialog .product-form input, .admin-dialog .product-form textarea, .admin-dialog .product-form select { border: 1px solid #e2cfd3; border-radius: 8px; padding: 12px 13px; margin-top: 7px; background: #fff; box-shadow: inset 0 1px 2px #1c081008; transition: border-color .2s ease, box-shadow .2s ease; }
.admin-dialog .product-form input:focus, .admin-dialog .product-form textarea:focus, .admin-dialog .product-form select:focus { border-color: var(--red); box-shadow: 0 0 0 3px #f21a2214; outline: 0; }
.admin-dialog .new-category { align-items: end; gap: 12px; }
.admin-dialog .new-category .text-button { margin-bottom: 4px; padding: 10px 12px; border: 1px solid #f0c8cc; border-radius: 8px; background: #fff; text-decoration: none; }
.admin-dialog .image-help { margin: -9px 0 0; padding: 10px 12px; border-left: 3px solid #f6a1a6; border-radius: 4px; background: #fff4f5; }
.admin-dialog .image-preview { border: 1px dashed #dcbfc4; border-radius: 10px; padding: 13px; background: #fff; }
.admin-dialog .image-preview img { width: 96px; height: 96px; border-radius: 8px; }
.admin-dialog .form-actions { margin-top: 4px; padding-top: 19px; border-top: 1px solid #efdfe2; }
.admin-dialog .form-actions .button { padding: 14px 23px; }
.admin-dialog .bulk-import, .admin-dialog .admin-list { margin: 32px 42px 0; padding: 28px 30px; border: 1px solid #eadde0; border-radius: 14px; background: #fff; box-shadow: 0 7px 18px #3d11180a; }
.admin-dialog .bulk-import { border-top: 3px solid #f21a22; }
.admin-dialog .bulk-import h3, .admin-dialog .admin-list h3 { font-size: 25px; }
.admin-dialog .bulk-import input[type=file] { padding: 10px; border: 1px dashed #d9bfc4; border-radius: 8px; background: #fffafa; }
.admin-dialog .admin-list { margin-bottom: 42px; }
.admin-dialog .admin-row { padding: 15px 4px; }
.admin-dialog .row-actions button { border-radius: 7px; transition: .2s ease; }
.admin-dialog .row-actions button:hover { border-color: var(--red); color: var(--red); }
.admin-dialog .coupon-form input { border-radius: 8px; }
.admin-dialog .coupon-row { border-radius: 10px; }
@media(max-width:700px) { .admin-dialog .admin-head { padding: 32px 64px 28px 24px; } .admin-dialog > details, .admin-dialog > section { margin-left: 18px; margin-right: 18px; } .admin-dialog .admin-product-editor { padding: 20px; } .admin-section-title, .admin-dialog .admin-products-head { display: block; } .admin-section-title > p, .admin-dialog .admin-products-head p { margin-top: 8px; text-align: left; } .admin-dialog .bulk-import, .admin-dialog .admin-list { margin-left: 18px; margin-right: 18px; padding: 22px; } }
.about-since{display:block;margin-top:14px;color:#f0c6ca;font:600 11px 'DM Sans';letter-spacing:1px;text-transform:uppercase}
.social-float{position:fixed;right:22px;bottom:24px;z-index:30;display:grid;gap:10px}.social-link{display:grid;place-items:center;width:52px;height:52px;border:2px solid #fff;border-radius:50%;color:#fff;box-shadow:0 10px 24px #16070a45;transition:transform .2s ease,box-shadow .2s ease}.social-link svg{width:26px;height:26px;fill:currentColor}.social-link:hover,.social-link:focus-visible{transform:translateY(-3px);box-shadow:0 14px 28px #16070a66}.social-link:focus-visible{outline:3px solid #f5b7bc;outline-offset:3px}.social-link.whatsapp{background:#25d366}.social-link.instagram{background:linear-gradient(135deg,#7b2ab5,#d62976 52%,#f77737)}@media(max-width:700px){.social-float{right:14px;bottom:18px;gap:8px}.social-link{width:47px;height:47px}.social-link svg{width:24px;height:24px}}