*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0f172a;background:#fff;font:16px/1.45 Montserrat,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.desktop-reference{position:relative;width:min(100%,1254px);margin:auto}.reference-image{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;border:0;background:transparent;padding:0;cursor:pointer}.hotspot:focus-visible{outline:3px solid #0e9e93;outline-offset:2px}.h-logo{left:4%;top:.5%;width:17%;height:4.5%}.h-products{left:25%;top:3%;width:5%;height:2.5%}.h-business{left:31%;top:3%;width:8%;height:2.5%}.h-gifts{left:40%;top:3%;width:8%;height:2.5%}.h-how{left:49%;top:3%;width:9%;height:2.5%}.h-gallery{left:59%;top:3%;width:9%;height:2.5%}.h-contact{left:68%;top:3%;width:7%;height:2.5%}.h-topquote{left:74%;top:1%;width:12%;height:3.6%}.h-heroquote{left:6%;top:21.7%;width:19%;height:3.2%}.h-catalog{left:26%;top:21.7%;width:13%;height:3.2%}.h-businesscta{left:6%;top:49.5%;width:10%;height:3.2%}.h-giftscta{left:52%;top:49.5%;width:11%;height:3.2%}.h-bottomquote{left:60%;top:89%;width:20%;height:4%}.anchor{position:absolute;left:0;width:1px;height:1px}.a-home{top:0}.a-products{top:29.5%}.a-business,.a-gifts{top:39%}.a-how{top:54%}.a-gallery{top:66%}.mobile-site{display:none}dialog{border:0;border-radius:20px;box-shadow:0 24px 80px #0f172a66;width:min(92vw,510px);padding:30px}dialog::backdrop{background:#0f172ab3}dialog .close{float:right;border:0;background:transparent;font-size:32px;line-height:1}dialog h2{font-size:1.8rem;margin:.2em 0}dialog p{color:#45536a}dialog label{display:block;font-weight:700;margin:16px 0}dialog input,dialog textarea{display:block;width:100%;border:1px solid #bfc9d5;border-radius:10px;padding:12px;margin-top:5px;font-weight:400}.primary{background:#008f80;color:white;border:0;border-radius:999px;padding:13px 25px;font-weight:700}.feedback{min-height:1.5em;font-size:.9rem}.eyebrow{letter-spacing:.2em;font-size:.8rem;font-weight:800}@media(max-width:700px){.desktop-reference{display:none}.mobile-site{display:block}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 5%;position:relative}.brand img{display:block;width:150px;height:65px;object-fit:contain;object-position:left}.menu-toggle{border:1px solid #c8d2df;border-radius:20px;background:#fff;padding:8px 15px}.mobile-header nav{display:none;position:absolute;top:85px;left:0;right:0;z-index:3;background:#fff;box-shadow:0 8px 20px #0002;padding:10px 6%}.mobile-header nav.open{display:grid}.mobile-header nav a,.mobile-header nav button{padding:11px 0;text-decoration:none;background:none;border:0;text-align:left;color:#0f172a}.hero-mobile{background:#f8eee8}.hero-copy{padding:30px 6% 16px}.hero-mobile h1{font-size:clamp(2.5rem,10vw,4rem);line-height:1.02;margin:10px 0}.hero-mobile h1 em{color:#ec2874;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:1rem;max-width:520px}.hero-mobile>img{width:100%;display:block;max-height:300px;object-fit:cover;object-position:55%}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{border:1px solid #a8bacd;border-radius:999px;background:#fff;padding:11px 20px;text-decoration:none;font-weight:700}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px 5%}.categories button{border:0;border-radius:12px;background:#f5f7fa;padding:16px;font-size:1.6rem}.categories span{display:block;font-size:1rem;font-weight:700;line-height:1.15}.feature-grid{display:grid;gap:10px;padding:0 5%}.feature{padding:22px;border-radius:12px;min-height:220px}.feature h2,.how h2,.work h2,.closing h2{font-size:1.55rem;line-height:1.15;margin:.3em 0}.feature p{max-width:34ch}.business{background:#ffe7eb}.gifts{background:#ddf7ff}.how,.work{padding:28px 5% 8px}.how>p,.work>p{margin:0 0 15px}.how ol{list-style:none;padding:0;display:grid;gap:10px;counter-reset:steps}.how li{counter-increment:steps;padding:12px 10px 12px 56px;position:relative;border-bottom:1px solid #e5e7eb}.how li:before{content:counter(steps);position:absolute;left:0;top:10px;color:#fff;background:#ec2874;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:bold}.how li:nth-child(2):before{background:#0d8ac0}.how li:nth-child(3):before{background:#f97316}.how li:nth-child(4):before{background:#008f80}.how li span{display:block;color:#46536a}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gallery img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:8px}.closing{margin:30px 5% 10px;padding:18px;border:1px solid #e5e7eb;border-radius:14px}.closing img{width:90px;height:65px;object-fit:cover;object-position:top}.closing .primary{margin-top:10px}footer{background:#102237;color:#fff;padding:24px 5%}footer strong{font-size:1.4rem}footer span{display:block;font-size:.7rem;letter-spacing:.15em}footer p{margin:18px 0 0}}@media(min-width:701px){body{min-width:701px}}
/* Oculta os ícones de conta/carrinho e YouTube/TikTok da prévia desktop. */
.remove-header-icons,.remove-footer-icons{position:absolute;display:block;pointer-events:none}
.remove-header-icons{left:86.8%;top:.5%;width:8.1%;height:4.7%;background:#fefefe}
.remove-footer-icons{left:72.7%;top:95.85%;width:7.6%;height:3.0%;background:linear-gradient(#0d1f34,#0a1d31)}
.desktop-footer{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:4.78%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:linear-gradient(110deg,#10253b,#0d2035 55%,#0b1d31);color:#fff;padding:0 4%;font-size:clamp(10px,1vw,13px)}
.desktop-footer>img{display:block;width:min(100%,178px);height:auto}
.desktop-footer small{text-align:center;font-size:inherit;line-height:1.25;white-space:nowrap}
.social-links{display:flex;align-items:center;gap:14px}.desktop-footer .social-links{justify-self:end}
.social-links a{display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:8px;text-decoration:none}
.social-links a:hover{background:#ffffff25}.social-links a:focus-visible{outline:3px solid #facc15;outline-offset:3px}
.social-links svg{width:24px;height:24px}
@media(max-width:700px){.mobile-footer .social-links{margin:16px 0}.mobile-footer small{display:block;font-size:.85rem}.mobile-footer .social-links a{background:#ffffff14}}
.hero-benefits{position:absolute;z-index:1;left:0;top:25.85%;width:43.5%;height:3.35%;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px);padding:0 12px;background:linear-gradient(180deg,#fff1e5 0%,#f9e7d8 100%);color:#11233a;font-size:clamp(10px,1.06vw,13px);font-weight:700;white-space:nowrap}
.hero-benefits span{display:inline-flex;align-items:center;gap:5px}.hero-benefits svg{width:22px;height:22px;flex:none}
.trust-benefits{position:absolute;z-index:1;left:0;top:81.65%;width:100%;height:5.05%;display:flex;align-items:center;justify-content:center;background:#fff;color:#14243c;padding:0 4%;font-size:clamp(11px,1.08vw,14px);line-height:1.15}
.trust-benefits span{min-width:0;width:25%;height:62%;display:flex;justify-content:center;align-items:center;gap:13px;text-align:left}
.trust-benefits span+span{border-left:1px solid #dce3eb}
.trust-benefits svg{width:34px;height:34px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Amplia a foto da sacola para ocupar o recorte estreito entre os produtos. */
.gallery-bag-fix{position:absolute;z-index:2;left:62.44%;top:70.25%;width:17.55%;height:11.39%;background:#fff;padding:2px 4px 2px 1px}
.gallery-bag-fix img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:6px}
.gallery-mug-fix{position:absolute;z-index:2;left:79.82%;top:70.25%;width:17.4%;height:11.39%;background:#fff;padding:2px 1.5% 2px 2px}
.gallery-mug-fix img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}


/* Atendimento SITE integrado ao Agente Comercial Lokaneca */
.chat-dialog{padding:0;width:min(94vw,520px);overflow:hidden;background:#fff}
.chat-dialog::backdrop{background:#0f172ab3}
.chat-shell{display:flex;flex-direction:column;height:min(78vh,650px);min-height:480px}
.chat-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;background:#102237;color:#fff}
.chat-header .eyebrow{margin:0;color:#facc15}.chat-header h2{margin:2px 0 0;font-size:1.45rem}.chat-header .close{color:#fff}.chat-status{display:inline-block;margin-top:5px;font-size:.8rem;color:#b8f3df}
.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f5f7fa;display:flex;flex-direction:column;gap:10px}
.chat-message{max-width:84%;padding:11px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #00000012}
.chat-message.bot{align-self:flex-start;background:#fff;color:#17263a;border-bottom-left-radius:5px}
.chat-message.user{align-self:flex-end;background:#008f80;color:#fff;border-bottom-right-radius:5px}
.chat-context{padding:7px 18px;background:#fff4df;color:#704d00;font-size:.82rem;border-top:1px solid #f1dfb8}
.chat-context::before{content:'Contexto: ';font-weight:700}
.chat-form{display:flex;align-items:flex-end;gap:9px;padding:13px;background:#fff;border-top:1px solid #e5e7eb}
.chat-form textarea{flex:1;resize:none;max-height:110px;border:1px solid #cbd5e1;border-radius:14px;padding:11px 13px;margin:0;outline:none}
.chat-form textarea:focus{border-color:#008f80;box-shadow:0 0 0 3px #008f8020}
.chat-send{border:0;border-radius:999px;background:#008f80;color:#fff;font-weight:700;padding:11px 17px;min-height:44px}
.chat-send:disabled{opacity:.55;cursor:not-allowed}
.chat-feedback{min-height:1.3em;margin:0;padding:0 16px 10px;background:#fff;color:#64748b;font-size:.82rem}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.chat-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.chat-shell{height:100dvh;min-height:0}.chat-header{padding-top:max(18px,env(safe-area-inset-top))}.chat-form{padding-bottom:max(13px,env(safe-area-inset-bottom))}}