:root{--bg:#090909;--panel:#121212;--panel2:#181818;--line:#292929;--text:#f7f4ed;--muted:#aaa69c;--orange:#ff5b22;--yellow:#ffc247;--green:#5ce0a0;--font:'Inter',sans-serif;--display:'Barlow Condensed',sans-serif;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}.announcement{min-height:31px;background:var(--orange);color:#160b05;display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;font-weight:900;letter-spacing:1.3px;padding:7px 12px;text-align:center}.pulse-dot{width:6px;height:6px;background:#15100c;border-radius:50%;box-shadow:0 0 0 4px #ff865a}.announcement-tag{border-left:1px solid #8f2c0b;padding-left:10px}.site-header{height:82px;padding:0 6.5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff0d;background:#090909f2;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:43px;height:43px;background:var(--orange);color:#0b0b0b;display:grid;place-items:center;font:900 23px var(--display);letter-spacing:-3px;transform:skew(-6deg);border-radius:8px}.brand-mark span{color:#fff}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:12px;letter-spacing:.7px;font-weight:900}.brand-copy em{font-style:normal;color:var(--orange)}.brand-copy small{font-size:8px;letter-spacing:2px;color:#8e8a82;font-weight:700}.dev-link{font-size:10px;color:#aaa69c;white-space:nowrap}.dev-link span:first-child{color:var(--orange);font-weight:900}.dev-link .external{color:var(--orange);font-size:12px}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-link{font-size:11px;color:#c0bdb6;background:none;border:0;padding:10px 0;display:inline-flex;align-items:center;gap:7px;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";height:2px;background:var(--orange);position:absolute;transform:translateY(17px);width:18px}.nav-dropdown{position:relative}.chevron{font-size:16px;color:var(--orange);transition:transform .2s}.nav-dropdown.open .chevron{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + 20px);left:-18px;width:225px;padding:9px;background:#151515;border:1px solid #333;border-radius:14px;box-shadow:0 20px 55px #000b;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-dropdown.open .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-panel button{width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:12px;font-size:11px;color:#d8d5ce}.dropdown-panel button:hover{background:#292929;color:var(--yellow)}.cart-button{display:flex;align-items:center;gap:9px;background:#1b1b1b;border:1px solid #303030;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:800;white-space:nowrap}.cart-button b{background:var(--orange);color:#160b05;border-radius:6px;min-width:20px;height:20px;display:grid;place-items:center}.cart-icon{font-size:15px}.mobile-menu-button{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:9px}.hero{position:relative;min-height:610px;padding:90px 8% 64px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:35px;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#3a160b 0%,#160d09 24%,#090909 58%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,black)}.hero-grain{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:900;color:#c5beb1;display:flex;align-items:center;gap:8px}.eyebrow>span{color:var(--orange);font-size:14px}.hero h1,.section-heading h2,.feature-copy h2,.why-title h2,.cta-content h2{font-family:var(--display);font-size:clamp(64px,8vw,112px);font-weight:900;line-height:.83;letter-spacing:-2px;margin:24px 0}.hero h1 span,.section-heading h2 span,.feature-copy h2 span,.why-title h2 span,.cta-content h2 span{color:var(--orange)}.hero-content>p{font-size:13px;line-height:1.9;color:#aaa69c;max-width:420px}.hero-actions{display:flex;gap:11px;align-items:center;margin-top:28px;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.8px;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--orange);color:#160b05;box-shadow:0 7px 25px #ff5b2222}.btn-primary:hover{background:#ff7445;box-shadow:0 9px 30px #ff5b2244}.btn-primary span{font-size:16px}.btn-ghost{background:#171717;border:1px solid #333;color:#f5f0e8}.btn-ghost:hover{background:#242424}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:42px}.avatar-stack{display:flex}.avatar-stack span{width:31px;height:31px;display:grid;place-items:center;background:#25221e;border:2px solid #111;border-radius:50%;margin-left:-7px;font-size:14px}.avatar-stack span:first-child{margin-left:0}.hero-proof>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#99948a}.hero-rating{margin-left:auto;color:var(--yellow);font-size:12px;letter-spacing:2px}.hero-rating small{display:block;letter-spacing:0;color:#99948a;margin-top:4px;font-size:9px}.hero-art{min-height:390px;display:grid;place-items:center}.hero-photo-placeholder{position:relative;width:min(100%,440px);height:370px;border:1px dashed #6c3926;border-radius:48% 52% 44% 56% / 48% 43% 57% 52%;background:radial-gradient(ellipse at center,#402014 0%,#1a100c 53%,#100c0a 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;box-shadow:0 0 0 16px #ff5b2208,0 0 90px #ff5b2215;transform:rotate(4deg);animation:float 5s ease-in-out infinite}.hero-photo-placeholder:before{content:"";position:absolute;inset:22px;border:1px solid #ff8a4c22;border-radius:inherit}.photo-plus{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ff5b2220;color:var(--orange);font-size:28px}.hero-photo-placeholder strong,.photo-placeholder strong{font:800 20px var(--display);letter-spacing:1px}.hero-photo-placeholder small,.photo-placeholder small{font-size:9px;color:#a49b90}.sticker{position:absolute;background:var(--yellow);color:#17100a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 14px var(--display);line-height:.9;box-shadow:0 10px 30px #0008;transform:rotate(-12deg)}.sticker-top{width:94px;height:94px;top:26px;right:3px}.sticker-top b{font-size:22px}.sticker-bottom{width:105px;height:105px;bottom:14px;left:0;background:var(--orange);transform:rotate(9deg)}.sticker-bottom span{font-size:24px}.sticker-bottom small{font:900 9px var(--font);margin-top:4px}.hero-orbit{position:absolute;inset:20px -8px 20px 0;border:1px solid #ff5b2226;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.hero-bottom-note{position:absolute;bottom:24px;left:8%;right:8%;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.5px;color:#777167}.note-line{height:1px;background:#34302b;width:60px}.ticker{background:var(--orange);color:#160b05;overflow:hidden;transform:rotate(-1deg) scale(1.02);padding:15px 0;position:relative;z-index:2}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:32px;white-space:nowrap;min-width:max-content;animation:ticker 30s linear infinite;font:900 16px var(--display);letter-spacing:1px}.ticker-track i{font-style:normal;font-size:15px}.section-wrap{padding:100px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.feature-copy h2,.why-title h2,.cta-content h2{font-size:clamp(48px,6vw,76px);line-height:.88;margin:17px 0}.section-heading p{font-size:11px;color:var(--muted);line-height:1.8}.menu-tools{display:flex;gap:8px;align-items:center}.search-box{height:43px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #303030;background:#121212;border-radius:9px;min-width:235px}.search-box>span{font-size:22px;color:var(--orange)}.search-box input{width:100%;background:none;border:0;outline:0;color:#fff;font-size:10px}.search-box kbd{font-size:9px;color:#777;border:1px solid #383838;border-radius:4px;padding:3px 5px}.filter-button{height:43px;border:1px solid #303030;background:#121212;border-radius:9px;padding:0 13px;font-size:10px;font-weight:800}.filter-button span{color:var(--orange);margin-left:8px}.filter-drawer{margin-top:22px;padding:16px;background:#141414;border:1px solid #2a2a2a;border-radius:13px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filter-drawer[hidden]{display:none}.filter-drawer>div{display:flex;flex-direction:column;gap:4px;margin-right:12px}.filter-drawer strong{font-size:11px}.muted{font-size:9px;color:var(--muted)}.chip{padding:9px 12px;border:1px solid #333;background:#1b1b1b;border-radius:30px;font-size:9px;color:#c6c0b6}.chip.active,.chip:hover{background:#ff5b221c;border-color:var(--orange);color:#ff895d}.sort-select{margin-left:auto;font-size:9px;color:#999}.sort-select select{margin-left:8px;background:#202020;color:#eee;border:1px solid #363636;padding:8px;border-radius:7px;font-size:10px}.category-tabs{display:flex;gap:9px;margin:30px 0 22px;overflow:auto;padding-bottom:4px}.category-tab{display:flex;align-items:center;gap:9px;white-space:nowrap;background:#151515;border:1px solid #282828;border-radius:10px;padding:12px 15px;font-size:10px;color:#bdb8ae;transition:.2s}.category-tab>span{font-size:14px}.category-tab b{font-size:9px;color:#777;background:#252525;border-radius:5px;padding:4px 6px}.category-tab:hover,.category-tab.active{background:#ff5b2216;border-color:#a53e1c;color:#fff}.category-tab.active b{background:var(--orange);color:#160b05}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{background:linear-gradient(145deg,#171717,#101010);border:1px solid #262626;border-radius:15px;overflow:hidden;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;animation:rise .4s both}.product-card:hover{transform:translateY(-6px);border-color:#63301e;box-shadow:0 15px 35px #0005}.product-image{height:180px;background:radial-gradient(ellipse at 50% 65%,#4a2617 0%,#21140e 44%,#16120f 76%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.product-image:before{content:"";position:absolute;width:160px;height:130px;border:1px dashed #ff8c4a36;border-radius:50%;transform:rotate(-24deg)}.product-image:after{content:"";position:absolute;bottom:13px;font-size:8px;letter-spacing:1.5px;color:#9d7d68}.product-image .food-emoji{font-size:67px;filter:drop-shadow(0 14px 9px #0009);transition:transform .3s}.product-card:hover .food-emoji{transform:scale(1.12) rotate(-5deg)}.product-image .image-plus{position:absolute;top:12px;right:12px;border-radius:50%;width:26px;height:26px;background:#0c0c0c99;border:1px solid #ffffff30;display:grid;place-items:center;font-size:14px;color:#fff}.product-badge{position:absolute;top:12px;left:12px;padding:6px 8px;border-radius:5px;background:var(--yellow);color:#1b1006;font-size:8px;font-weight:900;letter-spacing:.6px;z-index:1}.favorite-button{position:absolute;top:11px;right:11px;z-index:2;border:1px solid #ffffff22;background:#111b;border-radius:50%;width:29px;height:29px;font-size:15px;color:#bbb;transition:.2s}.favorite-button.liked{color:#ff5d62;border-color:#ff5d6277;background:#ff5d621c}.product-info{padding:15px}.product-category{font-size:8px;letter-spacing:1.4px;color:var(--orange);font-weight:900;text-transform:uppercase}.product-info h3{font:800 23px var(--display);letter-spacing:.2px;margin:8px 0 7px}.product-info p{font-size:10px;line-height:1.7;color:#969188;min-height:34px;margin:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px}.product-price{font-size:15px;font-weight:900}.product-price del{display:block;font-size:9px;color:#716b62;font-weight:500;margin-top:3px}.add-button{width:34px;height:34px;display:grid;place-items:center;background:var(--orange);border:0;color:#190c05;border-radius:9px;font-size:22px;font-weight:700;transition:.2s}.add-button:hover{transform:rotate(90deg);background:var(--yellow)}.empty-state{text-align:center;padding:60px 20px}.empty-state>span{font-size:40px}.empty-state h3{font:800 28px var(--display)}.empty-state p{font-size:12px;color:var(--muted)}.menu-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:17px;border-top:1px solid #222}.menu-footer span{font-size:8px;font-weight:900;letter-spacing:1.5px;color:#a9a397}.menu-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:7px}.menu-footer small{font-size:9px;color:#706c64}.feature-band{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(110deg,#1b100b,#2c130b 55%,#120d0b);padding:80px 10%;border-top:1px solid #3a2017;border-bottom:1px solid #3a2017;position:relative;overflow:hidden}.feature-band:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #ff5b221d;border-radius:50%;right:-120px;top:-200px;box-shadow:0 0 0 40px #ff5b2206,0 0 0 80px #ff5b2204}.feature-copy,.feature-image{position:relative;z-index:1}.feature-copy>p{font-size:12px;line-height:1.9;color:#b1a79c;max-width:380px}.feature-price{display:flex;align-items:center;gap:14px;margin:23px 0}.feature-price small{font-size:8px;letter-spacing:1px;color:#b1a79c}.feature-price strong{font:900 28px var(--display);color:var(--yellow)}.feature-price del{font-size:11px;color:#84776b}.feature-disclaimer{display:block;margin-top:12px;color:#76675c;font-size:8px}.feature-image{min-height:310px;display:grid;place-items:center}.photo-placeholder{width:100%;max-width:430px;min-height:300px;border:1px dashed #81432b;border-radius:20px;background:radial-gradient(ellipse at center,#3b2014,#18100c 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.photo-placeholder>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ff5b2220;color:var(--orange);font-size:28px}.feature-stamp{position:absolute;right:-5px;top:5px;width:75px;height:75px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--yellow);color:#180f08;font:900 10px var(--font);transform:rotate(12deg)}.feature-stamp b{font:900 28px var(--display)}.why-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:65px;align-items:center}.why-title>p{font-size:12px;line-height:1.9;color:#a19b91;max-width:260px}.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.why-card{min-height:205px;padding:20px 15px;background:#121212;border:1px solid #272727;border-radius:13px;position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;width:80px;height:80px;right:-35px;bottom:-35px;border-radius:50%;background:#ff5b2210}.why-icon{font-size:25px}.why-number{float:right;color:#4a433a;font:900 16px var(--display)}.why-card h3{font:800 20px var(--display);margin:22px 0 10px}.why-card p{font-size:10px;color:#9a948a;line-height:1.8;margin:0}.cta-section{padding:65px 10%;background:var(--orange);color:#160b05;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cta-content{position:relative;z-index:1}.cta-content .eyebrow{color:#58210e}.cta-content .eyebrow>span{color:#1a0d06}.cta-content h2{font-size:clamp(52px,7vw,86px)}.cta-content h2 span{color:#fff}.cta-content>p{font-size:12px;line-height:1.8;max-width:390px;color:#51210f}.btn-dark{background:#0b0b0b;color:#fff;margin-top:12px}.btn-dark:hover{background:#25201c}.cta-content>small{display:block;font-size:9px;margin-top:14px;color:#632d18}.cta-emoji{font-size:clamp(100px,20vw,240px);filter:drop-shadow(0 25px 14px #61220d55);transform:rotate(-15deg);position:relative;z-index:1;animation:float 4s ease-in-out infinite}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(#190c0815 1.5px,transparent 1.5px);background-size:17px 17px}.site-footer{padding:36px 8% 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#080808}.footer-brand .brand-mark{width:37px;height:37px;font-size:20px}.footer-brand .brand-copy strong{font-size:10px}.site-footer>p{font-size:9px;color:#888278;margin-left:auto}.site-footer>p span{color:var(--orange)}.footer-links{display:flex;gap:18px;font-size:9px;color:#a19a90}.footer-links a:hover{color:var(--orange)}.copyright{width:100%;border-top:1px solid #222;padding-top:18px;font-size:8px;color:#68645c}.cart-overlay{position:fixed;inset:0;background:#000a;backdrop-filter:blur(4px);z-index:60}.cart-overlay[hidden]{display:none}.cart-drawer{position:fixed;z-index:61;top:0;right:0;height:100dvh;width:min(430px,100%);background:#101010;border-left:1px solid #333;transform:translateX(105%);transition:transform .3s ease;display:flex;flex-direction:column;padding:24px}.cart-drawer.open{transform:translateX(0)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #292929}.cart-header h2{font:900 32px var(--display);margin:8px 0 0}.cart-header h2 span{font-size:20px}.icon-button,.modal-close{width:35px;height:35px;border:1px solid #333;background:#1c1c1c;border-radius:9px}.cart-items{overflow:auto;flex:1}.cart-line{display:grid;grid-template-columns:53px 1fr auto;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #272727}.cart-line-photo{width:53px;height:53px;border-radius:10px;background:#2b170e;display:grid;place-items:center;font-size:26px}.cart-line h4{font:800 18px var(--display);margin:0 0 5px}.cart-line small{font-size:9px;color:#a29b90;display:block;line-height:1.5}.cart-line-price{font-size:11px;font-weight:800;white-space:nowrap}.line-controls{display:flex;align-items:center;gap:9px;margin-top:7px}.line-controls button{width:23px;height:23px;border-radius:6px;background:#242424;border:1px solid #363636}.line-controls span{font-size:10px}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cart-empty>span{font-size:42px}.cart-empty h3{font:800 26px var(--display);margin:15px 0 5px}.cart-empty p{font-size:11px;color:#a19b91;margin-bottom:20px}.cart-bottom{padding-top:17px;border-top:1px solid #292929}.cart-bottom small{display:block;font-size:9px;color:#8e887f;margin:9px 0 14px}.cart-subtotal{display:flex;align-items:center;justify-content:space-between;font-size:12px}.cart-subtotal strong{font-size:20px}.checkout-button{width:100%}.clear-cart{display:block;margin:12px auto 0;background:none;border:0;color:#8d867d;font-size:9px;text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#f6eee1;color:#16100b;border-radius:10px;padding:13px 18px;font-size:11px;font-weight:800;box-shadow:0 10px 35px #0008;z-index:100;opacity:0;pointer-events:none;transition:.25s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.product-modal{padding:0;border:1px solid #38302b;border-radius:18px;background:#111;color:var(--text);width:min(720px,calc(100% - 28px));max-width:720px;overflow:visible;box-shadow:0 30px 100px #000b}.product-modal::backdrop{background:#000c;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:12px;top:12px;z-index:2}.product-modal[open]{display:grid;grid-template-columns:.9fr 1.1fr}.modal-photo{min-height:370px;background:radial-gradient(ellipse at center,#4b2515,#17100c);border-radius:17px 0 0 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ff895d}.modal-photo>span{font-size:55px}.modal-photo small{font-size:9px;letter-spacing:2px}.modal-content{padding:35px 27px}.modal-content h2{font:900 40px var(--display);margin:12px 0}.modal-content>p{font-size:11px;line-height:1.8;color:#a49d92}.modal-options{display:grid;gap:15px;margin:22px 0}.modal-options label{font-size:10px;font-weight:800;color:#d6d0c6}.modal-options textarea{display:block;width:100%;margin-top:8px;padding:10px;background:#1b1b1b;border:1px solid #363636;border-radius:8px;color:#fff;resize:vertical;font-size:10px}.quantity-control{display:flex;align-items:center;gap:15px;margin-top:9px}.quantity-control button{width:29px;height:29px;border:1px solid #393939;background:#202020;border-radius:7px}.quantity-control strong{font-size:12px}.modal-add-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #2b2b2b}.modal-add-row>strong{font-size:20px}.modal-add-row .btn{padding:14px;font-size:9px}
@keyframes ticker{to{transform:translateX(-30%)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{padding-left:12%;padding-right:12%}.section-wrap{padding-left:12%;padding-right:12%}}@media(max-width:1100px){.site-header{padding:0 4%;gap:18px}.main-nav{gap:15px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:6%;padding-right:6%}.section-wrap{padding-left:6%;padding-right:6%}.why-section{gap:30px}.why-cards{gap:8px}.why-card{padding:16px 12px}}@media(max-width:800px){.site-header{height:70px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 5%;background:#101010;border-bottom:1px solid #333;align-items:stretch;flex-direction:column;gap:4px}.main-nav.mobile-open{display:flex}.main-nav .nav-link{padding:13px 5px}.nav-link.active:after{display:none}.nav-dropdown{width:100%}.nav-dropdown>.nav-link{width:100%;justify-content:space-between}.dropdown-panel{position:static;display:none;width:100%;margin:3px 0 8px;box-shadow:none}.nav-dropdown.open .dropdown-panel{display:block}.mobile-menu-button{display:block}.cart-label{display:none}.cart-button{padding:8px;gap:6px}.dev-link{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:75px;gap:15px}.hero-content{max-width:600px}.hero h1{font-size:clamp(68px,15vw,105px)}.hero-art{min-height:300px}.hero-photo-placeholder{height:290px;max-width:370px}.sticker-top{right:8%;top:0}.sticker-bottom{left:8%;bottom:0}.hero-bottom-note{left:6%;right:6%}.section-wrap{padding-top:70px;padding-bottom:70px}.section-heading{align-items:flex-start;flex-direction:column}.menu-tools{width:100%}.search-box{flex:1;min-width:0}.category-tabs{margin-top:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-image{height:155px}.product-info{padding:12px}.product-info h3{font-size:21px}.feature-band{padding:60px 7%;gap:20px}.why-section{grid-template-columns:1fr;gap:25px}.why-title>p{max-width:450px}.cta-section{padding:55px 7%}.cta-emoji{font-size:130px}.site-footer{padding-left:6%;padding-right:6%}.site-footer>p{width:100%;margin:0}.footer-links{margin-left:0}.product-modal[open]{grid-template-columns:1fr;max-height:90dvh;overflow:auto}.modal-photo{min-height:190px;border-radius:17px 17px 0 0}.modal-photo>span{font-size:40px}.modal-content{padding:22px}.modal-content h2{font-size:33px}.modal-add-row{flex-wrap:wrap}.modal-add-row .btn{flex:1}}@media(max-width:480px){.announcement{font-size:8px;letter-spacing:.7px}.announcement-tag{display:none}.site-header{padding:0 4%;gap:12px}.brand-mark{width:36px;height:36px;font-size:20px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:7px;letter-spacing:1.4px}.dev-link{font-size:9px}.cart-button{border:0;background:transparent}.cart-icon{font-size:18px}.hero{padding-left:6%;padding-right:6%}.hero-content>p{font-size:12px}.hero-proof{gap:8px}.hero-rating{font-size:10px;letter-spacing:1px}.hero-rating small{font-size:8px}.hero-art{min-height:255px}.hero-photo-placeholder{height:240px;width:85%}.hero-photo-placeholder strong{font-size:16px}.sticker{scale:.8}.hero-bottom-note{font-size:7px}.section-wrap{padding-left:5%;padding-right:5%}.section-heading h2{font-size:52px}.menu-tools{gap:6px}.filter-button{padding:0 10px;font-size:9px}.category-tabs{gap:6px}.category-tab{padding:10px;font-size:9px;gap:6px}.category-tab b{display:none}.product-grid{gap:8px}.product-image{height:130px}.product-image .food-emoji{font-size:51px}.product-info h3{font-size:19px}.product-info p{font-size:9px;min-height:47px}.product-price{font-size:13px}.add-button{width:30px;height:30px}.product-bottom{margin-top:12px}.product-badge{font-size:7px;left:7px;top:7px}.favorite-button{right:7px;top:7px;width:26px;height:26px}.menu-footer{gap:12px;align-items:flex-start;flex-direction:column}.feature-band{grid-template-columns:1fr;padding:55px 7%}.feature-copy h2{font-size:59px}.feature-image{min-height:230px}.photo-placeholder{min-height:230px}.why-cards{grid-template-columns:1fr}.why-card{min-height:145px}.why-card h3{margin-top:15px}.cta-section{padding:50px 6%}.cta-content h2{font-size:58px}.cta-emoji{position:absolute;right:-28px;bottom:4px;opacity:.16;font-size:160px}.cta-content{max-width:100%}.site-footer{gap:16px}.footer-links{flex-wrap:wrap}.cart-drawer{padding:18px}.filter-drawer{align-items:flex-start}.sort-select{margin-left:0;width:100%}}

/* ===== V2 — INTERATIVIDADE EXTRA ===== */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--orange),var(--yellow));z-index:100;box-shadow:0 0 12px var(--orange)}
.cursor-glow{position:fixed;left:0;top:0;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;background:radial-gradient(circle,#ff5b2224,transparent 65%);pointer-events:none;z-index:50;opacity:0;transition:opacity .3s;mix-blend-mode:screen}
.site-header{transition:height .3s,box-shadow .3s}.site-header.scrolled{height:66px;box-shadow:0 10px 40px #000a}
.soon-tag{font-size:8px;font-weight:900;letter-spacing:1.5px;background:var(--yellow);color:#17100a;padding:4px 7px;border-radius:5px;animation:blink 1.6s infinite;align-self:center}
@keyframes blink{50%{opacity:.45}}
.brand-logo{height:43px;width:auto;border-radius:8px}.brand{cursor:pointer}
.dev-link{padding:8px 13px;border:1px solid #ff5b2255;border-radius:999px;background:#ff5b2210;transition:.25s}
.dev-link:hover{background:var(--orange);color:#160b05;transform:translateY(-2px);box-shadow:0 8px 25px #ff5b2255}
.dev-link:hover span,.dev-link:hover .dev-name{color:#160b05!important}.dev-name{color:#fff}
.dev-float{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:10px;background:#121212ee;border:1px solid #ff5b2266;border-radius:999px;padding:7px 16px 7px 7px;font-size:11px;backdrop-filter:blur(10px);box-shadow:0 10px 30px #000a;max-width:46px;overflow:hidden;white-space:nowrap;transition:max-width .5s}
.dev-float:hover,.dev-float.open{max-width:360px}.dev-float i{width:30px;height:30px;border-radius:50%;background:var(--orange);color:#160b05;display:grid;place-items:center;font:900 12px var(--font);flex-shrink:0}.dev-float b{color:var(--orange)}
.wa-float,.to-top{position:fixed;right:16px;z-index:60;border:0;border-radius:50%;display:grid;place-items:center}
.wa-float{bottom:16px;width:54px;height:54px;background:var(--green);font-size:24px;animation:ring 2s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 #5ce0a099}100%{box-shadow:0 0 0 22px #5ce0a000}}
.to-top{bottom:80px;width:42px;height:42px;background:#1b1b1b;border:1px solid #333;font-size:18px;opacity:0;pointer-events:none;transition:.3s}.to-top.show{opacity:1;pointer-events:auto}.to-top:hover{background:var(--orange);color:#160b05}
.proof{position:fixed;left:16px;bottom:72px;z-index:60;background:#151515;border:1px solid #333;border-left:3px solid var(--orange);border-radius:12px;padding:11px 14px;font-size:11px;transform:translateX(-130%);transition:transform .5s;box-shadow:0 10px 30px #000a}.proof.show{transform:none}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
.product-card{position:relative}.spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;z-index:3;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#ff5b2230,transparent 60%)}.product-card:hover .spot{opacity:1}
.product-image{position:relative;overflow:hidden;transition:transform .15s}.product-image img,.modal-photo img,.cart-line-photo img{width:100%;height:100%;object-fit:cover;display:block}.product-image img{position:absolute;inset:0;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.08)}.product-badge{z-index:2}
.hero-art{transition:transform .2s ease-out}
.hero-photo img{width:min(100%,460px);height:380px;object-fit:cover;border:3px solid var(--orange);border-radius:48% 52% 44% 56%/48% 43% 57% 52%;box-shadow:0 0 90px #ff5b2244;transform:rotate(4deg);animation:float 5s ease-in-out infinite}
.feature-image>img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:var(--radius)}
.goal{margin:0 0 12px;font-size:11px;font-weight:700}.goal-bar{height:8px;background:#222;border-radius:9px;overflow:hidden;margin-top:7px}.goal-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--yellow));transition:width .5s}
.cart-button.bump{animation:bump .5s}@keyframes bump{40%{transform:scale(1.18) rotate(-4deg)}}
.fx{position:fixed;z-index:200;pointer-events:none;font-size:22px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===== V3 — CORES MESCLADAS + NOVAS SEÇÕES ===== */
:root{--grad:linear-gradient(100deg,#ff3d2e,#ff5b22,#ffc247,#ff5b22,#ff3d2e)}
@keyframes shift{to{background-position:200% 0}}
.hero h1 span,.section-heading h2 span,.feature-copy h2 span,.why-title h2 span,.cta-content h2 span,.meat-copy h2 span{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 5s linear infinite}
.announcement,.ticker{background:var(--grad);background-size:200% 100%;animation:shift 9s linear infinite}
.ticker-track{animation:ticker 30s linear infinite}
.btn-primary,.meat-tab.active,.category-tab.active,.chip.active,.add-button,.product-badge{background:var(--grad);background-size:200% 100%;color:#160b05;border-color:transparent}
.btn-primary{animation:shift 6s linear infinite;box-shadow:0 8px 30px #ff5b2244}
.btn-primary:hover{background:var(--grad);background-size:200% 100%;filter:brightness(1.12);box-shadow:0 12px 36px #ffc24755}
.cart-button b{background:var(--grad)}
.brand-mark{background:linear-gradient(135deg,#ff3d2e,#ff5b22 50%,#ffc247)}
.sticker-top{background:linear-gradient(135deg,#ffc247,#ff9a2e)}.sticker-bottom{background:linear-gradient(135deg,#ff3d2e,#ff5b22)}
.hero{background-image:radial-gradient(ellipse at 75% 45%,#4a1a0b 0%,transparent 45%),radial-gradient(ellipse at 12% 95%,#ffc24718,transparent 45%),radial-gradient(ellipse at 95% 0,#ff3d2e26,transparent 40%)}
.menu-section,.feature-band,.why-section{background-image:radial-gradient(ellipse at 90% 10%,#ff5b2218,transparent 50%),radial-gradient(ellipse at 5% 95%,#ffc24712,transparent 50%)}
.countdown{margin-top:30px}.countdown small{font-size:9px;letter-spacing:2px;font-weight:900;color:var(--yellow)}.countdown>div{display:flex;gap:10px;margin-top:10px}
.countdown span{min-width:62px;padding:10px 8px;text-align:center;border:1px solid #ff5b2244;border-radius:12px;background:#ffffff08;font-size:8px;letter-spacing:1.5px;color:#aaa69c;font-weight:800;backdrop-filter:blur(6px)}
.countdown b{display:block;font:900 30px var(--display);letter-spacing:0;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 5s linear infinite}
.open-now{color:var(--green)}
.meat-section{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;background-image:radial-gradient(ellipse at 100% 50%,#ff3d2e1f,transparent 55%),radial-gradient(ellipse at 0 100%,#ffc24714,transparent 50%)}
.meat-copy h2{font-family:var(--display);font-size:clamp(46px,5.5vw,72px);font-weight:900;line-height:.88;letter-spacing:-1px;margin:17px 0}
.meat-copy p{font-size:13px;line-height:1.9;color:var(--muted);max-width:430px}
.meat-box{background:#121212;border:1px solid #2c2c2c;border-radius:var(--radius);padding:26px;box-shadow:0 20px 60px #000a}
.meat-tabs{display:flex;gap:10px}.meat-tab{flex:1;background:#1a1a1a;border:1px solid #303030;border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11px;font-weight:800;transition:.25s}
.meat-tab b{font:900 28px var(--display);color:var(--yellow)}.meat-tab:hover{transform:translateY(-3px);border-color:var(--orange)}.meat-tab.active b{color:#160b05}
.blend-bar{display:flex;gap:4px;height:14px;margin:22px 0}.blend-bar i{border-radius:9px;opacity:.3;transition:opacity .4s}.blend-bar i.on{opacity:1}
.blend-bar i:nth-child(1){background:#ff3d2e}.blend-bar i:nth-child(2){background:#ff5b22}.blend-bar i:nth-child(3){background:#ffc247}
.meat-detail h3{font:900 34px var(--display);margin:0 0 8px}.meat-detail p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:860px){.meat-section{grid-template-columns:1fr}.countdown span{min-width:54px}}

/* ===== LOGO EM BREVE ===== */
.logo-soon{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 16px 7px;border:1px solid #ff5b2266;border-radius:12px;background:linear-gradient(135deg,#ff3d2e18,#ffc2470f);animation:logoglow 2.4s ease-in-out infinite;transition:transform .25s}
.brand:hover .logo-soon{transform:scale(1.05) rotate(-1deg)}
.logo-soon b{font:900 25px/1 var(--display);letter-spacing:4px;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 4s linear infinite}
.logo-soon strong{font-size:11px;font-weight:900;letter-spacing:1.6px;white-space:nowrap}
.logo-soon em{font-style:normal;color:var(--orange)}
.logo-soon small{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:4px;color:var(--yellow)}
.logo-soon small:before,.logo-soon small:after{content:"";width:18px;height:1px;background:var(--yellow);opacity:.6}
@keyframes logoglow{50%{box-shadow:0 0 22px #ff5b2244}}
@media(max-width:560px){.logo-soon b{font-size:20px}.logo-soon strong{font-size:9px}.logo-soon{padding:5px 10px}}

/* ===== V5 ===== */
.cta-section{background-image:linear-gradient(120deg,#ff3d2e,#ff5b22 50%,#ff8a2a)}
.cta-content h2 span{background:none;-webkit-text-fill-color:#fff;color:#fff;animation:none}
.btn-mini{background:transparent;border:1.5px solid #160b05;color:#160b05;padding:10px 14px;font-size:9px;gap:8px;margin:12px 0 0 10px}
.btn-mini:hover{background:#160b05;color:#fff}
.countdown b{animation:none;background-size:100% 100%}
.countdown span:nth-child(1) b{background-image:linear-gradient(180deg,#ff5b22,#ff7226)}
.countdown span:nth-child(2) b{background-image:linear-gradient(180deg,#ff7a2a,#ff9030)}
.countdown span:nth-child(3) b{background-image:linear-gradient(180deg,#ff9a30,#ffae38)}
.countdown span:nth-child(4) b{background-image:linear-gradient(180deg,#ffb83a,#ffc247)}
.countdown span:nth-child(1){border-color:#ff5b2266}.countdown span:nth-child(4){border-color:#ffc24766}
.meat-badge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:48px 26px}
.meat-badge span{font-size:84px;transition:transform .4s;filter:drop-shadow(0 10px 30px #ff3d2e66)}.meat-badge:hover span{transform:scale(1.15) rotate(-8deg)}
.meat-badge strong{font:900 30px var(--display);letter-spacing:3px;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 5s linear infinite}
.meat-badge small{font-size:9px;letter-spacing:3px;color:var(--yellow);font-weight:800}

/* ===== V6 — ARTE, ABAS, OBSERVAÇÕES ===== */
.art{width:100%;height:100%;display:block;overflow:visible}
.ly{transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.product-card:hover .ly,.hero-art:hover .ly,.modal-photo .ly,.feature-image:hover .ly{transform:translateY(calc(var(--i) * var(--g,0px) * -1))}
.product-image .art{position:absolute;inset:0;padding:10px}.image-plus{z-index:2}
.modal-photo .art{padding:18px}
.hero-photo-placeholder.has-art{border:1px solid #ff5b2244}.hero-photo-placeholder.has-art svg{width:86%;height:auto;transform:rotate(-4deg);position:relative;z-index:1;filter:drop-shadow(0 18px 30px #000a)}
.photo-placeholder.has-art{border:0;background:none;padding:0}.photo-placeholder.has-art svg,.photo-placeholder.has-art img{width:100%;max-height:430px;object-fit:cover;border-radius:var(--radius)}
.category-tabs{display:flex;gap:8px;overflow-x:auto;position:sticky;top:66px;z-index:25;padding:10px 0;background:#090909ee;backdrop-filter:blur(12px);scrollbar-width:none}
.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;white-space:nowrap}
.note-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.note-chips button{background:#1a1a1a;border:1px solid #333;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;transition:.2s}
.note-chips button:hover{background:var(--grad);color:#160b05;border-color:transparent;transform:translateY(-2px)}
.upsell{margin-bottom:12px;font-size:11px;font-weight:700}.upsell div{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.upsell button{background:#1a1a1a;border:1px dashed var(--orange);border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800;transition:.2s}.upsell button:hover{background:var(--orange);color:#160b05}


/* BOTÃO INTERATIVO DO DESENVOLVEDOR */
.dev-float {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 99999;

  display: flex;
  align-items: center;
  gap: 0;
  width: 56px;
  height: 56px;
  padding: 5px;

  border-radius: 50px;
  overflow: hidden;
  box-sizing: border-box;

  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #ffbd24, #ff7900 60%, #ef342c);
  border: 1px solid rgba(255, 190, 50, .8);
  box-shadow: 0 0 0 4px rgba(255, 115, 0, .09),
              0 5px 22px rgba(255, 91, 0, .3);

  transition: width .35s ease, transform .25s ease,
              box-shadow .3s ease;
  animation: devPulse 3s ease-in-out infinite;
}

.dev-float-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dev-float-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity .2s ease, width .3s ease;
}

.dev-float-text strong {
  font-size: 13px;
}

.dev-float-text small {
  font-size: 10px;
  color: #fff0cf;
}

.dev-float:hover,
.dev-float:focus-visible {
  width: 225px;
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(255, 104, 0, .5);
  animation: none;
}

.dev-float:hover .dev-float-text,
.dev-float:focus-visible .dev-float-text {
  width: 155px;
  opacity: 1;
}

@keyframes devPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 115, 0, .25),
                0 5px 22px rgba(255, 91, 0, .3);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(255, 115, 0, 0),
                0 5px 26px rgba(255, 91, 0, .4);
  }
}

@media (max-width: 600px) {
  .dev-float {
    right: 15px;
    bottom: 18px;
    width: 50px;
    height: 50px;
    padding: 2px;
  }

  .dev-float-icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .dev-float:active {
    transform: scale(.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dev-float {
    animation: none;
    transition: none;
  }
}


/* ===== AJUSTES SÓ PARA CELULAR / TABLET (o layout do PC não muda) ===== */
@media (max-width: 800px) {
  /* impede o "modo escuro forçado" do navegador do celular de inverter as cores */
  :root { color-scheme: dark; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { -webkit-tap-highlight-color: transparent; }

  /* textos em degradê: garante que apareçam no Safari/iPhone */
  .hero h1 span, .section-heading h2 span, .feature-copy h2 span, .why-title h2 span,
  .meat-copy h2 span, .countdown b, .logo-soon b, .meat-badge strong {
    -webkit-text-fill-color: transparent;
  }

  /* botões e campos sem o estilo padrão do iOS/Android */
  button, input, textarea { -webkit-appearance: none; appearance: none; }
  input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
  /* fonte >= 16px evita o zoom automático do iPhone ao tocar na busca/observações */
  .search-box input, .modal-options textarea { font-size: 16px; }
  .search-box kbd { display: none; }

  /* cabeçalho: carrinho e menu alinhados à direita */
  .site-header { gap: 10px; }
  .cart-button { margin-left: auto; height: 42px; }

  /* botão hambúrguer desenhado (vira um X quando aberto) */
  .mobile-menu-button {
    display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;
    width: 42px; height: 42px; padding: 0; flex-shrink: 0;
    background: #1b1b1b; border: 1px solid #303030; border-radius: 10px;
  }
  .mobile-menu-button span {
    display: block; width: 18px; height: 2px; border-radius: 2px; background: #f7f4ed;
    transition: transform .25s, opacity .2s;
  }
  .mobile-menu-button[aria-expanded="true"] { border-color: var(--orange); }
  .mobile-menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .mobile-menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .mobile-menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  /* menu aberto: logo abaixo do cabeçalho, com rolagem se for grande */
  .main-nav {
    top: 100%; margin-left: 0; padding: 10px 5% 16px;
    max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain;
    background: #101010f7; box-shadow: 0 20px 40px #000c;
  }
  .main-nav.mobile-open { animation: navIn .2s ease both; }
  .main-nav .nav-link { font-size: 14px; padding: 14px 6px; border-bottom: 1px solid #1f1f1f; }
  .main-nav .nav-link.active { color: var(--orange); }
  .dropdown-panel { opacity: 1; visibility: visible; transform: none; transition: none; background: #161616; }
  .dropdown-panel button { font-size: 13px; padding: 12px; }

  /* botões de contato empilhados e com largura total */
  .cta-content .btn-dark, .cta-content .btn-mini { display: flex; width: 100%; max-width: 360px; margin: 12px 0 0; }
  .cta-content .btn-dark { padding: 17px 20px; font-size: 11px; }
  .cta-content .btn-mini { padding: 13px 14px; font-size: 10px; }

  /* botões flutuantes: WhatsApp à direita, "Conheça o dev" à esquerda (antes um cobria o outro) */
  .wa-float { right: 14px; bottom: 16px; z-index: 62; }
  .to-top { right: 20px; bottom: 82px; }
  .dev-float { left: 14px; right: auto; bottom: 16px; }
  .toast { bottom: 84px; }
  body.locked .wa-float, body.locked .to-top, body.locked .dev-float { opacity: 0; pointer-events: none; }

  /* rodapé com espaço para os botões flutuantes */
  .site-footer { padding-bottom: 90px; }
}

@keyframes navIn { from { opacity: 0; transform: translateY(-6px); } }

@media (max-width: 560px) {
  .logo-soon b { letter-spacing: 2px; }
  .logo-soon small { letter-spacing: 2.5px; }
  .hero-bottom-note { display: none; }
  .countdown > div { gap: 6px; }
  .countdown span { min-width: 0; flex: 1; }
}

@media (max-width: 380px) {
  .logo-soon b { font-size: 17px; }
  .logo-soon strong { font-size: 8px; letter-spacing: 1px; }
  .cart-button { padding: 6px; }
}

/* telas de toque: sem efeitos de "hover" que ficam presos depois do toque */
@media (hover: none) {
  .dev-float:hover { width: 56px; transform: none; }
  .dev-float:hover .dev-float-text { width: 0; opacity: 0; }
  .product-card:hover { transform: none; }
  .btn:hover, .meat-tab:hover { transform: none; }
  .btn:active, .add-button:active, .cart-button:active { transform: scale(.96); }
}

@media (hover: none) and (max-width: 600px) {
  .dev-float:hover { width: 50px; }
}


/* ===== V7 — fotos reais, opções de bebida,  formulário de entrega ===== */
[hidden]{display:none!important}
.product-image:has(img.foto):after,.product-image:has(img.foto):before{content:none}
.product-image img.foto,.modal-photo img.foto,.cart-line-photo img.foto{width:100%;height:100%;object-fit:cover}
.opt-tag{display:block;margin-top:2px;font-size:10px;font-weight:800;color:var(--yellow)}
@keyframes popIn{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}100%{transform:none}}
@keyframes shakeX{0%,100%{transform:none}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(5px)}}
@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg) translateY(-2px)}75%{transform:rotate(3deg) translateY(-2px)}}
@keyframes bubRise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.8}100%{transform:translateY(-80px) scale(1);opacity:0}}
@keyframes needPulse{0%,100%{color:var(--yellow);letter-spacing:1.4px}50%{color:#fff;letter-spacing:2px}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 #ffc24766}50%{box-shadow:0 0 0 10px #ffc24700}}
@keyframes roadMove{to{background-position:-40px 0}}
@keyframes truckBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes sheen{0%{background-position:-200% 0}100%{background-position:200% 0}}
.pop{animation:popIn .45s cubic-bezier(.2,1.2,.4,1)}
.shake{animation:shakeX .45s}

/* opções do produto (tamanho / sabor) */
.opt-box{display:grid;gap:14px}
.opt-title{display:block;font-size:10px;font-weight:900;letter-spacing:1.4px;color:#d6d0c6;margin-bottom:8px}
.opt-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.opt-size{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;background:#1b1b1b;border:1px solid #363636;border-radius:11px;text-align:left;transition:.2s}
.opt-size b{font-size:11px}
.opt-size i{font-style:normal;font-size:11px;color:var(--yellow);font-weight:800}
.opt-size:hover{border-color:var(--orange);transform:translateY(-2px)}
.opt-size.on{background:var(--orange);border-color:var(--orange);color:#160b05;box-shadow:0 6px 20px #ff5b2244}
.opt-size.on i{color:#160b05}
.fl-sec{padding:12px;border-radius:14px;background:linear-gradient(160deg,#1d1410,#141414);border:1px dashed #ffc24755}
.fl-sec.need .opt-title{animation:needPulse 1.4s infinite}
.opt-flavors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.opt-fl{position:relative;overflow:hidden;height:98px;border:2px solid transparent;border-radius:16px;background:linear-gradient(160deg,var(--c),#1a1a1a 135%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .25s,box-shadow .25s;color:#fff}
.fl-sec.need .opt-fl{animation:wiggle 1.6s infinite}
.fl-sec.need .opt-fl:nth-child(2){animation-delay:.2s}
.fl-sec.need .opt-fl:nth-child(3){animation-delay:.4s}
.opt-fl em{font-style:normal;font-size:34px;filter:drop-shadow(0 4px 4px #0006);position:relative;z-index:1;transition:transform .3s}
.opt-fl b{font:900 18px var(--display);letter-spacing:.8px;position:relative;z-index:1;text-shadow:0 2px 6px #0007}
.opt-fl:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 26px color-mix(in srgb,var(--c) 55%,transparent)}
.opt-fl:hover em{transform:scale(1.2) rotate(-10deg)}
.opt-fl.on{border-color:#fff;transform:scale(1.07);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 40%,transparent),0 0 30px var(--c);animation:popIn .4s}
.opt-fl.on:after{content:"✓";position:absolute;top:5px;right:7px;width:19px;height:19px;border-radius:50%;background:#fff;color:#111;font-size:12px;font-weight:900;display:grid;place-items:center}
.opt-fl .bub{position:absolute;inset:0;pointer-events:none}
.opt-fl .bub u{position:absolute;bottom:-6px;width:8px;height:8px;border-radius:50%;background:#fff5;animation:bubRise 2.6s infinite}
.opt-fl .bub u:nth-child(1){left:14%}.opt-fl .bub u:nth-child(2){left:38%;animation-delay:.7s;width:6px;height:6px}.opt-fl .bub u:nth-child(3){left:62%;animation-delay:1.3s}.opt-fl .bub u:nth-child(4){left:84%;animation-delay:1.9s;width:5px;height:5px}
.opt-err{display:block;margin-top:9px;font-size:10px;font-weight:800;color:#ff8a6b}
.modal-photo{position:relative;overflow:hidden}
.modal-photo.tint:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,var(--fl),transparent 68%);opacity:.5;animation:popIn .6s}
.modal-photo .art,.modal-photo img{position:relative;z-index:1}
.modal-photo.swap .art,.modal-photo.swap img{animation:popIn .5s cubic-bezier(.2,1.2,.4,1)}

/* frete no carrinho */
.cart-ship{margin:8px 0 12px;padding-top:8px;border-top:1px dashed #333;display:grid;gap:6px;font-size:12px}
.cart-ship>div{display:flex;justify-content:space-between;align-items:center}
.cart-ship b.free{color:var(--green)}
.cart-ship .tot strong{font-size:20px;color:var(--yellow)}

/* formulário de entrega */
.co-modal{padding:0;border:1px solid #ff5b2266;border-radius:22px;background:#101010;color:var(--text);width:min(520px,calc(100% - 22px));max-width:520px;max-height:94dvh;overflow:auto;box-shadow:0 0 0 6px #ff5b2210,0 30px 110px #000c,0 0 80px #ff5b2222}
.co-modal[open]{animation:popIn .45s cubic-bezier(.2,1.1,.4,1)}
.co-modal::backdrop{background:radial-gradient(circle at 50% 30%,#ff5b2230,#000d 70%);backdrop-filter:blur(6px)}
.co-head{position:relative;padding:26px 24px 20px;background:var(--grad);background-size:220% 100%;animation:shift 7s linear infinite;color:#160b05;border-radius:21px 21px 0 0}
.co-kicker{font-size:9px;font-weight:900;letter-spacing:2px}
.co-head h2{margin:4px 0 2px;font:900 44px/1 var(--display);letter-spacing:.5px}
.co-head h2 span{display:inline-block;animation:wiggle 1.2s infinite}
.co-head p{margin:0;font-size:12px;font-weight:700;opacity:.85}
.co-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:0;background:#160b0522;color:#160b05;font-weight:900}
.co-prog{display:flex;align-items:center;gap:10px;margin-top:18px}
.co-track{position:relative;flex:1;height:9px;background:#160b0533;border-radius:9px}
.co-track b{display:block;height:100%;width:0;background:#160b05;border-radius:9px;transition:width .5s cubic-bezier(.3,1.3,.5,1)}
.co-track i{position:absolute;top:-17px;left:0;font-style:normal;font-size:22px;transform:translateX(-50%) scaleX(-1);transition:left .5s cubic-bezier(.3,1.3,.5,1);animation:truckBounce .5s infinite}
.co-prog small{font-size:11px;font-weight:900;min-width:26px;text-align:right}
.co-body{padding:20px 22px 24px;display:grid;gap:13px}
.co-f{position:relative;display:block}
.co-f input{width:100%;height:56px;padding:22px 44px 6px 48px;background:#181818;border:2px solid #2d2d2d;border-radius:14px;color:#fff;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.co-f input:focus{border-color:var(--orange);background:#1d1612;box-shadow:0 0 0 4px #ff5b2224}
.co-f em{position:absolute;left:48px;top:18px;font-style:normal;font-size:13px;color:#8e8a82;pointer-events:none;transition:.18s;white-space:nowrap;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis}
.co-f input:focus+em,.co-f input:not(:placeholder-shown)+em{top:8px;font-size:9px;font-weight:900;letter-spacing:1.2px;color:var(--yellow);text-transform:uppercase}
.co-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:21px;transition:transform .25s;z-index:1}
.co-f:focus-within .co-ico{transform:translateY(-50%) scale(1.25) rotate(-8deg)}
.co-ok{position:absolute;right:13px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--green);color:#06210f;display:grid;place-items:center;font-size:13px;font-weight:900;text-decoration:none;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.8,.5,1)}
.co-f.ok .co-ok{transform:scale(1)}
.co-f.ok input{border-color:#5ce0a055}
.co-cep{padding:13px;border-radius:16px;background:linear-gradient(160deg,#241810,#151515);border:1px dashed #ffc24766}
.co-cep-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:900 20px var(--display);letter-spacing:1.2px;color:var(--yellow)}
.co-cep-title span{font-size:22px;display:inline-block;animation:truckBounce .7s infinite}
.co-cep-title small{margin-left:auto;font:700 10px var(--font);letter-spacing:.5px;color:#a49d92}
.co-cep-row{display:grid;grid-template-columns:1fr auto;gap:9px}
.co-calc{padding:0 18px;border:0;border-radius:14px;background:var(--grad);background-size:200% 100%;animation:shift 6s linear infinite;color:#160b05;font:900 17px var(--display);letter-spacing:1.2px;transition:transform .2s,filter .2s}
.co-calc:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.1)}
.co-calc:active{transform:scale(.96)}
.co-ship{margin-top:11px;padding:12px 14px;border-radius:12px;background:#1b1b1b;border:1px solid #333;font-size:13px;font-weight:800;animation:slideDown .35s}
.co-ship small{display:block;margin-top:3px;font-size:10px;font-weight:700;color:#a49d92}
.co-ship b{color:var(--yellow);font-size:17px}
.co-ship.ok{border-color:#ffc24788;background:#221a0f}
.co-ship.free{border-color:#5ce0a0;background:linear-gradient(120deg,#0f2a1c,#143323)}
.co-ship.free b{color:var(--green);font:900 24px var(--display);letter-spacing:1px}
.co-ship.erro,.co-ship.curto{border-color:#ff6b4a88;background:#2a1511;color:#ffb3a1}
.co-road{height:26px;position:relative;border-bottom:3px dashed #555;background:repeating-linear-gradient(90deg,transparent 0 14px,#ffffff10 14px 28px);animation:roadMove .6s linear infinite}
.co-road span{position:absolute;bottom:-2px;left:0;font-size:22px;transform:scaleX(-1);animation:truckBounce .35s infinite,drive 1.4s ease-in-out infinite alternate}
@keyframes drive{from{left:0}to{left:calc(100% - 28px)}}
.co-sum{display:grid;gap:7px;padding:14px;border-radius:14px;background:#171717;border:1px solid #2a2a2a;font-size:12px}
.co-sum>div{display:flex;justify-content:space-between;align-items:center}
.co-sum .muted{color:#8e8a82;font-weight:700;font-size:11px}
.co-sum .free{color:var(--green)}
.co-total{padding-top:9px;margin-top:2px;border-top:1px dashed #3a3a3a}
.co-total strong{font:900 30px var(--display);color:var(--yellow)}
.co-send{width:100%;justify-content:center;height:56px;font-size:13px;opacity:.75;transition:opacity .3s,transform .2s}
.co-send.ready{opacity:1;animation:shift 4s linear infinite,glowPulse 1.4s infinite}
.co-send.ready:hover{transform:translateY(-3px) scale(1.02)}
@media(max-width:480px){.co-head h2{font-size:38px}.opt-fl{height:88px}.opt-fl em{font-size:30px}.co-cep-title small{display:none}}
@media(prefers-reduced-motion:reduce){.fl-sec.need .opt-fl,.co-head,.co-calc,.co-send.ready,.co-road,.co-road span,.co-track i{animation:none}}
.co-prog{gap:24px}

/* ===== V8 — bebidas e retirar × entregar ===== */
.product-price .cyc-price{display:inline-block;transition:opacity .35s,transform .35s}
.product-price .cyc-size{display:block;margin-top:2px;font-size:10px;font-weight:800;color:var(--yellow);letter-spacing:.4px;transition:opacity .35s,transform .35s}
.swp{opacity:0;transform:translateY(-6px)}
.fcycle{position:absolute;inset:0;display:block}
.fc{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease-in-out}
.fc.on{opacity:1}
.fc .art,.fc img{position:absolute;inset:0}
.pf-sec.need .opt-fl{animation:wiggle 1.6s infinite}.pf-sec.need .opt-fl:nth-child(2){animation-delay:.2s}.pf-sec.need .opt-fl:nth-child(3){animation-delay:.4s}
.pf-sec .opt-fl b{font-size:15px}
.tp-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:18px;background:linear-gradient(160deg,#241810,#151515);border:2px solid #ffc24744;text-align:left;color:var(--text);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.tp-card:before{content:"";position:absolute;inset:0;background:var(--grad);background-size:220% 100%;opacity:0;transition:opacity .3s;animation:shift 6s linear infinite}
.tp-card>*{position:relative}
.tp-ico{font-size:40px;transition:transform .35s cubic-bezier(.3,1.8,.5,1)}
.tp-tx b{display:block;font:900 22px var(--display);letter-spacing:.8px}
.tp-tx small{display:block;margin-top:2px;font-size:11px;font-weight:700;color:#a49d92}
.tp-ck,.tp-go{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-weight:900}
.tp-ck{background:var(--green);color:#06210f;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.8,.5,1)}
.tp-go{background:#ffffff14;color:var(--yellow);transition:transform .3s,background .3s}
.tp-card:hover{transform:translateY(-3px) scale(1.015);border-color:var(--orange);box-shadow:0 14px 34px #ff5b2233}
.tp-card:hover .tp-ico{transform:scale(1.2) rotate(-8deg)}
.tp-card:hover .tp-go{transform:translateX(5px);background:var(--orange);color:#160b05}
.tp-card:active{transform:scale(.98)}
.tp-card.on{border-color:#fff;box-shadow:0 0 0 4px #ff5b2233,0 14px 40px #ff5b2244}
.tp-card.on:before{opacity:1}.tp-card.on .tp-tx small{color:#160b05}.tp-card.on .tp-tx b{color:#160b05}.tp-card.on .tp-ck{transform:scale(1)}
.tp-card.on .tp-ico{animation:wiggle 1s infinite}
.tp-deliv.go .tp-ico{animation:driveOff .55s ease-in forwards}
@keyframes driveOff{0%{transform:scaleX(-1)}to{transform:translateX(170px) scaleX(-1);opacity:0}}
.tp-pick{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.3,1.1,.5,1),opacity .3s}
.tp-pick.open{grid-template-rows:1fr;opacity:1}
.tp-in{min-height:0;overflow:hidden;display:grid;gap:13px;padding:5px}
.tp-pick:not(.open) .tp-in{visibility:hidden}
.tp-or{display:flex;align-items:center;gap:12px;color:#8e8a82;font-size:10px;font-weight:900;letter-spacing:2px}
.tp-or:before,.tp-or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#3a3a3a,transparent)}
.co-back{justify-self:start;background:none;border:0;color:var(--yellow);font-size:11px;font-weight:800;padding:2px 0;transition:transform .2s}
.co-back:hover{transform:translateX(-4px)}
@media(max-width:480px){.tp-tx b{font-size:19px}.tp-ico{font-size:34px}}

/* ===== V9 — foto do topo que abre em camadas ===== */
.hero-open{position:relative;width:min(92%,470px);aspect-ratio:1100/903;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 26px 40px #000b)}
.hero-open:before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,#ff5b2230,transparent 65%);z-index:-1}
.ho-s{position:absolute;left:0;right:0;height:20%;top:calc(var(--i) * 20%);background-image:var(--src);background-size:100% 500%;background-position:0 calc(var(--i) * 25%);transition:transform .55s cubic-bezier(.3,1.5,.5,1),box-shadow .4s;will-change:transform}
.ho-s:first-child{border-radius:30px 30px 0 0}.ho-s:last-child{border-radius:0 0 22px 22px}
.hero-art:hover .ho-s{transform:translateY(calc(var(--k) * -11px));box-shadow:0 12px 22px #000a}


/* ===== faixa laranja em ciclo contínuo (sem corte) ===== */
.ticker-track{justify-content:flex-start;gap:0;min-width:0;width:max-content;animation:tkscroll 60s linear infinite;will-change:transform}
.tk-set{display:flex;align-items:center;gap:32px;padding-right:32px;flex-shrink:0}
@keyframes tkscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== LOGO ANIMADA — BIG LANCHES ORTIZ (topo e rodapé) ===== */
.logo-bl{position:relative;display:flex;align-items:center;gap:10px;padding:6px 18px 6px 10px;border:1px solid #ff5b2288;border-radius:16px;background:linear-gradient(135deg,#ff3d2e26,#ffc24714);overflow:hidden;isolation:isolate;animation:lbGlow 2.2s ease-in-out infinite;transition:transform .25s}
.brand:hover .logo-bl{transform:scale(1.05) rotate(-1deg)}
.logo-bl:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);animation:lbShine 3.4s ease-in-out infinite;pointer-events:none}
.lb-burger{width:44px;height:44px;flex:none;transform-origin:50% 90%;filter:drop-shadow(0 4px 8px #ff5b2299);animation:lbBounce 1.7s ease-in-out infinite}
.lb-text{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
.lb-big{font:900 31px/.95 var(--display);letter-spacing:2px;white-space:nowrap;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 3s linear infinite}
.lb-row{display:flex;align-items:center;gap:7px;width:100%}
.lb-row i{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--yellow));opacity:.8}
.lb-row i:last-child{background:linear-gradient(270deg,transparent,var(--yellow))}
.lb-ortiz{font:900 15px/1 var(--display);font-style:normal;letter-spacing:7px;padding:3px 3px 3px 10px;border-radius:7px;background:var(--yellow);color:#17100a;animation:lbPulse 1.3s ease-in-out infinite}
.lb-sp{position:absolute;color:var(--yellow);font-size:11px;opacity:0;animation:lbTwinkle 2.4s ease-in-out infinite;pointer-events:none}
.lb-s1{top:5px;right:9px}.lb-s2{bottom:6px;left:50px;animation-delay:.8s;font-size:9px}.lb-s3{top:7px;left:56px;animation-delay:1.5s;font-size:8px}
@keyframes lbGlow{50%{box-shadow:0 0 26px #ff5b2266,inset 0 0 14px #ffc24722;border-color:#ffc247cc}}
@keyframes lbShine{0%,55%{left:-60%}100%{left:130%}}
@keyframes lbBounce{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(5deg) scale(1.06)}}
@keyframes lbPulse{50%{transform:scale(1.1);box-shadow:0 0 14px #ffc247aa}}
@keyframes lbTwinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}
.footer-brand .logo-bl{padding:8px 22px 8px 12px}
.footer-brand .lb-burger{width:52px;height:52px}
.footer-brand .lb-big{font-size:38px}
@media(max-width:560px){.logo-bl{gap:7px;padding:5px 11px 5px 7px;border-radius:13px}.lb-burger{width:32px;height:32px}.lb-big{font-size:21px;letter-spacing:1.2px}.lb-ortiz{font-size:11px;letter-spacing:5px;padding:2px 2px 2px 7px}.lb-s1{display:none}.lb-s2{left:38px}.lb-s3{left:42px}.footer-brand .lb-burger{width:40px;height:40px}.footer-brand .lb-big{font-size:28px}}
@media(max-width:380px){.lb-big{font-size:18px}.lb-burger{width:28px;height:28px}.lb-ortiz{font-size:10px;letter-spacing:4px}}
@media(prefers-reduced-motion:reduce){.logo-bl,.logo-bl:after,.lb-burger,.lb-big,.lb-ortiz,.lb-sp{animation:none}.lb-sp{opacity:.8}}

/* ===== PAGAMENTO — forma de pagamento + QR Code Pix ===== */
.pay{padding:13px;border-radius:16px;background:linear-gradient(160deg,#241810,#151515);border:1px dashed #ffc24766}
.pay-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:900 20px var(--display);letter-spacing:1.2px;color:var(--yellow)}
.pay-title small{margin-left:auto;font:700 10px var(--font);letter-spacing:.5px;color:#a49d92}
.pay-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pay-opt{position:relative;display:grid;justify-items:center;gap:3px;padding:11px 6px;border-radius:14px;background:#181818;border:2px solid #2d2d2d;color:var(--text);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.pay-opt span{font-size:24px;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.pay-opt b{font:900 17px var(--display);letter-spacing:1px}
.pay-opt:hover{transform:translateY(-2px);border-color:#ffc24788}
.pay-opt.on{background:var(--grad);background-size:200% 100%;animation:shift 5s linear infinite;border-color:transparent;color:#160b05;box-shadow:0 8px 24px #ffc24744}
.pay-opt.on span{transform:scale(1.2) rotate(-6deg)}
.pay.shake .pay-opt{border-color:#ff6b4a}
.pay-pix{margin-top:12px;display:grid;justify-items:center;gap:8px;text-align:center;animation:slideDown .35s}
.pay-pix[hidden]{display:none}
.pay-qr{padding:8px;border-radius:16px;background:#fff;box-shadow:0 0 0 4px #ffc24744,0 10px 30px #0008;line-height:0}
.pay-qr svg{display:block;max-width:100%;height:auto}
.pay-val{font-size:12px;color:#a49d92}.pay-val b{font:900 28px var(--display);color:var(--yellow);letter-spacing:.5px}
.pay-pix small{font-size:11px;color:#a49d92}
.pay-copy{width:100%;padding:12px;border-radius:12px;border:1px solid #ffc24788;background:#221a0f;color:var(--yellow);font:800 12px var(--font);transition:transform .2s,background .2s}
.pay-copy:hover{transform:translateY(-2px);background:#2c2112}
.pay-note{margin:0;padding:12px 14px;border-radius:12px;background:#1b1b1b;border:1px solid #333;font-size:12px;font-weight:700;line-height:1.5;color:#e8e2d6}

/* ===== PAGAMENTO — trava de envio + janelinha de confirmação ===== */
.co-send.pay-lock,.co-send.ready.pay-lock{animation:none;opacity:.4;filter:grayscale(.75);cursor:not-allowed;box-shadow:none}
.co-send.pay-lock:hover{transform:none}
.pay-status{margin-top:12px}.pay-status[hidden]{display:none}
.pay-confirm{width:100%;padding:14px;border-radius:14px;border:2px dashed var(--yellow);background:#221a0f;color:var(--yellow);font:900 17px var(--display);letter-spacing:1.2px;animation:glowPulse 1.4s infinite;transition:transform .2s,background .2s}
.pay-confirm:hover{transform:translateY(-2px) scale(1.02);background:#2c2112}
.pay-okmsg{padding:13px 14px;border-radius:12px;background:linear-gradient(120deg,#0f2a1c,#143323);border:1px solid var(--green);color:var(--green);font-weight:800;font-size:13px;text-align:center;animation:slideDown .35s}
.pm-modal{padding:0;border:2px solid #ffc24788;border-radius:26px;background:#101010;color:var(--text);width:min(440px,calc(100% - 24px));max-width:440px;max-height:94dvh;overflow:hidden;text-align:center;box-shadow:0 0 0 8px #ff5b2214,0 30px 120px #000d,0 0 90px #ff5b2233}
.pm-modal[open]{animation:pmIn .55s cubic-bezier(.2,1.3,.4,1)}
.pm-modal::backdrop{background:radial-gradient(circle at 50% 35%,#ff5b2240,#000e 72%);backdrop-filter:blur(8px)}
@keyframes pmIn{0%{transform:scale(.4) rotate(-8deg) translateY(60px);opacity:0}100%{transform:none;opacity:1}}
.pm-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pm-bg i{position:absolute;bottom:-30px;font-style:normal;font-size:26px;opacity:0;animation:pmRise linear infinite}
@keyframes pmRise{0%{transform:translateY(0) rotate(0) scale(.6);opacity:0}15%{opacity:.55}100%{transform:translateY(-480px) rotate(360deg) scale(1.2);opacity:0}}
.pm-x{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff1a;color:#fff;font-weight:900}
.pm-body{position:relative;z-index:2;padding:34px 26px 22px;display:grid;justify-items:center;gap:12px;background:linear-gradient(180deg,#ff5b2218,transparent 55%)}
.pm-ico{font-size:84px;line-height:1;user-select:none;filter:drop-shadow(0 10px 22px #ff5b22aa);animation:pmBounce 1.2s ease-in-out infinite}
@keyframes pmBounce{0%,100%{transform:translateY(0) scale(1) rotate(-6deg)}40%{transform:translateY(-16px) scale(1.12) rotate(6deg)}60%{transform:translateY(-16px) scale(1.12) rotate(-4deg)}}
.pm-kicker{font-size:10px;font-weight:900;letter-spacing:3px;color:var(--yellow);animation:needPulse 1.4s infinite}
.pm-body h2{margin:0;font:900 40px/1 var(--display);letter-spacing:.5px;background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 4s linear infinite}
.pm-body p{margin:0;font-size:17px;line-height:1.5;font-weight:700;color:#f1ece1}
.pm-body p b{color:var(--yellow)}
.pm-body small{font-size:11px;color:#a49d92}.pm-body small:empty{display:none}
.pm-yes{width:100%;justify-content:center;gap:10px;height:64px;margin-top:6px;font-size:15px;animation:shift 4s linear infinite,glowPulse 1.4s infinite;transition:transform .2s}
.pm-yes:hover{transform:translateY(-3px) scale(1.04)}.pm-yes:active{transform:scale(.95)}
.pm-yes i{font-style:normal;font-size:22px;display:inline-block;animation:wiggle 1s infinite}
.pm-yes.done{animation:popIn .45s;background:var(--green);color:#06210f}
.pm-no{background:none;border:0;color:#a49d92;font:700 12px var(--font);padding:8px;text-decoration:underline;text-underline-offset:3px}
.pm-no:hover{color:#fff}
@media(prefers-reduced-motion:reduce){.pm-ico,.pm-kicker,.pm-body h2,.pm-yes,.pm-yes i,.pm-bg i,.pm-confirm,.pay-confirm{animation:none}}
@media(max-width:480px){.pm-ico{font-size:70px}.pm-body h2{font-size:34px}.pm-body p{font-size:16px}}

/* ===== AVISO VERMELHO DO PIX (janelinha "Confirma o Pix") ===== */
.pm-warn{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;text-align:left;background:linear-gradient(120deg,#8f0a12,#e11d2a 55%,#a30d16);border:2px solid #ff6b73;color:#fff;box-shadow:0 0 0 0 #ff2d3a99,0 10px 26px #e11d2a66;animation:pmWarnIn .6s cubic-bezier(.2,1.4,.4,1),pmWarnGlow 1.3s ease-in-out .6s infinite}
.pm-warn[hidden]{display:none}
.pm-warn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);animation:pmWarnShine 2.6s ease-in-out 1s infinite;pointer-events:none}
.pm-warn-ico{font-size:34px;line-height:1;flex:none;filter:drop-shadow(0 3px 8px #0008);animation:pmWarnShake 1.6s ease-in-out infinite}
.pm-warn div{display:grid;gap:2px}
.pm-warn b{font:900 15px/1 var(--display);letter-spacing:2px;color:#ffe34d;text-transform:uppercase}
.pm-warn span:not(.pm-warn-ico){font-size:15px;line-height:1.3;font-weight:800;color:#fff}
@keyframes pmWarnIn{from{opacity:0;transform:translateY(14px) scale(.85)}to{opacity:1;transform:none}}
@keyframes pmWarnGlow{0%,100%{box-shadow:0 0 0 0 #ff2d3a88,0 10px 26px #e11d2a66}50%{box-shadow:0 0 0 7px #ff2d3a00,0 10px 34px #ff2d3aaa}}
@keyframes pmWarnShine{0%{left:-40%}55%,100%{left:130%}}
@keyframes pmWarnShake{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(-14deg) scale(1.12)}20%{transform:rotate(12deg) scale(1.12)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.pm-warn,.pm-warn::after,.pm-warn-ico{animation:none}}

/* PAGAMENTO: só libera depois de colocar um nome de verdade */
.pay.pay-nonome .pay-opts{opacity:.45;cursor:not-allowed}
.pay.pay-nonome .pay-opt{cursor:not-allowed}
.pay.pay-nonome .pay-title small{color:#ff9f43;font-weight:900}