.btn{--btn-bg:var(--navy-600);--btn-fg:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:.96rem;letter-spacing:.01em;padding:15px 30px;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);overflow:hidden;isolation:isolate;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease);will-change:transform}.btn svg{width:19px;height:19px;transition:transform var(--t-fast) var(--ease)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px) scale(.99)}.btn:hover svg.arrow{transform:translateX(4px)}.btn--primary{--btn-bg:var(--orange-500);box-shadow:var(--sh-accent)}.btn--primary:hover{--btn-bg:var(--orange-400);box-shadow:0 20px 44px rgba(243,79,36,.4)}.btn--navy{--btn-bg:var(--navy-600);box-shadow:var(--sh-md)}.btn--navy:hover{--btn-bg:var(--navy-700)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--navy-600);border:1.5px solid var(--color-border-strong)}.btn--ghost:hover{--btn-bg:var(--navy-600);--btn-fg:#fff;border-color:var(--navy-600)}.btn--light{--btn-bg:#fff;--btn-fg:var(--navy-600);box-shadow:var(--sh-sm)}.btn--light:hover{--btn-bg:var(--orange-050);--btn-fg:var(--orange-600)}.btn--outline-light{--btn-bg:transparent;--btn-fg:#fff;border:1.5px solid rgba(255,255,255,.35)}.btn--outline-light:hover{--btn-bg:rgba(255,255,255,.12);border-color:#fff}.btn--sm{padding:11px 22px;font-size:.88rem}.btn--lg{padding:18px 38px;font-size:1.04rem}.btn--block{display:flex;width:100%}.btn .ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.45);pointer-events:none;animation:ripple .6s var(--ease-out);z-index:-1}@keyframes ripple{to{transform:scale(3.2);opacity:0}}.btn--glow::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%)}.btn--glow:hover::before{animation:shine .8s var(--ease)}@keyframes shine{to{transform:translateX(120%)}}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border-radius:var(--r-pill);background:var(--orange-050);color:var(--orange-600)}.badge--navy{background:var(--navy-050);color:var(--navy-600)}.badge--glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.2)}.badge--dot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--color-border);font-size:.86rem;font-weight:var(--fw-medium);color:var(--navy-600);cursor:pointer;transition:all var(--t-fast) var(--ease)}.chip:hover{border-color:var(--orange-300);color:var(--orange-600)}.chip.active{background:var(--navy-600);color:#fff;border-color:var(--navy-600)}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-6);transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease),border-color var(--t-mid) var(--ease);position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent}.feature-card{display:flex;flex-direction:column;gap:var(--sp-4)}.feature-card .f-icon{width:58px;height:58px;border-radius:16px;background:var(--navy-050);color:var(--navy-600);display:grid;place-items:center;transition:all var(--t-mid) var(--ease)}.feature-card .f-icon svg{width:28px;height:28px}.feature-card:hover .f-icon{background:var(--grad-brand);color:#fff;transform:rotate(-6deg) scale(1.06)}.feature-card h3{font-size:var(--fs-h4)}.feature-card p{font-size:.94rem;color:var(--color-muted)}.feature-card .card-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:.9rem;color:var(--orange-600)}.feature-card .card-link svg{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}.feature-card:hover .card-link svg{transform:translateX(4px)}.card::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--grad-brand);transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid) var(--ease)}.card.top-accent:hover::after{transform:scaleX(1)}.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}.product-card:hover{transform:translateY(-7px);box-shadow:var(--sh-lg)}.product-card .pc-media{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--grad-navy)}.product-card .pc-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--t-slow) var(--ease)}.product-card:hover .pc-media img{transform:scale(1.08)}.product-card .pc-media::after{content:"";position:absolute;inset:0;background:radial-gradient(140px 110px at 0 0,rgba(16,24,46,.7),transparent 70%),linear-gradient(to top,rgba(16,24,46,.55),transparent 55%)}@media (min-width:1200px){.product-card .pc-media{aspect-ratio:1/1}}.product-card .pc-cat{position:absolute;top:14px;left:14px;z-index:2}.product-card .pc-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:10px;flex:1}.product-card .pc-body h3{font-size:1.16rem}.product-card .pc-body p{font-size:.9rem;color:var(--color-muted)}.product-card .pc-foot{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end}.product-card .pc-foot .badge{display:none}.product-card .pc-foot .card-link{padding:12px 22px;font-size:.86rem;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:var(--fw-semibold);transition:all var(--t-fast) var(--ease)}.product-card .pc-foot .card-link svg{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}.product-card .pc-foot .card-link:hover svg{transform:translateX(3px)}.icon-list{display:flex;flex-direction:column;gap:14px}.icon-list li{display:flex;align-items:flex-start;gap:12px}.icon-list .li-icon{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--orange-050);color:var(--orange-600);display:grid;place-items:center;margin-top:2px}.icon-list .li-icon svg{width:15px;height:15px}.icon-list span{font-size:.96rem;color:var(--color-body)}.section--navy .icon-list span{color:var(--navy-100)}.section--navy .icon-list .li-icon{background:rgba(243,79,36,.18);color:var(--orange-300)}.accordion{display:flex;flex-direction:column;gap:14px}.acc-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-md);overflow:hidden;transition:box-shadow var(--t-mid) var(--ease),border-color var(--t-mid) var(--ease)}.acc-item.open{box-shadow:var(--sh-md);border-color:var(--orange-200)}.acc-head{width:100%;text-align:left;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:1.02rem;color:var(--navy-600)}.acc-head .acc-ico{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--color-border-strong);display:grid;place-items:center;transition:all var(--t-mid) var(--ease);position:relative}.acc-item.open .acc-ico{background:var(--orange-500);border-color:var(--orange-500)}.acc-ico::after,.acc-ico::before{content:"";position:absolute;background:var(--navy-600);border-radius:2px;transition:all var(--t-mid) var(--ease)}.acc-ico::before{width:12px;height:2px}.acc-ico::after{width:2px;height:12px}.acc-item.open .acc-ico::after,.acc-item.open .acc-ico::before{background:#fff}.acc-item.open .acc-ico::after{transform:rotate(90deg);opacity:0}.acc-body{max-height:0;overflow:hidden;transition:max-height var(--t-slow) var(--ease)}.acc-body-inner{padding:0 22px 22px;color:var(--color-muted);font-size:.96rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.field{display:flex;flex-direction:column;gap:8px;position:relative}.field.full{grid-column:1/-1}.field label{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:.88rem;color:var(--navy-600)}.field label .req{color:var(--orange-500)}.field input,.field select,.field textarea{width:100%;padding:14px 16px;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--r-sm);color:var(--navy-700);font-size:.96rem;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast)}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange-400);background:#fff;box-shadow:0 0 0 4px rgba(243,79,36,.12)}.field.error input,.field.error select,.field.error textarea{border-color:var(--color-error)}.field .err-msg{font-size:.78rem;color:var(--color-error);opacity:0;height:0;transition:opacity var(--t-fast)}.field.error .err-msg{opacity:1;height:auto}.form-note{font-size:.82rem;color:var(--color-faint)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(120%);background:var(--navy-700);color:#fff;padding:15px 24px;border-radius:var(--r-pill);box-shadow:var(--sh-lg);z-index:var(--z-toast);display:flex;align-items:center;gap:12px;transition:transform var(--t-slow) var(--ease-out);font-weight:var(--fw-medium);font-size:.92rem}.toast.show{transform:translateX(-50%) translateY(0)}.toast svg{width:20px;height:20px;color:var(--color-success)}.toast.err svg{color:var(--orange-400)}.divider-wave{display:block;width:100%;height:auto}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:7px 15px;border-radius:var(--r-pill);font-size:.82rem;font-weight:var(--fw-medium);background:var(--navy-050);color:var(--navy-600)}.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:var(--sp-7)}.pagination button{min-width:44px;height:44px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--color-border);background:#fff;color:var(--navy-600);font-family:var(--font-display);font-weight:var(--fw-medium);transition:all var(--t-fast) var(--ease)}.pagination button:hover:not(:disabled){border-color:var(--orange-400);color:var(--orange-600)}.pagination button.active{background:var(--navy-600);color:#fff;border-color:var(--navy-600)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.wa-float{position:fixed;bottom:26px;left:26px;z-index:900;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.4);transition:transform var(--t-mid) var(--ease)}.wa-float:hover{transform:scale(1.1) translateY(-2px)}.wa-float svg{width:30px;height:30px}.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:waPulse 2.4s ease-out infinite}@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}