@font-face{font-family:Quicksand;font-weight:400;src:url(q400.ttf) format('truetype');font-display:swap}
@font-face{font-family:Quicksand;font-weight:500;src:url(q500.ttf) format('truetype');font-display:swap}
@font-face{font-family:Quicksand;font-weight:600;src:url(q600.ttf) format('truetype');font-display:swap}
@font-face{font-family:Quicksand;font-weight:700;src:url(q700.ttf) format('truetype');font-display:swap}
:root{--red:#e30513;--red2:#e60211;--purple:#720eec;--yel:#fff200;--bg:#fff8f8;--pink:#ffe3e3}
html{scroll-padding-top:90px}
body{font-family:Quicksand,system-ui,sans-serif;background:var(--bg);color:#111;font-size:16px;overflow-x:hidden;word-wrap:break-word}
a{color:var(--red)}
.promo{background:var(--purple);color:#fff;text-align:center;padding:12px 16px;font-size:15px;line-height:1.35}
.promo a{color:#fff;text-decoration:underline;white-space:nowrap}
.bn-nav{background:var(--red2);padding:6px 0;position:sticky;top:0;z-index:1030}
.bn-nav .nav-link{color:#fff;font-weight:600;padding:.6rem .9rem}
.bn-nav .nav-link.active,.bn-nav .nav-link:hover{color:var(--yel)}
.brand-img{height:54px;width:auto;background:#fff;border-radius:10px;padding:2px;margin-right:10px}
.navbar-brand{display:flex;align-items:center;color:var(--yel)!important;font-weight:700;font-size:1.5rem;line-height:1}
.brand-t small{display:block;color:#fff;font-size:.8rem;letter-spacing:.2em;font-weight:600;text-transform:uppercase;margin-top:3px}
.navbar-toggler{border-color:#fff;background:#fff3}
.cart-m{color:#fff;position:relative;display:flex;align-items:center;gap:4px}
.cnt{background:var(--yel);color:#000;border-radius:20px;font-size:.72rem;padding:0 6px;min-width:19px;text-align:center;font-weight:700}
.btn-yellow{background:var(--yel);color:#000;border:0;font-weight:600;border-radius:4px;padding:.55rem 1.1rem}
.btn-yellow:hover{background:#ffe600;color:#000}
.btn-red{background:var(--red);color:#fff;border:0;font-weight:700;border-radius:3px;text-transform:none}
.btn-red:hover{background:#b3000f;color:#fff}.btn-red:disabled{opacity:.5}
/* hero */
.hero{background:radial-gradient(circle at 20% 30%,#4b2a13 0,#1b0f0a 55%,#0b0605 100%);color:#fff;padding:48px 0 40px;position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 20%,#ffd36b,transparent),radial-gradient(2px 2px at 30% 70%,#fff,transparent),radial-gradient(3px 3px at 60% 30%,#ffb347,transparent),radial-gradient(2px 2px at 80% 60%,#fff,transparent),radial-gradient(2px 2px at 90% 15%,#ffd36b,transparent),radial-gradient(3px 3px at 45% 85%,#ff8c42,transparent);animation:tw 3s ease-in-out infinite alternate;opacity:.8}
.hero:after{animation-delay:1.5s;transform:scale(1.2) translateX(8%)}
@keyframes tw{from{opacity:.25}to{opacity:.95}}
.hero .container{position:relative;z-index:1}
.hero h1{font-weight:700;font-size:clamp(1.7rem,4.2vw,2.6rem);max-width:520px;line-height:1.2}
.hero h2.we{color:var(--yel);font-weight:700;text-align:center;font-size:clamp(1.15rem,2.6vw,1.6rem);margin:34px 0 18px}
.dl-card{border:1px solid #fff4;border-radius:14px;padding:18px;height:100%;background:#0006;backdrop-filter:blur(2px)}
.dl-card.c1{background:#5a1a12cc;border-color:#d36a58}.dl-card.c2{background:#201a63cc;border-color:#7a73d6}.dl-card.c3{background:#0b4a3bcc;border-color:#3fb08f}
.dl-top{display:flex;gap:12px;align-items:center;min-height:62px;border-bottom:1px dashed #fff6;padding-bottom:12px;margin-bottom:12px}
.dl-ic{width:52px;height:52px;flex:none;border-radius:50%;border:2px solid #ffd36b;display:flex;align-items:center;justify-content:center;font-size:24px;background:#0004}
.dl-top b{font-family:Arial,sans-serif;font-size:1.02rem;line-height:1.3}
.dl-up{text-align:center;font-family:Arial,sans-serif;font-size:1.1rem}.dl-up b{color:var(--yel);font-size:1.3rem}
.cd{display:flex;justify-content:center;gap:6px;margin-top:8px}.cd div{text-align:center;min-width:56px}.cd strong{font-size:2rem;display:block;line-height:1.1;font-family:Arial,sans-serif}.cd small{font-size:.65rem;letter-spacing:.1em;opacity:.8}.cd i{font-style:normal;font-size:1.8rem;opacity:.9}
.dl-card.over{filter:grayscale(.8);opacity:.7}
.tile{background:var(--red);color:#fff;border-radius:18px;padding:18px 14px;text-align:center;height:100%;box-shadow:0 4px 10px #0002}
.tile svg{margin-bottom:4px}.tile h3{font-weight:700;font-size:1.2rem;color:#fff}.tile p{margin:0;font-size:.95rem}.tile a{color:var(--yel)}
.band{background:var(--yel);padding:26px 0;text-align:center;font-weight:700;font-size:1.1rem}
.logo-center{text-align:center;padding:18px 0 6px}.logo-center img{max-width:min(260px,70vw);height:auto}
.about-img{width:100%;border-radius:10px;box-shadow:0 3px 10px #0002}
.sec-title{font-weight:500;font-size:1.7rem}
.btn-order{background:var(--red);color:#fff;border-radius:2px;padding:.6rem 1.4rem;font-weight:700;display:inline-block;text-decoration:none;border:0}
.btn-order:hover{background:#b3000f;color:#fff}
/* products */
.cat-bar{background:var(--red);color:#fff;text-align:center;text-transform:uppercase;font-size:1.4rem;padding:6px 10px;margin-top:22px;font-weight:500}
.cat-bar small{display:block;font-size:.8rem;text-transform:none;opacity:.95}
table.pt{width:100%;border-collapse:collapse;background:transparent}
.pt th{background:var(--pink);padding:12px 10px;border-bottom:2px solid var(--red);font-size:.95rem;font-weight:700}
.pt td{padding:10px;vertical-align:middle;border-bottom:1px solid #ddd}
.pt .im{width:150px}
.pimg{width:110px;height:110px;border-radius:6px;display:block}
.pt s{color:#222}.pt .pr{white-space:nowrap}.pt .net{font-size:.75rem;background:#198754;color:#fff;border-radius:4px;padding:1px 6px;margin-left:4px}
.qty{width:70px;border:1px solid #bbb;border-radius:3px;padding:6px 8px;font-size:1rem;background:#fff}
.btn-add{background:var(--red);color:#fff;border:0;border-radius:3px;padding:6px 16px;font-weight:600}
.btn-add:hover{background:#b3000f}.btn-add:disabled{opacity:.4}
.cd-note{font-size:.85rem;color:#a30010}
@media(max-width:767.98px){
 .pt thead{display:none}.pt,.pt tbody,.pt tr,.pt td{display:block;width:100%}
 .pt tr{display:grid;grid-template-columns:96px 1fr;gap:4px 12px;padding:12px 8px;border-bottom:1px solid #ddd}
 .pt td{border:0;padding:0}.pt td.im{grid-row:1/5;width:auto}.pimg{width:96px;height:96px}
 .pt td.nm{font-weight:600}.pt td.qc,.pt td.ac{display:inline-block;width:auto}
 .pt td.act{grid-column:2;display:flex;gap:8px;align-items:center;margin-top:4px}
}
/* cart */
.steps{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:26px 0 10px;font-weight:600;text-transform:uppercase;font-size:1.1rem}
.steps span.n{display:inline-flex;width:26px;height:26px;border-radius:50%;border:1px solid #ccc;align-items:center;justify-content:center;font-size:.8rem;margin-right:6px;background:#fff}
.steps .on{color:var(--red)}.steps .on .n{background:var(--red);color:#fff;border-color:var(--red)}.steps .ln{flex:0 1 90px;border-top:1px solid #ddd}
.notice{border-top:3px solid var(--red);background:#f6f5f8;padding:16px 20px;margin:18px 0;color:var(--red);font-weight:600}
.notice.info{color:#333;font-weight:500}
.ct{width:100%;background:#fff;border-collapse:collapse}.ct th,.ct td{padding:10px;border-bottom:1px solid #e5e5e5;vertical-align:middle}.ct th{background:var(--pink)}
.tot{background:#fff;border:1px solid #e5e5e5;border-top:3px solid var(--red);padding:18px}
.tot .r{display:flex;justify-content:space-between;padding:6px 0}.tot .g{font-weight:700;font-size:1.2rem;border-top:1px solid #ddd;margin-top:6px;padding-top:10px}
@media(max-width:767.98px){.ct thead{display:none}.ct,.ct tbody,.ct tr,.ct td{display:block;width:100%}.ct tr{padding:10px;border-bottom:1px solid #ddd}.ct td{border:0;padding:2px 0}.ct td[data-l]:before{content:attr(data-l)": ";font-weight:700}}
.form-control,.form-control:focus{border-radius:3px}
.form-label{font-weight:600}
.btn-wa{background:#25d366;color:#fff;font-weight:700;border:0}.btn-wa:hover{background:#1ebe5b;color:#fff}
/* footer */
.bn-foot{background:var(--red);color:#fff;margin-top:40px}
.bn-foot h4{color:var(--yel);font-weight:500;font-size:1.5rem}.bn-foot p{margin:0;line-height:1.75}.bn-foot a{color:#fff;text-decoration:none}.bn-foot a:hover{text-decoration:underline}
.foot-logo img{background:#fff;border-radius:12px;padding:6px;width:min(200px,60vw)}.ph{background:#0003;border-radius:4px;padding:0 6px}
.copy{border-top:1px solid #fff5;text-align:center;padding:14px 10px;font-size:.95rem}
/* floating */
.wa-fab{position:fixed;right:16px;bottom:78px;width:54px;height:54px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0004;z-index:1040}
.wa-tip{position:fixed;right:80px;bottom:84px;background:#fff;color:#111;padding:8px 12px;border-radius:10px;font-size:.8rem;box-shadow:0 3px 10px #0003;z-index:1040;max-width:190px}
.cookie{position:fixed;left:0;right:0;bottom:0;background:#000b;color:#fff;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;z-index:1050;font-size:.9rem}
.cookie p{margin:0;max-width:760px}
.toast-wrap{position:fixed;left:0;right:0;top:12px;display:flex;justify-content:center;z-index:1060;pointer-events:none}
.bn-toast{background:#198754;color:#fff;padding:10px 18px;border-radius:6px;box-shadow:0 3px 10px #0004;font-weight:600;max-width:92vw}.bn-toast.err{background:#b3000f}
@media(max-width:575.98px){.wa-tip{display:none}.brand-img{height:44px}.navbar-brand{font-size:1.2rem}.cat-bar{font-size:1.1rem}.promo{font-size:13px}}
@media(max-height:480px) and (orientation:landscape){.wa-tip{display:none}.wa-fab{bottom:70px;width:44px;height:44px}.bn-nav{position:static}}
.gb-modal{border:0;border-radius:16px;overflow:hidden}.gb-modal .modal-header{background:var(--red);color:#fff}.gb-modal .modal-body{text-align:center;padding:22px}.gb-ic{font-size:44px;line-height:1;margin-bottom:8px}.gb-modal .modal-footer{justify-content:center;gap:8px}
.logo-center img{max-height:190px;width:auto;object-fit:contain}
@media(max-width:575.98px){.steps{font-size:.8rem;gap:6px;padding:16px 8px 6px}.steps .ln{display:none}.steps .n{width:22px;height:22px;margin-right:4px}.logo-center img{max-height:120px}}
@media(max-height:480px){.logo-center img{max-height:90px}.logo-center{padding:8px 0 0}}
.gift-poster{width:100%;max-width:380px;height:auto;border-radius:12px;box-shadow:0 4px 14px #0003}