.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.i-chat::before{left:2px;top:3px;width:16px;height:12px;border:1.7px solid currentColor;border-radius:5px}
.i-chat::after{left:5px;top:13.2px;width:5px;height:5px;border:solid currentColor;border-width:0 0 1.7px 1.7px;background:#fff;transform:skewY(-35deg);transform-origin:top left}
.tabbar .i-chat::after{background:rgba(255,255,255,.97)}

.stage--img{background:var(--soft)}
.stage--bundle{display:flex;align-items:center;justify-content:center;padding:4%;gap:0;background:#f6f6f5}
.stage--bundle img{width:37%;height:78%;object-fit:cover;object-position:right center;border-radius:10px;box-shadow:0 12px 24px -12px rgba(16,24,40,.3)}
.stage--bundle img:first-child{transform:rotate(-7deg) translateX(7%)}
.stage--bundle img:nth-child(2){position:relative;z-index:1;height:86%;margin-inline:-7%}
.stage--bundle img:last-child{transform:rotate(7deg) translateX(-7%)}
.stage--img img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .6s var(--ease),opacity .45s var(--ease)}
.stage--img img.alt{position:absolute;inset:0;opacity:0}
.card:hover .stage--img img{transform:scale(1.04)}
@media (hover:hover){.card:hover .stage--img.has-alt img.alt{opacity:1}}
.mfeat .stage--img{background:#0a0d12}
.mfeat .stage--img img{object-position:center center}
.badge-s--out{background:var(--ink);color:#fff}
.card.is-out .stage{opacity:.55}
.slide-img{max-width:100%;max-height:100%;object-fit:contain}
.slide-photo{height:100%;max-height:430px;aspect-ratio:1;max-width:100%;border-radius:22px;overflow:hidden;box-shadow:0 34px 60px -34px rgba(16,24,40,.5),0 2px 8px rgba(16,24,40,.06)}
.slide-photo img{width:100%;height:100%;object-fit:cover}
.ptrio{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:640px}
.ptrio img{width:38%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#fff;box-shadow:0 26px 50px -26px rgba(16,24,40,.5),0 2px 6px rgba(16,24,40,.08)}
.ptrio img:nth-child(1){transform:translateX(14%) rotate(-6deg) scale(.88)}
.ptrio img:nth-child(2){position:relative;z-index:2;transform:translateY(-3%)}
.ptrio img:nth-child(3){transform:translateX(-14%) rotate(6deg) scale(.88)}
.slide--brand .ptrio img{box-shadow:0 26px 50px -22px rgba(0,10,60,.55)}
.promo-photo{position:absolute;right:-7%;bottom:-10%;width:58%;aspect-ratio:1;pointer-events:none;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 64%,transparent);mask-image:radial-gradient(closest-side,#000 64%,transparent);transition:transform .6s var(--ease)}
.promo-photo img{width:100%;height:100%;object-fit:cover}
.promo:hover .promo-photo{transform:translateY(-3%)}
.auth-art .comp .ptrio{height:100%;align-items:flex-end}
.auth-art .ptrio img{width:42%}
.home-top--solo{grid-template-columns:1fr}
.home-top--solo .promos{grid-template-rows:none;grid-template-columns:1fr 1fr}

.stock-note{font-size:14px;font-weight:500;margin-top:-6px}
.stock-out{color:var(--err)}
.stock-low{color:var(--brand)}
.stock-ok{color:var(--muted)}
.alert-box{display:grid;gap:12px;padding:16px;border-radius:12px;background:var(--brand-soft);font-size:14px}

.rev-form{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}
.rate-pick{display:flex;gap:4px}
.rate-pick button{font-size:26px;line-height:1;color:#D3D7DD;transition:color .15s,transform .15s}
.rate-pick button[aria-checked="true"]{color:var(--ink)}
.rate-pick button:hover{transform:scale(1.12)}
.rev-reply{font-size:13.5px;background:var(--soft);border-radius:8px;padding:10px 12px}
.rev-rule{font-size:13.5px;color:var(--muted);margin-top:-8px}
.rev-verify{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rev-verify .err:empty{display:none}
.rev-ok{display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 14px;border-radius:10px;background:var(--brand-soft)}
.rev-ok .tick{color:var(--brand);flex:none}
.rev-foot .rev-ver{display:flex;align-items:center;gap:7px;color:var(--ok,#177245)}
.rev-ver .tick{width:4px;height:8px;border-width:0 1.6px 1.6px 0;flex:none}
.order-rev{display:grid;gap:6px;justify-items:start;margin-top:14px;padding:14px 16px;border-radius:12px;background:var(--soft);font-size:14px}
.order-rev .tick{width:4px;height:8px;border-width:0 1.6px 1.6px 0;margin-right:8px}
@media (max-width:640px){.rev-verify{grid-template-columns:1fr}}

.article{max-width:860px}
.prose{padding-top:18px;display:grid;gap:14px;max-width:72ch}
.prose h1{margin-bottom:4px}
.prose h2{font-size:21px;margin-top:18px;letter-spacing:-.02em}
.prose p,.prose li{font-size:16px;line-height:1.7;color:var(--ink-2)}
.prose ul{list-style:disc;padding-left:22px;display:grid;gap:6px}
.note-box{background:var(--brand-soft);border-radius:10px;padding:12px 16px;font-size:14px!important}
.help-band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px;border-radius:16px;background:var(--soft)}
.help-band p{margin-top:6px}

.track-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);padding-top:18px;align-items:start}
.track-form{display:grid;gap:16px;max-width:560px}
.track-result{display:grid;gap:18px}
.track-result:empty{display:none}
.track-no{font-size:14px;padding:12px 16px;border:1px solid var(--line);border-radius:10px}
.success .track,.track-result .track{margin-top:4px}
@media (max-width:900px){.track-page{grid-template-columns:1fr}}

.contact{display:grid;grid-template-columns:minmax(0,1fr);max-width:760px;padding-top:18px;align-items:start}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.contact-card{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:12px;text-align:left;font-size:14px;transition:border-color .2s}
.contact-card:is(a,button):hover{border-color:var(--brand)}
.contact-card strong{font-size:16px}
.cc-k{font-size:12.5px;font-weight:600;color:var(--brand)}
@media (max-width:900px){.contact{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}}

.cookie{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:14px;max-width:440px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:13.5px}
.cookie a{text-decoration:underline}
@media (max-width:980px){.cookie{left:12px;right:12px;bottom:calc(70px + env(safe-area-inset-bottom,0px));max-width:none}}

.chat-fab{position:fixed;right:20px;bottom:20px;z-index:65;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 20px 0 16px;border-radius:25px;background:var(--brand);color:#fff;font-weight:600;font-size:15px;box-shadow:0 14px 30px -12px rgba(22,70,214,.6);transition:transform .2s,background .2s}
.chat-fab:hover{background:var(--brand-dark);transform:translateY(-2px)}
.chat-fab .i-chat::after{background:var(--brand)}
body[data-route="p"] .chat-fab,body[data-route="checkout"] .chat-fab{bottom:20px}
.chat{position:fixed;right:20px;bottom:84px;z-index:91;width:min(390px,calc(100vw - 40px));height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -20px rgba(16,24,40,.35);opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .25s,transform .35s var(--ease)}
.chat.is-open{opacity:1;transform:none;pointer-events:auto}
.chat-hd{display:flex;align-items:center;gap:12px;padding:14px 10px 14px 16px;border-bottom:1px solid var(--line)}
.chat-hd h2{font-size:15.5px}
.chat-hd p{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.chat-hd .icon-btn{margin-left:auto}
.chat-av{width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.dot-on{width:7px;height:7px;border-radius:50%;background:#22A55B}
.chat-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--soft)}
.msg{display:flex}
.msg--user{justify-content:flex-end}
.msg-b{max-width:84%;padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.5;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;word-wrap:break-word}
.msg--user .msg-b{background:var(--brand);color:#fff;border-color:var(--brand);border-radius:14px;border-bottom-right-radius:4px}
.msg-b a{color:var(--brand);text-decoration:underline}
.typing{display:flex;gap:4px;padding:14px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--line-2);animation:typing 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
.chat-quick{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 0;scrollbar-width:none;background:var(--soft)}
.chat-quick:empty{display:none}
.chat-quick .chip{height:32px;font-size:13px}
.chat-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.chat-form textarea{flex:1;resize:none;border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.4;max-height:120px;outline:none}
.chat-form textarea:focus{border-color:var(--ink)}
.chat-send{width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;flex:none}
.chat-send .chev{margin-left:-3px}
.chat-fine{font-size:11.5px;color:var(--muted);padding:0 14px 12px;line-height:1.4}
.chat-fine a{text-decoration:underline}
@media (max-width:980px){.chat-fab{display:none}}
@media (max-width:760px){
  .chat{inset:0;width:100%;height:100%;border-radius:0;border:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%)}
  .chat.is-open{transform:none}
  .chat-form textarea{font-size:16px}
}
@media (min-width:761px) and (max-width:980px){.chat{bottom:76px}}