/* RAFOK v1.6: interface original V1 preservada */
:root{--ink:#1f1f23;--purple:#7b3fe6;--violet:#a467ef;--bg:#f7f6f9;--dark:#1f1f23}
body{font-family:Montserrat,Arial,sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{z-index:90}.header-row{height:83px;gap:18px}.brand img{width:170px;height:auto;max-height:68px;object-fit:contain}.header-search{height:45px;border:1px solid #e5e1ec;border-radius:13px;display:flex;align-items:center;gap:10px;flex:1;max-width:520px;padding:0 6px 0 14px;background:#fff}.header-search>i{color:var(--purple)}.header-search input{border:0;outline:0;min-width:0;flex:1;font:inherit;font-size:13px}.header-search button{height:34px;width:38px;border:0;border-radius:9px;background:var(--purple);color:white}.desktop-nav{gap:17px;white-space:nowrap;font-size:12px}.desktop-nav>a,.mega-trigger{display:flex;align-items:center;gap:6px}.desktop-nav .small-icon{font-size:9px}.mega-holder{height:83px;display:flex;align-items:center}.mega-trigger{font-weight:800}.mega-menu{position:absolute;top:80px;left:50%;transform:translateX(-50%) translateY(9px);width:min(1100px,calc(100vw - 35px));padding:25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;background:white;box-shadow:0 24px 70px #160d292a;border:1px solid #eae4f2;border-radius:0 0 20px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s;white-space:normal}.mega-holder:hover .mega-menu,.mega-holder:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-column{display:flex;flex-direction:column;gap:8px}.mega-cat{font-size:14px;font-weight:800;color:var(--ink);display:flex;gap:9px;align-items:center}.mega-cat i{color:var(--purple)}.mega-sub{font-size:12px;font-weight:400;color:#6f6677;padding-left:24px}.mega-sub:hover{color:var(--purple)}.header-category-strip{border-top:1px solid #f0edf5;max-height:48px;overflow:hidden;transition:max-height .28s,opacity .28s;opacity:1}.header-category-strip .container{display:flex;justify-content:space-between;gap:10px;overflow-x:auto;scrollbar-width:none}.header-category-strip a{padding:13px 0;font-size:11px;font-weight:750;white-space:nowrap;display:flex;align-items:center;gap:7px}.header-category-strip a i{color:var(--purple)}.scroll-compact .header-category-strip{max-height:0;opacity:0}.search-trigger{display:none}.legacy-search{display:none}.hero h1 em{background:linear-gradient(100deg,#e9b9ff,#9b69f4);-webkit-background-clip:text;background-clip:text}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{aspect-ratio:1/1;height:auto!important;overflow:hidden;background:white!important;display:block;position:relative;padding:0!important}.product-photo{width:100%;height:100%;object-fit:contain;background:white;display:block;transition:transform .48s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-photo{transform:scale(1.09)}.product-card:hover .product-image{transform:none!important}.product-badge{z-index:2}.category-icon i{font-size:24px}.spotlight-circle img{width:145px;height:145px;object-fit:contain;border-radius:24px}.footer .brand img{filter:brightness(0) invert(1)}.social-links{display:flex;gap:10px;margin-top:12px}.social-links a{width:37px;height:37px;border:1px solid #ffffff45;border-radius:11px;display:grid;place-items:center;font-size:18px!important;color:#fff!important;transition:background .2s,transform .2s}.social-links a:hover{background:var(--purple);transform:translateY(-3px)}.footer-grid small{font-size:10px;color:#b4a9c8}.bottom-nav i{font-size:20px;color:var(--purple);margin:4px 0}.wa-widget{position:fixed;bottom:25px;right:23px;z-index:105}.wa-toggle{height:59px;width:59px;border:0;border-radius:50%;background:#25d366;color:#fff;font-size:32px;box-shadow:0 12px 34px #0003;transition:transform .2s}.wa-toggle:hover{transform:scale(1.08)}.wa-panel{position:absolute;bottom:72px;right:0;width:min(320px,calc(100vw - 35px));padding:20px;background:#fff;box-shadow:0 16px 45px #0002;border:1px solid #eee;border-radius:16px}.wa-panel[hidden]{display:none}.wa-panel strong{font-size:16px}.wa-panel p{font-size:12px;color:#6c6474}.wa-panel label{display:block;font-size:12px;font-weight:700;margin-top:10px}.wa-panel input{width:100%;border:1px solid #ddd;padding:10px;border-radius:8px;margin-top:5px}.wa-panel form button{margin-top:15px;width:100%;padding:12px;border:0;background:#25d366;color:white;border-radius:9px;font-weight:800}.drawer-categories details a{display:block;padding:8px 12px;font-size:12px}.drawer-categories summary i{color:var(--purple);margin-right:8px}.mobile-drawer>a{justify-content:flex-start;gap:10px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-top{padding:60px 0 20px}.page-top h1{font-size:clamp(2.2rem,5vw,3.8rem)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:70px 0}.detail-photo{aspect-ratio:1;background:white;border:1px solid #eee;border-radius:22px;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:contain}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px 0 100px}.contact-form{display:grid;gap:14px}.contact-form label{font-weight:700;font-size:13px}.contact-form input,.contact-form textarea{width:100%;display:block;padding:12px;border:1px solid #ddd;border-radius:10px;margin-top:5px;font:inherit}.contact-form button{border:0;padding:15px;background:var(--purple);color:white;border-radius:10px;font-weight:800}
@media(max-width:1100px){.header-category-strip a{font-size:10px}.desktop-nav{gap:10px}.brand img{width:135px}}@media(max-width:800px){.desktop-nav,.header-category-strip{display:none}.header-row{height:68px}.header-search{max-width:none}.search-trigger{display:none}.menu-trigger{display:block}.brand img{width:118px}.product-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.contact-grid{grid-template-columns:1fr}.wa-widget{bottom:84px;right:14px}.wa-toggle{width:52px;height:52px;font-size:27px}.wa-panel{bottom:62px}}@media(max-width:480px){.header-row{gap:8px}.brand img{width:98px}.header-search{height:40px;padding-left:8px;gap:5px}.header-search input{font-size:11px}.header-search button{width:28px}.header-actions .icon-button{width:35px;height:39px}.product-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-info{padding:13px}.product-image{aspect-ratio:1}.product-info h3{font-size:14px}.product-info p{min-height:0}.footer .brand img{width:150px}}

/* V2.0 polish: restore V1 look, true brand mark, delicate FA icons */
:root{--purple:#7b3fe6;--ink:#1f1f23;--bg:#f7f6f9}
.hero h1{font-size:clamp(2.8rem,5.2vw,5.25rem);line-height:1.14;letter-spacing:-.045em;overflow:visible;padding-bottom:.08em}
.hero h1 em{display:inline;white-space:normal;box-decoration-break:clone}
.hero-content{min-width:0}.hero-grid{overflow:visible}
.hero-actions .button{display:inline-flex;align-items:center;gap:12px}.hero-actions .button i{font-size:12px}
.tech-core{background:transparent!important;box-shadow:none!important;display:grid;place-items:center}
.tech-core img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 25px #09031540);animation:rafokFloat 5s ease-in-out infinite}
.spotlight-circle{background:transparent!important}.spotlight-circle img{width:160px;height:160px;border-radius:32px;filter:drop-shadow(0 10px 25px #1b093b60);animation:rafokFloat 5s ease-in-out infinite}
@keyframes rafokFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(2deg)}}
.header-category-strip{display:none!important}.site-header{overflow:visible}.header-row{position:relative}
.header-search{position:relative}.header-trends{position:absolute;top:calc(100% + 9px);left:0;display:none;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;padding:12px 15px;border:1px solid #ebe5f2;box-shadow:0 15px 35px #100b201a;border-radius:12px;z-index:110;font-size:11px;color:#746d83;width:max-content;max-width:calc(100vw - 30px)}
.header-search:focus-within .header-trends,.header-search:hover .header-trends{display:flex}.header-trends a{padding:5px 10px;background:#f7f2ff;border-radius:30px;color:#6f39cc}.header-trends a:hover{background:#e9ddff}
.legacy-search{display:block;margin-top:-24px;position:relative;z-index:4}.legacy-search .search-box{box-shadow:0 16px 55px #170f2916}.search-hints{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.product-image{aspect-ratio:1/1!important;overflow:hidden!important;isolation:isolate;background:#fff!important}.product-photo{width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.18,.75,.2,1);will-change:transform}.product-card:hover .product-photo{transform:scale(1.09)}
.category-icon i,.step-icon i,.desktop-nav i,.mega-menu i,.header-search i,.footer i,.float-icon i{font-size:.88em;font-weight:400}.category-icon i{font-size:18px}.step-icon i{font-size:17px}
.brand img{max-height:60px}.footer .brand img{filter:none}.footer .brand img{content:url('logo-rafok-branco.png')}
.social-links a i{font-size:15px!important}.social-links a{width:38px;height:38px}
.hero-visual .glass-panel{overflow:visible}.hero-visual .tech-shape{overflow:visible}
@media(max-width:800px){.hero h1{font-size:clamp(2.7rem,9vw,4.3rem)}.header-trends{left:auto;right:-45px}.legacy-search{margin-top:0}.search-box{min-width:0}}
@media(max-width:480px){.hero h1{font-size:clamp(2.45rem,10vw,3.2rem)}.hero-actions{gap:10px}.hero-actions .button{font-size:11px}.header-trends{right:-48px}.search-hints{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tech-core img,.spotlight-circle img{animation:none}.product-photo{transition:none}}

/* RAFOK: letra original isolada, sem fundo ou quadrado */
.tech-core,.spotlight-circle{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.tech-core img{width:175px!important;height:auto!important;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 28px #08031260)!important}
.spotlight-circle img{width:165px!important;height:auto!important;border-radius:0!important;filter:drop-shadow(0 12px 26px #08031260)!important}
/* Ícones Font Awesome mais delicados e menores */
.desktop-nav i,.mega-menu i,.header-search i,.float-card i,.footer i,.step-icon i{font-size:12px!important}
.step-icon{width:42px;height:42px;border-radius:12px}.float-icon{width:30px;height:30px;border-radius:9px}
.mega-menu i{width:14px}.float-top{gap:12px}

/* RAFOK ajustes pontuais: vitrine uniforme, banner e marca */
.product-image{aspect-ratio:1/1!important;width:100%;height:auto!important;overflow:hidden!important;background:#f7f6f9!important;display:grid!important;place-items:center}
.product-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.07);transition:transform .45s ease}
.product-card:hover .product-photo{transform:scale(1.17)}
/* Cartões demonstrativos sem fotos genéricas */
.product-image:has(.rafok-example){background:#f6f2fc!important}
.rafok-example{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#7b3fe6}
.rafok-example i{font-size:clamp(28px,3.4vw,48px);font-weight:400;opacity:.8}
.rafok-example span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6d5688}
.spotlight-art{position:relative;isolation:isolate}
.spotlight-art::before,.spotlight-art::after{content:"";position:absolute;left:50%;top:50%;width:245px;height:245px;border:1px solid #e7d4ff50;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:rafokPulse 6s ease-in-out infinite}
.spotlight-art::after{width:330px;height:330px;animation-delay:-3s}
.spotlight-circle{position:relative;z-index:1;animation:rafokFloat 5s ease-in-out infinite}
.spotlight-circle img{animation:none!important}
@keyframes rafokPulse{0%,100%{opacity:.28;scale:.94}50%{opacity:.75;scale:1.05}}
.brand img{background:transparent!important;mix-blend-mode:normal!important}
@media(prefers-reduced-motion:reduce){.spotlight-art::before,.spotlight-art::after,.spotlight-circle{animation:none}}

/* PATCH 2.2: sticky navigation, prominent search and CSS LED symbol */
.site-header{position:sticky!important;top:0!important;z-index:999!important;background:#fff!important;box-shadow:0 6px 24px #140d2510}
.announcement{position:relative;z-index:1000}
.header-search{overflow:visible!important;max-width:560px!important;box-shadow:0 5px 20px #160e240b}
.header-search .search-symbol{font-size:29px;line-height:1;font-weight:400;color:#7b3fe6;transform:rotate(-22deg);display:inline-block}
.header-search button span{font-size:21px;font-weight:400}
.header-trends{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity .2s,transform .2s;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important}
.header-search:focus-within .header-trends,.header-search:hover .header-trends{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
/* A search block below the header, including trending terms, is also available on the home */
.legacy-search{display:block!important;margin-top:-26px!important;position:relative;z-index:5}
.legacy-search .search-glass{font-size:0}.legacy-search .search-glass:after{content:'⌕';font-size:31px;line-height:1;color:#7b3fe6}
.legacy-search .search-hints{margin-top:15px}
/* LED segments drawn in CSS, not a bitmap */
.rafok-led-r{position:relative;width:142px;height:142px;filter:drop-shadow(0 0 11px #bb83ff9c) drop-shadow(0 0 24px #7b3fe675);animation:ledFloat 5s ease-in-out infinite}
.rafok-led-r span{position:absolute;display:block;background:#fdfbff;box-shadow:0 0 6px #fff,0 0 15px #c18aff,0 0 30px #8d4bff;animation:ledDraw 2.3s ease-out both}
.rafok-led-r .led-top{left:13%;top:15%;width:61%;height:18%;border-radius:5px 35px 35px 5px;clip-path:polygon(0 0,75% 0,100% 35%,100% 70%,80% 100%,0 100%)}
.rafok-led-r .led-left{left:13%;top:15%;width:19%;height:73%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.rafok-led-r .led-loop{left:30%;top:42%;width:52%;height:19%;border-radius:0 30px 30px 0;clip-path:polygon(0 0,75% 0,100% 20%,100% 70%,70% 100%,0 100%)}
.rafok-led-r .led-diagonal{left:48%;top:57%;width:43%;height:32%;clip-path:polygon(0 0,40% 0,100% 100%,55% 100%);background:#b77cff}
@keyframes ledDraw{0%{opacity:0;filter:brightness(.3);transform:scale(.92)}70%{opacity:1;filter:brightness(1.3)}100%{opacity:1;transform:scale(1)}}
@keyframes ledFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(2deg)}}
.tech-core,.spotlight-circle{background:transparent!important;box-shadow:none!important;border:0!important}
.spotlight-circle .rafok-led-r{width:165px;height:165px}
/* Icons are converted to vector SVG by JS if Font Awesome fails to load */
.rafok-icon-svg{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.step-icon .rafok-icon-svg{width:20px;height:20px}.mega-cat .rafok-icon-svg,.desktop-nav .rafok-icon-svg{width:14px;height:14px}
@media(max-width:800px){.site-header{top:0!important}.header-search{flex:1!important}.header-trends{max-width:calc(100vw - 30px)}.legacy-search{margin-top:0!important}}
@media(prefers-reduced-motion:reduce){.rafok-led-r,.rafok-led-r span{animation:none}}

/* Patch: menu sempre visível e subcategorias com ícones leves */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important}
body{padding-top:var(--rafok-header-height,79px)!important}
.mega-sub,.drawer-categories details>a{display:flex!important;align-items:center;gap:9px}
.rafok-sub-icon{width:13px;height:13px;min-width:13px;flex:none;color:#7b3fe6;opacity:.85}
.mega-menu{max-height:calc(100vh - 105px);overflow-y:auto}
@media(max-width:800px){.rafok-sub-icon{width:14px;height:14px;min-width:14px}}

/* RAFOK 2.1: original logo geometry vector traced from user's reference; LED stroke drawing */
.rafok-draw-svg{display:block;width:min(76%,250px);height:auto;overflow:visible;filter:drop-shadow(0 0 12px #b67bff) drop-shadow(0 0 26px #9954ff);animation:rafok-breathe 4s ease-in-out infinite}
.rafok-r-glow,.rafok-r-fill{stroke-linejoin:round;stroke-linecap:round}
.rafok-r-glow{fill:none;stroke:#bd83ff;stroke-width:3;stroke-dasharray:950;stroke-dashoffset:950;animation:rafok-trace 3.3s ease-in-out forwards;filter:url(#rafok-neon)}
.rafok-r-fill{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:.7;stroke-dasharray:950;stroke-dashoffset:950;animation:rafok-trace 3.3s ease-in-out forwards,rafok-fill 1.2s 2.3s forwards}
@keyframes rafok-trace{to{stroke-dashoffset:0}}@keyframes rafok-fill{to{fill-opacity:1}}@keyframes rafok-breathe{50%{filter:drop-shadow(0 0 20px #caa4ff) drop-shadow(0 0 40px #9d5bff)}}
.tech-core,.spotlight-circle{display:grid!important;place-items:center!important;overflow:visible!important}
.tech-core .rafok-draw-svg{width:180px;max-width:90%}.spotlight-circle .rafok-draw-svg{width:175px;max-width:90%}
/* preserve showcase examples, 1:1 square imagery, zoom within image only */
.product-image{height:auto!important;aspect-ratio:1/1!important;overflow:hidden!important;position:relative!important}
.rafok-vitrine-symbol{display:grid;place-items:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.rafok-vitrine-symbol i{font-size:clamp(60px,7vw,110px);color:#7950cb}.product-card:hover .rafok-vitrine-symbol{transform:scale(1.11)}
.rafok-vitrine-violet{background:linear-gradient(135deg,#eee5ff,#d9c4ff)}.rafok-vitrine-blue{background:linear-gradient(135deg,#e5f2ff,#b8d6ff)}.rafok-vitrine-pink{background:linear-gradient(135deg,#fce8f8,#edc6ff)}.rafok-vitrine-cyan{background:linear-gradient(135deg,#e3fcff,#b4e9f0)}.rafok-vitrine-peach{background:linear-gradient(135deg,#fff0e8,#ffd6cd)}.rafok-vitrine-green{background:linear-gradient(135deg,#e7f9ec,#b8efd5)}
.product-image .product-badge{z-index:2}.product-info{position:relative;z-index:2;background:#fff}
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important}
body{padding-top:79px!important}html{scroll-padding-top:110px}
@media(max-width:720px){body{padding-top:65px!important}.rafok-draw-svg{width:175px}.product-image{aspect-ratio:1/1!important}.rafok-vitrine-symbol i{font-size:62px}}
@media(prefers-reduced-motion:reduce){.rafok-draw-svg,.rafok-r-glow,.rafok-r-fill{animation:none!important}.rafok-r-glow{stroke-dashoffset:0}.rafok-r-fill{fill-opacity:1;stroke-dashoffset:0}}

/* RAFOK VITRINE ORIGINAL: preserva integralmente fundos, dimensões e animações V1. */
.feature-section .product-image.violet{background:linear-gradient(145deg,#ede5ff,#d8c4ff)!important}
.feature-section .product-image.blue{background:linear-gradient(145deg,#e5f2ff,#b8d6ff)!important}
.feature-section .product-image.pink{background:linear-gradient(145deg,#fce8f8,#edc6ff)!important}
.feature-section .product-image.cyan{background:linear-gradient(145deg,#e3fcff,#b4e9f0)!important}
.feature-section .product-image.peach{background:linear-gradient(145deg,#fff0e8,#ffd6cd)!important}
.feature-section .product-image.green{background:linear-gradient(145deg,#e7f9ec,#b8efd5)!important}
.feature-section .product-image{height:230px!important;aspect-ratio:auto!important;display:grid!important;place-items:center!important;padding:0!important}
.feature-section .product-art{font-size:105px;color:#7950cb;line-height:1;transform:rotate(-12deg);text-shadow:0 16px 25px #6e39a138;transition:transform .4s}
.feature-section .product-art i{font-size:inherit;color:inherit;line-height:1;display:block}
.feature-section .product-card:hover .product-art{transform:rotate(0deg) scale(1.12)}
.feature-section .product-shimmer{pointer-events:none}
@media(max-width:720px){.feature-section .product-image{height:155px!important}.feature-section .product-art{font-size:76px}}

/* 2.0: official assets and Font Awesome library */
.footer .brand img{content:none!important;filter:none!important}
.brand img{object-fit:contain!important}
.rafok-share{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.rafok-share button,.rafok-share a{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid #ded7ed;border-radius:12px;background:#fff;color:#39255e;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.rafok-share button:hover,.rafok-share a:hover{border-color:#8038ee;color:#8038ee}

#product-detail + .rafok-share{margin-bottom:32px}
.rafok-sub-icon{width:1.1em!important;height:auto!important;font-size:14px;display:inline-block}
/* Compartilhamento integrado à ficha de produto | 2.1 */
.rafok-share-panel{margin-top:26px;padding:20px;border:1px solid #e7ddf8;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#fff);box-shadow:0 8px 25px rgba(77,31,135,.045)}
.rafok-share-label{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:14px;font-weight:800;color:#35264b}
.rafok-share-label i{color:#7b3fe6}
.rafok-share-actions{display:flex;flex-wrap:wrap;gap:9px}
.rafok-share-actions button,.rafok-share-actions a,.rafok-share-extra a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 15px;border:1px solid #ddd4ed;border-radius:11px;background:white;color:#35264b;font:inherit;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}
.rafok-share-actions button:hover,.rafok-share-actions a:hover,.rafok-share-extra a:hover{transform:translateY(-2px);border-color:#7b3fe6}
.rafok-share-actions .rafok-share-main{background:#7b3fe6;color:white;border-color:#7b3fe6;flex:1 1 180px}
.rafok-share-actions .rafok-share-wa{color:#148342;border-color:#bde7cd}
.rafok-share-extra{margin-top:11px}.rafok-share-extra a{min-height:34px;padding:7px 11px;font-size:12px}
.rafok-share-feedback{font-size:12px}
@media(max-width:600px){.rafok-share-panel{padding:15px;margin-top:22px}.rafok-share-actions{display:grid;grid-template-columns:1fr 1fr}.rafok-share-actions .rafok-share-main{grid-column:1/-1;min-height:50px;font-size:14px}.rafok-share-actions button,.rafok-share-actions a{min-height:46px;padding:9px 10px}.detail-grid{padding-top:28px}}

/* Correção RAFOK: símbolo oficial na hero */
.tech-core .rafok-hero-logo{display:block;width:180px!important;height:auto!important;max-width:90%;object-fit:contain;filter:drop-shadow(0 0 14px #b67bff) drop-shadow(0 0 25px #9954ff);animation:rafok-breathe 4s ease-in-out infinite}


/* RAFOK | Font Awesome 6: alinhamento e famílias corretas */
.fa-solid, .fas {font-family:"Font Awesome 6 Free" !important;font-weight:900 !important;font-style:normal}
.fa-regular, .far {font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;font-style:normal}
.fa-brands, .fab {font-family:"Font Awesome 6 Brands" !important;font-weight:400 !important;font-style:normal}
.desktop-nav i, .mega-menu i {display:inline-block;line-height:1;vertical-align:middle}
.rafok-sub-icon {width:20px;text-align:center;flex-shrink:0}

/* RAFOK HERO | traço animado original e revelação da marca oficial */
.tech-core.rafok-hero-reveal{position:relative!important;width:190px;height:190px;isolation:isolate;overflow:visible!important}
.rafok-hero-reveal .rafok-hero-trace,.rafok-hero-reveal .rafok-hero-logo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain}
.rafok-hero-trace{overflow:visible;z-index:2;pointer-events:none;animation:rafok-trace-hide .7s 3.1s forwards}
.rafok-trace-line,.rafok-trace-halo{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3200;stroke-dashoffset:3200;animation:rafok-hero-draw 2.8s cubic-bezier(.25,.1,.2,1) forwards}
.rafok-trace-line{stroke:#fff;stroke-width:6;filter:drop-shadow(0 0 9px #ba7dff)}
.rafok-trace-halo{stroke:#a85cff;stroke-width:18;opacity:.75;filter:url(#rafok-trace-glow)}
.rafok-hero-reveal .rafok-hero-logo{z-index:1;opacity:0;animation:rafok-logo-arrive 1.15s 2.35s forwards,rafok-logo-glow 4s 3.5s ease-in-out infinite!important;filter:drop-shadow(0 0 12px #b67bff) drop-shadow(0 0 28px #9954ff)!important}
@keyframes rafok-hero-draw{to{stroke-dashoffset:0}}
@keyframes rafok-trace-hide{to{opacity:0;visibility:hidden}}
@keyframes rafok-logo-arrive{to{opacity:1}}
@keyframes rafok-logo-glow{0%,100%{filter:drop-shadow(0 0 12px #b67bff) drop-shadow(0 0 25px #9954ff)}50%{filter:drop-shadow(0 0 22px #d9b8ff) drop-shadow(0 0 44px #9d5bff)}}
@media(prefers-reduced-motion:reduce){.rafok-hero-reveal .rafok-hero-logo{opacity:1;animation:none!important}.rafok-hero-trace{display:none}}

/* RAFOK: carrossel de lojas sem sombras pretas nas extremidades */
.store-carousel .store-fade,
.store-carousel .store-fade-left,
.store-carousel .store-fade-right { display: none !important; background: none !important; }

/* RAFOK 2.3 | ícones das categorias voam para o carrinho */
.rafok-cart-flyer{position:fixed;z-index:999;left:0;top:0;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:radial-gradient(circle at 35% 25%,#c5a0ff55,#8240d71a 65%,transparent);border:1px solid #c9a4ff65;box-shadow:0 0 18px #9854ff80,0 0 34px #9555ff35;pointer-events:none;will-change:transform,opacity;opacity:0;}
.rafok-cart-flyer i{font-size:23px;filter:drop-shadow(0 0 7px #d9bbff)}
.rafok-cart-target{transform-origin:center;}
.rafok-cart-target.rafok-cart-receive{animation:rafok-cart-receive .48s ease-out}
@keyframes rafok-cart-receive{0%,100%{transform:scale(1)}40%{transform:scale(1.17);filter:drop-shadow(0 0 22px #fff) drop-shadow(0 0 35px #ad65ff)}}
@media(max-width:640px){.rafok-cart-flyer{width:36px;height:36px;border-radius:12px}.rafok-cart-flyer i{font-size:17px}}
@media(prefers-reduced-motion:reduce){.rafok-cart-flyer{display:none!important}.rafok-cart-target.rafok-cart-receive{animation:none}}

/* RAFOK 2.4 | carrinho preenchido progressivamente por ícones aleatórios */
.rafok-cart-assembly{--rafok-intensity:0;--rafok-energy:.12;position:relative;display:inline-grid;place-items:center;isolation:isolate;line-height:1;transform-origin:center;overflow:visible}
.rafok-cart-assembly .rafok-cart-base{position:relative;z-index:1;color:#fff;filter:drop-shadow(0 0 7px rgba(169,103,255,.3))}
.rafok-cart-assembly .rafok-cart-fill{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#bc77ff;opacity:calc(var(--rafok-intensity, 0) * .94);filter:drop-shadow(0 0 calc(4px + 20px * var(--rafok-intensity, 0)) rgba(188,112,255,1));transition:opacity .75s ease,filter .75s ease;pointer-events:none}
.rafok-cart-energy{position:absolute;inset:-28%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(160,83,255,.7),rgba(144,63,250,.17) 48%,transparent 72%);opacity:var(--rafok-energy);filter:blur(17px);transition:opacity .9s;pointer-events:none}
.rafok-cart-assembly.rafok-cart-receive{animation:rafok-cart-hit .55s ease-out}
.rafok-cart-assembly.rafok-cart-full{animation:rafok-cart-celebrate 1.3s ease-in-out}
@keyframes rafok-cart-hit{0%,100%{scale:1}48%{scale:1.09}}
@keyframes rafok-cart-celebrate{0%,100%{scale:1;filter:drop-shadow(0 0 12px #a55aff)}50%{scale:1.14;filter:drop-shadow(0 0 32px #cf9bff)}}
@media(prefers-reduced-motion:reduce){.rafok-cart-assembly .rafok-cart-fill,.rafok-cart-energy{transition:none}.rafok-cart-assembly.rafok-cart-receive,.rafok-cart-assembly.rafok-cart-full{animation:none}}

/* RAFOK 3.1: intensidade homogênea, sem preenchimento vertical */
.rafok-cart-assembly .rafok-cart-base{filter:drop-shadow(0 0 calc(5px + 17px * var(--rafok-intensity,0)) rgba(174,99,255,.9));transition:filter .75s ease}
.rafok-cart-assembly .rafok-cart-fill{clip-path:none!important;opacity:calc(var(--rafok-intensity,0) * .94)!important;transition:opacity .75s ease,filter .75s ease!important}

/* RAFOK 3.2 | aura radial que cresce do centro, sem preenchimento vertical */
.rafok-cart-assembly{--rafok-halo-size:.68;--rafok-intensity:0;--rafok-energy:.12}
.rafok-cart-assembly::before,.rafok-cart-assembly::after{content:"";position:absolute;inset:-68%;border-radius:50%;pointer-events:none;z-index:0;transform:scale(var(--rafok-halo-size));transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s ease;}
.rafok-cart-assembly::before{background:radial-gradient(circle,rgba(194,139,255,.62) 0%,rgba(150,65,255,.35) 27%,rgba(127,50,250,.12) 53%,transparent 73%);opacity:calc(.12 + var(--rafok-intensity)*.78);filter:blur(19px)}
.rafok-cart-assembly::after{inset:-96%;background:radial-gradient(circle,rgba(189,125,255,.24),rgba(154,67,255,.10) 33%,transparent 68%);opacity:calc(var(--rafok-intensity)*.75);filter:blur(28px)}
.rafok-cart-assembly .rafok-cart-energy{inset:-60%;background:radial-gradient(circle,rgba(189,110,255,.5) 0%,rgba(138,62,255,.17) 42%,transparent 72%);opacity:calc(.08 + var(--rafok-intensity)*.65);transform:scale(var(--rafok-halo-size));transition:transform .8s ease,opacity .8s ease}
.rafok-cart-assembly .rafok-cart-base{z-index:3;opacity:calc(.53 + var(--rafok-intensity)*.47);filter:drop-shadow(0 0 calc(4px + 23px * var(--rafok-intensity)) rgba(195,132,255,.96)) drop-shadow(0 0 calc(1px + 8px * var(--rafok-intensity)) rgba(255,255,255,.8));transition:opacity .65s,filter .65s}
.rafok-cart-assembly .rafok-cart-fill{z-index:4;color:#e3c9ff;opacity:calc(var(--rafok-intensity)*.85)!important;filter:drop-shadow(0 0 calc(3px + 16px * var(--rafok-intensity)) #bd7dff);transition:opacity .7s,filter .7s}
/* Estágios de luminosidade: thin, light, regular e forte. A edição Free do Font Awesome não inclui fa-thin/fa-light. */
.rafok-cart-assembly[data-cart-stage="thin"] .rafok-cart-base{opacity:.52}
.rafok-cart-assembly[data-cart-stage="light"] .rafok-cart-base{opacity:.72}
.rafok-cart-assembly[data-cart-stage="regular"] .rafok-cart-base{opacity:.9}
.rafok-cart-assembly[data-cart-stage="strong"] .rafok-cart-base{opacity:1}
@media(prefers-reduced-motion:reduce){.rafok-cart-assembly::before,.rafok-cart-assembly::after{transition:none}}

/* RAFOK 3.3 | crescimento gradual, conclusão única e brilho final estático */
.rafok-cart-assembly{--rafok-cart-scale:1;transform:scale(var(--rafok-cart-scale));transition:transform 1.1s cubic-bezier(.22,.75,.24,1);}
.rafok-cart-assembly.rafok-cart-receive{animation:none!important;}
.rafok-cart-assembly.rafok-cart-complete{--rafok-intensity:1;--rafok-energy:1;--rafok-halo-size:1.42;--rafok-cart-scale:1.24;animation:none!important;}
.rafok-cart-assembly.rafok-cart-complete .rafok-cart-base{opacity:1;filter:drop-shadow(0 0 23px rgba(208,158,255,1)) drop-shadow(0 0 12px rgba(255,255,255,.95));}
.rafok-cart-assembly.rafok-cart-complete .rafok-cart-fill{opacity:.9!important;filter:drop-shadow(0 0 22px #bd7dff);}
.rafok-cart-assembly.rafok-cart-complete::before{opacity:.94;}
.rafok-cart-assembly.rafok-cart-complete::after{opacity:.8;}
@media(prefers-reduced-motion:reduce){.rafok-cart-assembly{transition:none!important;}}

/* RAFOK 3.8: seis plataformas alinhadas, sem quebrar em desktop */
.rafok-marketplace-links {display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch;width:100%;max-width:100%;}
.rafok-marketplace-links > * {min-width:0;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;box-sizing:border-box;}
.rafok-marketplace-links small {font-size:10px;line-height:1.3;overflow-wrap:anywhere;}
@media(max-width:600px){.rafok-marketplace-links{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* RAFOK: seta do CTA principal com Font Awesome e busca mobile sem zoom automatico do iOS */
.hero-actions .button-primary > i.fa-arrow-up-right-from-square {
  display: inline-block;
  font-size: .92em;
  line-height: 1;
  vertical-align: middle;
  margin-left: .25em;
  color: inherit;
}
@media (max-width: 767px) {
  .header-search input,
  .header-search input[type="search"],
  #header-query { font-size: 16px !important; }
}

/* RAFOK 4.3.0: carrinho visivel e animado no celular */
@media (max-width:720px){
  .spotlight{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;overflow:hidden;}
  .spotlight-art{display:grid!important;place-items:center!important;position:relative!important;width:100%!important;min-height:235px!important;margin:6px auto 8px!important;overflow:visible!important;}
  .spotlight-circle{display:grid!important;place-items:center!important;position:relative!important;width:190px!important;height:190px!important;max-width:100%!important;overflow:visible!important;}
  .spotlight-art::before{width:190px!important;height:190px!important;}
  .spotlight-art::after{width:235px!important;height:235px!important;}
  .spotlight .button-light i{font-size:.9em;vertical-align:middle;}
}
/* icones animados acima do conteudo, sem bloquear o toque ou a rolagem */
.rafok-cart-flyer{pointer-events:none!important;position:fixed!important;left:0!important;top:0!important;z-index:120!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(145deg,#b883ff,#7937df)!important;border:1px solid #e2c5ff99!important;border-radius:12px!important;box-shadow:0 0 22px #aa64ff99!important;will-change:transform,opacity!important;}

/* RAFOK 4.3.2: no celular, CTA depois do carrinho; desktop intacto */
.spotlight > .rafok-cta-mobile{display:none;}
@media(max-width:720px){
  .spotlight > div:first-of-type .button-light{display:none!important;}
  .spotlight > .rafok-cta-mobile{display:inline-flex!important;align-items:center;justify-content:center;gap:.45em;align-self:flex-start;max-width:100%;margin-top:12px;position:relative;z-index:2;text-align:center;}
  .spotlight > .rafok-cta-mobile i{font-size:.9em;}
}

/* RAFOK 4.3.3: o primeiro div e o brilho .spotlight-glow.
   Ocultar apenas o CTA do bloco de texto no mobile. */
@media (max-width:720px) {
  .spotlight > div:nth-of-type(2) > a.button-light:not(.rafok-cta-mobile) {
    display: none !important;
  }
  .spotlight > a.rafok-cta-mobile {
    display: inline-flex !important;
  }
}
@media (min-width:721px) {
  .spotlight > a.rafok-cta-mobile { display: none !important; }
}

/* RAFOK 4.3.4 — pesquisa da home restaurada e fundo branco no mobile */
.rafok-home-search{display:block!important;margin-top:-26px!important;position:relative;z-index:5;}
.rafok-home-search .search-hints a{color:#6d4ac1;background:#f3effc;border-radius:30px;padding:5px 12px;font-size:11px;}
@media(max-width:800px){
  .header-search,.header-search input,.header-search input[type="search"],#header-query,
  .rafok-home-search .search-box,.rafok-home-search .search-box input{background:#fff!important;background-color:#fff!important;box-shadow:none;}
  .header-search input,#header-query,.rafok-home-search input{-webkit-appearance:none;appearance:none;color:#1f1f23!important;min-width:0;}
  .header-search input::placeholder,.rafok-home-search input::placeholder{color:#8b8793;opacity:1;}
  .header-search{min-width:0!important;flex:1 1 0!important;}
  .rafok-home-search{margin-top:0!important;padding:18px 0 6px;}
  .rafok-home-search .search-box{border:1px solid #e5e1ec;box-shadow:0 5px 20px #160e240b;padding:7px 8px 7px 13px;gap:9px;}
  .rafok-home-search .search-box input{font-size:16px!important;}
  .rafok-home-search .search-box button{white-space:nowrap;padding:12px 13px;}
}
@media(max-width:480px){
  .header-row{gap:7px;}
  .header-search{padding-left:8px;gap:5px;}
  .header-search button{flex:0 0 30px;width:30px;}
  .rafok-home-search .search-box button{font-size:12px;padding:11px 10px;}
  .rafok-home-search .search-box button span{display:none;}
}

/* RAFOK: respiro entre os termos de busca e a proxima secao */
.legacy-search{padding-bottom:26px!important;}
@media(max-width:800px){.legacy-search{padding-bottom:22px!important;}}

/* RAFOK: faixa roxa original e bolinha verde no desktop e mobile */
.announcement {
  background: #140d27 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.announcement .pulse {
  background: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.24), 0 0 12px rgba(34,197,94,.65) !important;
  animation: rafok-announcement-pulse 2.4s ease-in-out infinite;
}
.announcement .announcement-sep, .announcement i { color: #ffffff !important; }
@keyframes rafok-announcement-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .7; transform: scale(1.16); }
}
@media (prefers-reduced-motion: reduce) {
  .announcement .pulse { animation: none; }
}

/* RAFOK: quatro indicadores ilustrativos, em grade responsiva */
.rafok-numbers .rafok-numbers-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
.rafok-numbers .rafok-number-card { min-width:0; }
.rafok-numbers .rafok-stars { display:inline-block;color:#f6bb38;letter-spacing:1px;font-size:.8em;vertical-align:baseline;white-space:nowrap; }
@media(max-width:720px){
  .rafok-numbers .rafok-numbers-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  .rafok-numbers .rafok-number-card { padding:18px 10px; }
  .rafok-numbers .rafok-stars { display:block;margin-top:4px;font-size:12px;letter-spacing:0; }
}

/* Nota de estrelas: sem sinal de mais decorativo */
.rafok-numbers .rafok-number-card:last-child .rafok-count::before { content: none !important; display: none !important; }

/* Contadores: sinal adicionado apenas pelo JavaScript, nunca por pseudo-elemento */
.rafok-numbers .rafok-count::before,
.rafok-numbers .rafok-number-card .rafok-count::before { content: none !important; display: none !important; }

/* RAFOK: âncora Como funciona visível abaixo do cabeçalho fixo */
#como-funciona { scroll-margin-top: 112px !important; }
@media (max-width: 800px) { #como-funciona { scroll-margin-top: 98px !important; } }

/* RAFOK — Campanhas sazonais (2026). Isolado para preservar o restante do site. */
.rafok-christmas{padding:22px 0 34px;overflow:hidden}
.rafok-christmas-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:center;min-height:350px;overflow:hidden;border-radius:27px;background:radial-gradient(ellipse at 78% 42%,rgba(58,166,107,.35),transparent 46%),linear-gradient(115deg,#0b2e24 0%,#0a4b36 55%,#123b2c 100%);box-shadow:0 22px 65px rgba(8,55,35,.16);color:#fff}
.rafok-christmas-panel:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.23;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:43px 43px}
.rafok-christmas-copy{position:relative;z-index:2;padding:46px 0 48px 58px}
.rafok-christmas-kicker{display:inline-flex;gap:9px;align-items:center;color:#f6d79a;font-size:11px;font-weight:800;letter-spacing:.16em}
.rafok-christmas-copy h2{margin:17px 0 14px;max-width:600px;color:#fff;font-size:clamp(31px,3.6vw,54px);line-height:1.11;letter-spacing:-.035em}
.rafok-christmas-copy h2 em{font-style:normal;color:#f7d9a0}
.rafok-christmas-copy p{max-width:510px;color:#e5f1e9;line-height:1.7;font-size:15px;margin:0 0 25px}
.rafok-christmas-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 22px;border-radius:12px;background:#fff;color:#154b36!important;text-decoration:none;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 28px rgba(0,0,0,.13)}
.rafok-christmas-button:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(0,0,0,.2)}
.rafok-christmas-art{position:relative;height:350px;min-width:0;overflow:hidden}
.rafok-xmas-halo{position:absolute;width:310px;height:310px;top:17px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.19);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.025)}
.rafok-xmas-tree{position:absolute;left:50%;top:66px;transform:translateX(-50%);width:225px;height:260px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.2))}
.tree-tier{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:0;border-top:110px solid #188653;filter:drop-shadow(0 3px 0 #f4d18e)}
.tier-one{top:17px;border-left-width:58px;border-right-width:58px;border-top-width:95px;border-top-color:#2ca968;z-index:3}
.tier-two{top:76px;border-left-width:84px;border-right-width:84px;border-top-width:112px;border-top-color:#21945c;z-index:2}
.tier-three{top:143px;border-left-width:108px;border-right-width:108px;border-top-width:118px;border-top-color:#177f4e;z-index:1}
.tree-trunk{position:absolute;bottom:0;left:calc(50% - 13px);width:26px;height:45px;background:#9d5936}
.rafok-xmas-star{position:absolute;top:50px;left:50%;transform:translateX(-50%);color:#ffe7a3;font-size:43px;z-index:5;text-shadow:0 0 23px #ffd25a;animation:rafok-star-glow 3s ease-in-out infinite}
.tree-ball{position:absolute;z-index:4;width:13px;height:13px;border-radius:50%;background:#f4d392;box-shadow:0 0 10px rgba(255,230,145,.8)}
.ball-one{top:113px;left:93px}.ball-two{top:162px;left:65px;background:#e95d65}.ball-three{top:181px;left:146px}.ball-four{top:225px;left:93px;background:#e95d65}
.rafok-xmas-present{position:absolute;bottom:24px;width:70px;height:60px;border-radius:7px;background:#c72e44;box-shadow:0 10px 20px rgba(0,0,0,.18)}
.rafok-xmas-present:before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 7px);width:14px;background:#f7d7a1}
.rafok-xmas-present:after{content:'';position:absolute;left:-4px;right:-4px;top:13px;height:12px;background:#f7d7a1}
.gift-one{left:17%;transform:rotate(-8deg)}.gift-two{right:14%;bottom:17px;background:#f4d9a4;transform:rotate(9deg);width:61px;height:52px}.gift-two:before,.gift-two:after{background:#bb2e45}
.rafok-snowflakes{pointer-events:none;position:absolute;inset:20px 0 auto;text-align:center;letter-spacing:40px;color:rgba(255,255,255,.55);font-size:20px}
@keyframes rafok-star-glow{50%{text-shadow:0 0 32px #ffe087,0 0 48px #f4c14d}}
@media(max-width:760px){.rafok-christmas{padding:12px 0 25px}.rafok-christmas-panel{grid-template-columns:1fr;border-radius:20px}.rafok-christmas-copy{padding:32px 26px 0;text-align:center}.rafok-christmas-copy h2{font-size:clamp(29px,7.4vw,42px)}.rafok-christmas-copy p{font-size:14px}.rafok-christmas-button{width:100%;max-width:370px;font-size:13px}.rafok-christmas-art{height:265px}.rafok-xmas-tree{top:13px;transform:translateX(-50%) scale(.78);transform-origin:top center}.rafok-xmas-star{top:0}.rafok-xmas-halo{top:-24px;width:255px;height:255px}.rafok-xmas-present{bottom:15px}.gift-one{left:19%}.gift-two{right:18%}}
@media(prefers-reduced-motion:reduce){.rafok-xmas-star{animation:none}.rafok-christmas-button{transition:none}}

/* Natal LED: árvore desenhada em luz, presentes e partículas animadas */
.rafok-led-scene{isolation:isolate;overflow:hidden;position:relative;min-height:350px}
.rafok-led-ambient{position:absolute;inset:7% 4%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,rgba(25,245,178,.19),transparent 57%);filter:blur(12px);pointer-events:none}
.rafok-led-tree-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 11px rgba(37,244,174,.3))}
.rafok-led-tree-line{stroke-dasharray:1250;stroke-dashoffset:1250;transition:stroke-dashoffset 2.9s cubic-bezier(.24,.7,.18,1)}
.rafok-led-scene.rafok-led-started .rafok-led-tree-line{stroke-dashoffset:0}
.rafok-led-top-star{transform-box:fill-box;transform-origin:center;animation:rafok-led-star 2.7s ease-in-out infinite alternate}
@keyframes rafok-led-star{to{opacity:.72;filter:drop-shadow(0 0 13px #fff2b3)}}
.rafok-led-orbs{position:absolute;inset:0;pointer-events:none;z-index:3}
.rafok-led-orb{position:absolute;width:var(--size,10px);height:var(--size,10px);left:0;top:0;border-radius:50%;background:var(--orb-color,#7fffd4);box-shadow:0 0 9px 2px var(--orb-color,#7fffd4),0 0 22px 5px var(--orb-color,#7fffd4);will-change:transform,opacity}
.rafok-led-gifts{position:absolute;inset:0;pointer-events:none;z-index:4}
.rafok-led-gift{position:absolute;bottom:5%;border-radius:5px;box-shadow:0 10px 23px rgba(0,0,0,.22),inset 0 0 10px rgba(255,255,255,.13);opacity:0;transform:translateY(26px) scale(.6) rotate(-8deg);transition:opacity .6s ease,transform .75s cubic-bezier(.16,1.6,.3,1)}
.rafok-led-gift.rafok-led-gift-visible{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt,0deg))}
.rafok-led-gift:before{content:'';position:absolute;left:-4px;right:-4px;top:13px;height:10px;background:var(--ribbon,#f8d68c);border-radius:2px}
.rafok-led-gift:after{content:'';position:absolute;left:calc(50% - 5px);width:10px;top:-5px;bottom:0;background:var(--ribbon,#f8d68c)}
.rafok-led-gift-a{left:17%;width:63px;height:54px;background:#df4155;--tilt:-8deg}
.rafok-led-gift-b{right:17%;bottom:4%;width:74px;height:65px;background:#f4d59a;--ribbon:#cc4267;--tilt:7deg}
.rafok-led-gift-c{left:40%;bottom:3%;width:49px;height:45px;background:#8c61d9;--ribbon:#f7d990;--tilt:3deg}
@media(max-width:760px){.rafok-led-scene{height:275px;min-height:275px}.rafok-led-gift-a{left:14%}.rafok-led-gift-b{right:14%}.rafok-led-gift-c{left:42%}}
@media(prefers-reduced-motion:reduce){.rafok-led-tree-line{transition:none;stroke-dashoffset:0}.rafok-led-top-star{animation:none}.rafok-led-gift{transition:none;opacity:1;transform:none}}

/* RAFOK Natal premium v2: pinheiro com volume, guirlandas LED e estrela elevada */
.rafok-christmas-panel{background:radial-gradient(ellipse at 77% 40%,rgba(21,142,92,.48),transparent 45%),radial-gradient(ellipse at 100% 100%,rgba(24,100,74,.45),transparent 55%),linear-gradient(112deg,#071f1c 0%,#074433 54%,#062e29 100%)}
.rafok-led-scene{min-height:350px;overflow:hidden}
.rafok-led-ambient{inset:-4% -4%;background:radial-gradient(ellipse at 51% 54%,rgba(40,255,143,.23),transparent 57%),radial-gradient(ellipse at 50% 18%,rgba(255,208,80,.17),transparent 36%);filter:blur(16px)}
.rafok-led-tree-svg{filter:drop-shadow(0 8px 14px rgba(0,0,0,.27))}
.rafok-led-pine{transform-origin:200px 280px;animation:rafok-tree-breathe 5s ease-in-out infinite alternate}
.rafok-led-garland-path{stroke:#ffda72;stroke-width:2.5;stroke-dasharray:3 7;filter:drop-shadow(0 0 5px #ffd35c);opacity:.9}
.rafok-led-star-group{transform-origin:200px 46px;animation:rafok-star-premium 2.3s ease-in-out infinite alternate;filter:drop-shadow(0 0 11px #ffdb4a) drop-shadow(0 0 25px rgba(255,215,76,.72))}
.rafok-led-orb{z-index:3;border:1px solid rgba(255,255,255,.7);box-shadow:0 0 6px 2px var(--orb-color,#ffe27a),0 0 16px 4px var(--orb-color,#ffe27a),inset -2px -2px 3px rgba(0,0,0,.18);transform:translate(-50%,-50%)}
.rafok-led-gift{bottom:5%;box-shadow:8px 14px 18px rgba(0,0,0,.42),inset 4px 4px 9px rgba(255,255,255,.24),inset -6px -3px 10px rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.15)}
.rafok-led-gift-a{left:17%;background:linear-gradient(115deg,#ff6771,#d91f43 70%,#a70d35)}
.rafok-led-gift-b{right:17%;background:linear-gradient(120deg,#fff1b8,#f9c24b 65%,#c77a23)}
.rafok-led-gift-c{left:42%;background:linear-gradient(115deg,#c49bff,#8647dc 65%,#5e2b9c)}
.rafok-christmas-copy h2 em{color:#ffdb87}
.rafok-christmas-button{box-shadow:0 9px 30px rgba(0,0,0,.22)}
@keyframes rafok-star-premium{0%{opacity:.88;transform:scale(.96)}100%{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 15px #fff2a0)}}
@keyframes rafok-tree-breathe{from{filter:brightness(.98)}to{filter:brightness(1.14)}}
@media(max-width:760px){.rafok-led-scene{height:300px;min-height:300px}.rafok-christmas-copy{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.rafok-led-pine,.rafok-led-star-group{animation:none}}

/* RAFOK Loja — composição premium original preservada.
   Reduz a árvore e TODAS as camadas decorativas na mesma proporção,
   deixando folga para o halo da estrela sem separar as guirlandas. */
.rafok-christmas-panel .rafok-led-tree-svg,
.rafok-christmas-panel .rafok-led-orbs,
.rafok-christmas-panel .rafok-led-gifts {
  transform: translateY(14px) scale(.88);
  transform-origin: 50% 50%;
}
@media (max-width: 760px) {
  .rafok-christmas-panel .rafok-led-tree-svg,
  .rafok-christmas-panel .rafok-led-orbs,
  .rafok-christmas-panel .rafok-led-gifts {
    transform: translateY(12px) scale(.84);
  }
}

/* RAFOK Loja — ajuste fino: estrela com halo inteiro e tronco aparente.
   Todas as camadas da árvore continuam alinhadas. */
.rafok-christmas-panel .rafok-led-tree-svg,
.rafok-christmas-panel .rafok-led-orbs,
.rafok-christmas-panel .rafok-led-gifts {
  transform:translateY(25px) scale(.82);
  transform-origin:50% 50%;
}
.rafok-christmas-panel .rafok-led-gift-c {left:53%;}
@media(max-width:760px){
  .rafok-christmas-panel .rafok-led-tree-svg,
  .rafok-christmas-panel .rafok-led-orbs,
  .rafok-christmas-panel .rafok-led-gifts {transform:translateY(20px) scale(.78);}
  .rafok-christmas-panel .rafok-led-gift-c {left:54%;}
}
/* RAFOK Loja — páginas de categorias e produtos v5.1 */
.rf-catalog-main{padding:54px 0 92px;min-height:65vh;background:linear-gradient(180deg,#fbf9ff,#fff 260px)}.rf-crumb{font-size:13px;color:#746e80;margin:0 0 28px}.rf-crumb a{color:#7142c6;text-decoration:none}.rf-page-heading h1{font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.04em;color:#241633;margin:14px 0}.rf-page-heading p{color:#6c6475}.rf-subnav{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.rf-subnav a{padding:12px 17px;border:1px solid #e8e1f1;border-radius:50px;background:#fff;color:#342642;text-decoration:none;font-weight:650;font-size:13px}.rf-subnav a.active,.rf-subnav a:hover{background:#793fe1;color:white;border-color:#793fe1}.rf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 20px;color:#716b7c;font-size:13px}.rf-toolbar label{display:flex;gap:12px;align-items:center}.rf-toolbar input{min-width:220px;border:1px solid #e4d9ee;border-radius:12px;padding:13px;background:#fff;font-size:16px}.rf-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.rf-product-card{background:#fff;border:1px solid #eee7f4;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #2c17430a;min-width:0}.rf-product-thumb{display:block;aspect-ratio:1;background:#fff;padding:14px}.rf-product-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.rf-image-placeholder{width:100%;height:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#fff;color:#b9afc6;border:1px dashed #e5dced;border-radius:14px;font-size:12px}.rf-image-placeholder i{font-size:50px;color:#d4c5e7}.rf-product-body{padding:18px}.rf-product-body h3{font-size:17px;margin:8px 0}.rf-product-body h3 a{color:#271832;text-decoration:none}.rf-product-body p{font-size:13px;line-height:1.55;color:#746d7e}.rf-tag{font-size:10px;color:#8243dd;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.rf-see{color:#7540d6;text-decoration:none;font-weight:750;font-size:13px}.rf-empty{padding:42px 24px;text-align:center;border-radius:22px;background:#f5f0fc;border:1px dashed #d9c5ee;color:#685a75}.rf-empty[hidden]{display:none}.rf-empty strong{font-size:21px;color:#2b1a3a}.rf-empty a{color:#7540d6;font-weight:700}.rf-product-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:46px;align-items:start}.rf-main-image{aspect-ratio:1;background:#fff;border:1px solid #ede6f3;border-radius:22px;overflow:hidden;display:grid;place-items:center}.rf-main-image img,.rf-main-image video{width:100%;height:100%;object-fit:contain;background:#fff}.rf-gallery-buttons{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.rf-gallery-buttons button{flex:1;min-width:100px;border:1px solid #e7dff1;border-radius:12px;background:#fff;padding:13px;color:#3e2d4e;cursor:pointer}.rf-gallery-buttons button.active{border:2px solid #7b3fe6;color:#6c36cb}.rf-gallery-hint,.rf-affiliate-note{color:#837b8b;font-size:12px;line-height:1.6}.rf-product-info h1{font-size:clamp(28px,3.6vw,45px);letter-spacing:-.04em;color:#251833;margin:14px 0}.rf-product-info>p{color:#62596d;line-height:1.7}.rf-product-info h2{font-size:22px;margin:30px 0 18px}.rf-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rf-store{display:flex;flex-direction:column;gap:10px;background:#f8f6fb;border-radius:15px;padding:16px;text-align:center;font-size:13px}.rf-store a{background:#7b3fe6;color:#fff;text-decoration:none;border-radius:10px;padding:12px}.rf-no-offers{padding:20px;background:#f5f0fb;border-radius:14px;color:#3c2a4c}.rf-related{margin-top:65px}.rf-related h2{margin-bottom:22px}@media(max-width:800px){.rf-catalog-main{padding:30px 0 64px}.rf-product-layout{grid-template-columns:1fr;gap:24px}.rf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rf-stores{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-toolbar{align-items:stretch;flex-direction:column}.rf-toolbar label{justify-content:space-between}.rf-toolbar input{min-width:0;width:65%}.rf-product-body{padding:12px}.rf-product-body h3{font-size:14px}.rf-product-body p{font-size:12px}.rf-product-thumb{padding:8px}.rf-image-placeholder{min-height:130px}}@media(max-width:390px){.rf-stores{grid-template-columns:1fr}.rf-product-grid{gap:9px}.rf-subnav{gap:7px}.rf-subnav a{padding:10px 12px;font-size:12px}}

.product-image:has(.rf-home-product-image){background:#fff!important}.rf-home-product-image{width:100%;height:100%;object-fit:contain;background:#fff;aspect-ratio:1;display:block}.product-image .product-shimmer{pointer-events:none}

/* RAFOK Loja: vitrine de demonstração em fundo branco */
.product-card .product-image{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.product-card .product-image img.rf-home-product-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:#fff!important}
.product-card .product-image .product-shimmer{pointer-events:none;opacity:0!important}
.rf-product-thumb{aspect-ratio:1/1!important;background:#fff!important}
.rf-product-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}

/* Terceiro nível administrado pelo catálogo */
.rf-menu-branch{display:flex;flex-direction:column;gap:3px}.mega-menu .rf-third-level{padding-left:22px!important;font-size:.86em;opacity:.8}.mobile-drawer .rf-third-level,#drawer-categories .rf-third-level{padding-left:30px!important;font-size:.9em;opacity:.85}


/* RAFOK LOJA 1.1 — zoom leve nas fotos da vitrine da home.
   Abrange os cartões dinâmicos do catálogo e os cartões clássicos.
   O efeito não segue o cursor e não altera as dimensões do cartão. */
@media (hover: hover) and (pointer: fine) {
  .rf-product-card .rf-product-thumb,
  .product-card .product-image {
    overflow: hidden !important;
  }
  .rf-product-card .rf-product-thumb img,
  .product-card .product-image img,
  .product-card .product-photo {
    transform: scale(1) !important;
    transform-origin: center center !important;
    transition: transform 420ms cubic-bezier(.2,.7,.2,1) !important;
    will-change: transform;
  }
  .rf-product-card:hover .rf-product-thumb img,
  .rf-product-card:focus-within .rf-product-thumb img,
  .product-card:hover .product-image img,
  .product-card:focus-within .product-image img,
  .product-card:hover .product-photo,
  .product-card:focus-within .product-photo {
    transform: scale(1.12) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rf-product-card .rf-product-thumb img,
  .product-card .product-image img,
  .product-card .product-photo {transition: none !important;will-change: auto !important;}
}

/* RAFOK Loja: disponibilidade das lojas e controles mobile */
.rf-store-unavailable{opacity:.62;filter:grayscale(1);background:#f0f1f4!important;border-color:#d9dce2!important}.rf-store-unavailable .rf-store-logo{filter:grayscale(1)}.rf-store-unavailable .rf-store-disabled{display:flex;align-items:center;justify-content:center;gap:9px;background:#a8adb8!important;color:#fff!important;border-radius:12px;padding:13px 16px;font-weight:700;cursor:not-allowed}.rf-store-available.rf-store-shopee .rf-store-buy{background:#ee4d2d!important;color:white!important}.rf-store-available.rf-store-mercado-livre .rf-store-buy{background:#ffe600!important;color:#242424!important}.rf-store-available.rf-store-tiktok-shop .rf-store-buy{background:#101010!important;color:#fff!important}.rf-catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.rf-catalog-tools label{display:flex;align-items:center;gap:9px;font-size:14px}.rf-catalog-tools select{padding:10px;border:1px solid #d5d5e1;border-radius:10px;background:white}.rf-view-switch{display:none;gap:5px}.rf-view-switch button{padding:10px 14px;border:1px solid #d5d5e1;border-radius:9px;background:white}.rf-view-switch button.active{background:#29134f;color:white}@media(max-width:767px){.rf-view-switch{display:flex}.rf-catalog-tools{flex-wrap:nowrap}.rf-catalog-tools label{font-size:12px}.rf-catalog-tools select{max-width:140px}.rf-view-switch button{padding:9px 11px}#rf-product-list[data-mobile-cols="1"]{grid-template-columns:minmax(0,1fr)!important}#rf-product-list[data-mobile-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
