:root{--c-primary:#0c3ad1;--c-on-primary:#fff;--c-primary-dark:color-mix(in srgb, var(--c-primary) 82%, #000);--c-primary-soft:color-mix(in srgb, var(--c-primary) 14%, #fff);--c-navy:#060f6a;--c-accent:#0f840e;--c-on-accent:#fff;--c-accent-dark:color-mix(in srgb, var(--c-accent) 82%, #000);--c-price:var(--c-accent);--c-sale:red;--c-sale-badge:#8f1537;--c-new:#246b5a;--c-best:var(--c-navy);--c-hotline:#ff0005;--c-badge:var(--c-accent);--c-text:#1b2340;--c-black:#000;--c-muted:#4f5872;--c-subtle:#6b7489;--c-line:#e2e7ef;--c-bg-soft:#eef2f8;--c-bg-softer:#f4f6fa;--c-mist:#f4f6fa;--c-topbar:var(--c-mist);--c-nav:var(--c-navy);--c-nav-hover:var(--c-accent);--c-footer:var(--c-mist);--c-white:#fff;--c-success:#2ba84a;--c-danger:#e53935;--font:"Be Vietnam Pro", "Segoe UI", Arial, sans-serif;--fs:14.5px;--lh:1.6;--ls:0;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #060f6a0f;--shadow:0 8px 24px #060f6a1a;--shadow-lg:0 18px 48px #060f6a2e;--container:1200px;--gutter:16px;--mobile-bar-h:60px;--header-z:50;--overlay-z:1000;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font);font-size:var(--fs);line-height:var(--lh);letter-spacing:var(--ls);color:var(--c-text);background:var(--c-white);margin:0;overflow-x:hidden}body.is-locked{overflow:hidden}html:has(>body.is-locked){scrollbar-gutter:stable}html.is-minimal{--mobile-bar-h:0px}html.is-minimal body{font-family:var(--font);background:#f5f5f5}@media (width<=767.98px){body{padding-bottom:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom,0px))}}img,svg,video,iframe{max-width:100%}img{height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--c-primary-dark)}h1,h2,h3,h4,h5{color:var(--c-navy);margin:0 0 .5em;font-weight:600;line-height:1.3}p{margin:0 0 1em}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--c-primary-dark);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:2000;background:var(--c-primary);color:var(--c-on-primary);border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}@media (width<=767.98px){:root{--gutter:12px}}.page{min-height:50vh;padding-block:16px 48px}.page-title{margin:8px 0 16px;font-size:22px;font-weight:600}@media (width>=992px){.page-title{font-size:26px}}.layout-sidebar{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=992px){.layout-sidebar{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px}}.desktop-only{display:none!important}@media (width>=992px){.desktop-only{display:revert!important}.mobile-only{display:none!important}}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14.5px;font-weight:600;line-height:1.2;transition:background-color .2s,color .2s,border-color .2s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6}.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}.btn-primary:hover:not(:disabled){background:var(--c-primary-dark);color:var(--c-on-primary)}.btn-dark{background:var(--c-navy);color:#fff}.btn-dark:hover:not(:disabled){background:var(--c-primary);color:#fff}.btn-outline{border-color:var(--c-primary);color:var(--c-text);background:#fff}.btn-outline:hover:not(:disabled){background:var(--c-primary-soft);color:var(--c-text)}.btn-ghost{background:var(--c-bg-soft);color:var(--c-text)}.btn-ghost:hover:not(:disabled){background:var(--c-line);color:var(--c-text)}.btn-block{width:100%}.btn-lg{min-height:50px;font-size:15px}.btn-sm{min-height:40px;padding:8px 14px;font-size:13px}.link{color:var(--c-primary-dark);font-weight:600}.link:hover{text-decoration:underline}.form-grid{gap:14px;display:grid}@media (width>=576px){.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:13px;font-weight:600}.field-label .req{color:var(--c-danger)}.input,.select,.textarea{border-radius:var(--radius-sm);background:#fff;border:1px solid #d6d6d6;width:100%;min-height:44px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.textarea{resize:vertical;min-height:110px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.is-invalid{border-color:var(--c-danger)!important}.field-error{color:var(--c-danger);font-size:12.5px}.alert{border-radius:var(--radius-sm);margin-bottom:14px;padding:12px 14px;font-size:14px}.alert-error{color:#b3261e;background:#fdecea}.alert-success{color:#1d7a37;background:#e8f5ec}.alert-info{background:var(--c-primary-soft);color:var(--c-text)}.checkbox{cursor:pointer;align-items:center;gap:10px;min-height:36px;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--c-primary-dark);flex:none}.card{border:1px solid var(--c-line);border-radius:var(--radius);background:#fff;padding:20px}@media (width<=575.98px){.card{padding:16px}}.box-title{border-bottom:2px solid var(--c-primary);margin-bottom:14px;padding-bottom:10px;font-size:15px;font-weight:700}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;display:grid}@media (width>=768px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}}@media (width>=992px){.product-grid.cols-4,.product-grid.cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1200px){.product-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.price{color:var(--c-price);font-weight:700}.price-old{color:var(--c-subtle);font-weight:400;text-decoration:line-through}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eee 25%,#f6f6f6 37%,#eee 63%) 0 0/400% 100%;animation:1.3s infinite skeleton}@keyframes skeleton{0%{background-position:100%}to{background-position:0}}.prose{overflow-wrap:anywhere;font-size:15px;line-height:1.75}.prose img{border-radius:var(--radius-sm);margin:12px auto}.prose ul,.prose ol{margin-bottom:1em;padding-left:22px}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose a{color:var(--c-primary-dark);text-decoration:underline}.prose table{border-collapse:collapse;width:100%;margin-bottom:1em;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--c-line);padding:8px 10px}.prose h2,.prose h3{margin-top:1.2em}.prose iframe{aspect-ratio:16/9;border:0;width:100%;height:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top;padding:10px 12px}.table th{background:var(--c-bg-softer);font-weight:600}.table-wrap{overflow-x:auto}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.swiper-pagination-bullet-active{background:var(--c-primary)!important}