.main-container{width:min(var(--snk-container),100% - var(--snk-gutter)*2);margin-inline:auto}.page-main{padding-block:var(--snk-s6) var(--snk-s12)}.page-main .top-banner,.main-container .top-banner{width:100% !important;border-radius:var(--snk-r-lg);overflow:hidden}.page-main>.main-container>*+*{margin-top:var(--snk-s6)}.page-title-wrapper{padding-bottom:var(--snk-s4);display:flex;align-items:baseline;gap:var(--snk-s2)}.page-title-wrapper .page-title{font-size:var(--snk-fs-2xl);font-weight:700;line-height:var(--snk-lh-tight);letter-spacing:-.01em;color:var(--snk-primary-900)}.page-title-wrapper .amount{font-size:var(--snk-fs-sm);color:var(--snk-muted)}.header{background:linear-gradient(180deg,var(--snk-primary-700) 0%,var(--snk-primary-800) 100%);box-shadow:var(--snk-shadow-header);position:sticky;top:0;z-index:1030;transition:box-shadow var(--snk-dur-2) var(--snk-ease)}.header.sticky{position:sticky;top:0;box-shadow:0 4px 16px rgba(14,58,94,.22)}.header.bg-primary,.header .bg-primary{background-color:transparent !important}#first_bar{margin-inline:0 !important;padding-block:0}#first_bar>.container-fluid{width:min(var(--snk-container),100% - var(--snk-gutter)*2);margin-inline:auto;padding-inline:0;min-height:var(--snk-header-h);gap:var(--snk-s3);flex-wrap:nowrap}#second_bar{width:min(var(--snk-container),100% - var(--snk-gutter)*2);margin-inline:auto !important;min-height:var(--snk-subnav-h);align-items:stretch;gap:var(--snk-s1);border-top:1px solid rgba(255,255,255,.12)}#first_bar>.container-fluid>a:first-child{display:inline-flex;align-items:center;flex:0 0 auto;border-radius:var(--snk-r-sm)}#first_bar picture img,#first_bar>.container-fluid>a:first-child img{height:40px;width:auto;display:block}#first_bar #search_box{width:auto !important;flex:1 1 auto;max-width:520px;height:40px;padding-inline:var(--snk-s4);font-size:var(--snk-fs-base);color:var(--snk-ink);background-color:#fff;border:1px solid transparent;border-radius:var(--snk-r-pill);box-shadow:var(--snk-shadow-xs);transition:box-shadow var(--snk-dur-2) var(--snk-ease),background-color var(--snk-dur-2) var(--snk-ease)}#first_bar #search_box::placeholder{color:var(--snk-muted)}#first_bar #search_box:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35),var(--snk-shadow-sm)}#first_bar .btn-outline-light{display:inline-flex;align-items:center;gap:var(--snk-s2);height:40px;padding-inline:var(--snk-s4);white-space:nowrap;font-size:var(--snk-fs-base);font-weight:600;color:#fff;border-color:rgba(255,255,255,.35);background-color:rgba(255,255,255,.06)}#first_bar .btn-outline-light:hover{color:var(--snk-primary-900);background-color:#fff;border-color:#fff}#first_bar .btn-outline-light:active{transform:translateY(1px)}#first_bar .btn-outline-light svg{flex:0 0 auto;opacity:.9}#first_bar #btn_cart{position:relative}#first_bar #btn_cart .cart-number{position:absolute;top:-2px;right:0;min-width:20px;height:20px;padding-inline:5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;background-color:var(--snk-accent) !important;border:2px solid var(--snk-primary-800)}#first_bar .my-account .nav-link{display:inline-flex;align-items:center;gap:var(--snk-s2);height:40px;margin:0;padding-inline:var(--snk-s3);font-size:var(--snk-fs-base);font-weight:600;border:1px solid rgba(255,255,255,.35);border-radius:var(--snk-r-pill);background-color:rgba(255,255,255,.06)}#first_bar .my-account .nav-link:hover{background-color:rgba(255,255,255,.16)}#first_bar .my-account .user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}#second_bar .nav-item,#second_bar>.nav-link{display:flex;align-items:stretch}#second_bar .nav-link{display:inline-flex;align-items:center;gap:var(--snk-s1);height:var(--snk-subnav-h);padding-inline:var(--snk-s3);font-size:var(--snk-fs-sm);font-weight:600 !important;letter-spacing:.02em;color:rgba(255,255,255,.92) !important;border-radius:var(--snk-r-sm) var(--snk-r-sm) 0 0;position:relative}#second_bar .nav-link:hover,#second_bar .nav-link:focus,#second_bar .nav-link.show,#second_bar .nav-item.show .nav-link{color:#fff !important;background-color:rgba(255,255,255,.1)}#second_bar .nav-item.show .nav-link{box-shadow:inset 0 -3px 0 0 var(--snk-accent)}#second_bar .dropdown-toggle::after{margin-left:var(--snk-s1);opacity:.7;transition:transform var(--snk-dur-2) var(--snk-ease)}#second_bar .nav-item.show .dropdown-toggle::after{transform:rotate(180deg);opacity:1}.header .dropdown-menu{margin-top:0;padding:var(--snk-s2);min-width:268px;border:1px solid var(--snk-border);border-radius:0 0 var(--snk-r-lg) var(--snk-r-lg);box-shadow:var(--snk-shadow-lg);background-color:#fff}#first_bar .dropdown-menu{border-radius:var(--snk-r-lg);margin-top:var(--snk-s2)}.header .dropdown-menu li.pb-1,.header .dropdown-menu li.py-1{padding:0 !important}.header .dropdown-item{display:flex;align-items:center;gap:var(--snk-s2);padding:9px var(--snk-s3);border-radius:var(--snk-r-sm);font-size:var(--snk-fs-base);font-weight:500;color:var(--snk-ink-2) !important;white-space:normal}.header .dropdown-item svg{flex:0 0 16px;color:var(--snk-primary-300);transition:transform var(--snk-dur-1) var(--snk-ease),color var(--snk-dur-1) var(--snk-ease)}.header .dropdown-item:hover,.header .dropdown-item:focus{background-color:var(--snk-primary-50);color:var(--snk-primary-800) !important}.header .dropdown-item:hover svg{color:var(--snk-primary);transform:translateX(2px)}.header .dropdown-divider{margin:var(--snk-s2) var(--snk-s3);border-top-color:var(--snk-border);opacity:1}.footer{background-color:var(--snk-surface) !important;border-top:1px solid var(--snk-border);box-shadow:none;margin-top:var(--snk-s12)}.footer .footer-top{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) minmax(300px,1.5fr);gap:var(--snk-s8) var(--snk-s6);padding-block:var(--snk-s10) var(--snk-s8);overflow:visible}.footer .footer-top .footer-col,.footer .footer-top .footer-col.footer-payment,.footer .footer-top .footer-col.last-child{width:auto;padding-right:0;overflow:visible}.footer .footer-title{font-size:var(--snk-fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--snk-primary-900);padding:0 0 var(--snk-s3);margin:0}.footer .footer-links+.footer-title{padding-top:var(--snk-s6)}.footer .footer-links a{display:inline-block;padding:5px 0;font-size:var(--snk-fs-base);color:var(--snk-ink-2);text-decoration:none}.footer .footer-links a:hover{color:var(--snk-primary);text-decoration:underline;text-underline-offset:3px}.footer .socials{display:flex;gap:var(--snk-s3);margin-top:var(--snk-s2)}.footer .socials li{width:auto}.footer .socials li a{display:inline-flex}.footer .socials li img{width:36px;height:36px;border:1px solid var(--snk-border);border-radius:var(--snk-r-pill);padding:2px;background-color:#fff;transition:transform var(--snk-dur-2) var(--snk-ease),border-color var(--snk-dur-2) var(--snk-ease),box-shadow var(--snk-dur-2) var(--snk-ease)}.footer .socials li a:hover img{transform:translateY(-2px);border-color:var(--snk-primary-300);box-shadow:var(--snk-shadow-sm)}.footer .footer-newsletter{float:none;max-width:none}.footer .footer-newsletter .title-color{font-size:var(--snk-fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--snk-primary-900);padding:0 0 var(--snk-s3)}.footer .footer-newsletter ul li{padding:3px 0;font-size:var(--snk-fs-base);color:var(--snk-ink-2);line-height:var(--snk-lh-base)}.footer .footer-newsletter ul li strong{font-weight:600;color:var(--snk-ink)}.footer .footer-newsletter ul li a{color:var(--snk-primary);text-decoration:none}.footer .footer-newsletter ul li a:hover{text-decoration:underline;text-underline-offset:3px}.footer .footer-newsletter img[alt*="công thương"]{margin-top:var(--snk-s3)}.footer .footer-newsletter .language{display:inline-flex;align-items:center;gap:6px;margin:0 6px 6px 0;padding:4px 10px 4px 6px;font-size:var(--snk-fs-xs);font-weight:500;color:var(--snk-ink-2);background-color:var(--snk-surface-2);border:1px solid var(--snk-border);border-radius:var(--snk-r-pill);cursor:pointer;transition:background-color var(--snk-dur-1) var(--snk-ease),border-color var(--snk-dur-1) var(--snk-ease),color var(--snk-dur-1) var(--snk-ease)}.footer .footer-newsletter .language:hover{color:var(--snk-primary-800);background-color:var(--snk-primary-50);border-color:var(--snk-primary-300)}.footer .footer-newsletter .language img{width:20px !important;height:14px;object-fit:cover;padding:0 !important;border-radius:2px}@media(max-width:1199px){.footer .footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--snk-s8) var(--snk-s6)}.footer .footer-top .footer-col{margin-bottom:0}.footer .footer-top .footer-col.last-child{grid-column:1/-1;width:auto;padding-left:0}}.footer .copyright,.copyright{background-color:var(--snk-surface-2);border-top:1px solid var(--snk-border);padding-block:var(--snk-s4);font-size:var(--snk-fs-xs);line-height:1.6;color:var(--snk-muted);text-align:center}.footer .copyright a,.copyright a{font-size:inherit;color:var(--snk-primary);text-decoration:none}.footer .copyright a:hover,.copyright a:hover{text-decoration:underline;text-underline-offset:3px}.btn,.button,.btn-submit,.button-submit,.btn-add-to-cart,.login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--snk-s2);min-height:40px;padding:0 var(--snk-s5);font-family:var(--snk-font);font-size:var(--snk-fs-base);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;border-radius:var(--snk-r-md);border:1px solid transparent;cursor:pointer;user-select:none;transition:background-color var(--snk-dur-1) var(--snk-ease),border-color var(--snk-dur-1) var(--snk-ease),color var(--snk-dur-1) var(--snk-ease),box-shadow var(--snk-dur-2) var(--snk-ease),transform var(--snk-dur-1) var(--snk-ease)}.btn:active,.button:active,.btn-add-to-cart:active{transform:translateY(1px)}.btn:disabled,.btn.disabled,.button:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{min-height:32px;padding-inline:var(--snk-s3);font-size:var(--snk-fs-sm)}.btn-md{min-height:40px}.btn-lg{min-height:48px;padding-inline:var(--snk-s6);font-size:var(--snk-fs-lg)}.btn-primary,.button,.btn-submit,.sd-btn-primary{color:#fff;background-color:var(--snk-primary);border-color:var(--snk-primary);box-shadow:var(--snk-shadow-xs)}.btn-primary:hover,.button:hover,.btn-submit:hover,.sd-btn-primary:hover{color:#fff;background-color:var(--snk-primary-700);border-color:var(--snk-primary-700);box-shadow:var(--snk-shadow-sm)}.btn-primary:active,.button:active{background-color:var(--snk-primary-800);border-color:var(--snk-primary-800)}.btn-yellow,.btn-warning,.btn-add-to-cart,.btn-reco-draft-cart{color:#fff;background-color:var(--snk-accent);border-color:var(--snk-accent);box-shadow:var(--snk-shadow-xs)}.btn-yellow:hover,.btn-warning:hover,.btn-add-to-cart:hover,.btn-reco-draft-cart:hover{color:#fff;background-color:var(--snk-accent-600);border-color:var(--snk-accent-600);box-shadow:var(--snk-shadow-sm)}.btn-danger{color:#fff;background-color:var(--snk-danger);border-color:var(--snk-danger)}.btn-danger:hover{color:#fff;background-color:var(--snk-danger-600);border-color:var(--snk-danger-600)}.btn-danger:focus-visible{box-shadow:var(--snk-ring-danger)}.btn-secondary,.btn-default,.btn-select,.sd-btn-secondary,.outline-button{color:var(--snk-ink-2);background-color:#fff;border-color:var(--snk-border-strong);box-shadow:none}.btn-secondary:hover,.btn-default:hover,.btn-select:hover,.sd-btn-secondary:hover,.outline-button:hover{color:var(--snk-primary-800);background-color:var(--snk-primary-50);border-color:var(--snk-primary-300)}.btn-outline-primary{color:var(--snk-primary);background-color:transparent;border-color:var(--snk-primary)}.btn-outline-primary:hover{color:#fff;background-color:var(--snk-primary);border-color:var(--snk-primary)}.btn-link{min-height:auto;padding:0;color:var(--snk-primary);background:none;border:none;text-decoration:none}.btn-link:hover{color:var(--snk-primary-800);text-decoration:underline;text-underline-offset:3px}.rounded-pill{border-radius:var(--snk-r-pill) !important}.quantity{display:inline-flex;align-items:center;gap:var(--snk-s1)}.quantity .btn-number{min-height:32px;width:32px;padding:0;top:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--snk-r-sm)}.quantity .btn-number:hover{background-color:var(--snk-primary-50)}.quantity .minus{margin-right:0}.quantity .plus{margin-left:0}.quantity .qty{height:32px;border-radius:var(--snk-r-sm);border-color:var(--snk-border);font-size:var(--snk-fs-base);color:var(--snk-ink)}.quantity .qty:focus{outline:none;border-color:var(--snk-primary-300);box-shadow:var(--snk-ring)}.input-text,.form-control,.form-select{height:40px;padding:0 var(--snk-s3);font-family:var(--snk-font);font-size:var(--snk-fs-base);color:var(--snk-ink);background-color:#fff;border:1px solid var(--snk-border-strong);border-radius:var(--snk-r-md);transition:border-color var(--snk-dur-1) var(--snk-ease),box-shadow var(--snk-dur-2) var(--snk-ease)}textarea.input-text,textarea.form-control{height:auto;min-height:96px;padding:var(--snk-s3);line-height:var(--snk-lh-base)}.input-text::placeholder,.form-control::placeholder{color:var(--snk-disabled)}.input-text:focus,.form-control:focus,.form-select:focus{outline:none;border-color:var(--snk-primary-400);box-shadow:var(--snk-ring)}.input-text:disabled,.form-control:disabled{background-color:var(--snk-surface-2);color:var(--snk-muted);cursor:not-allowed}.input-field{margin-bottom:var(--snk-s4)}.input-field .label{font-size:var(--snk-fs-xs);font-weight:600;letter-spacing:.02em;color:var(--snk-ink-2);margin-bottom:6px}.input-field .error,.error-message{font-size:var(--snk-fs-xs);color:var(--snk-danger);margin-top:4px;min-height:0}.input-field.has-error .input-text,.input-text.is-invalid,.form-control.is-invalid{border-color:var(--snk-danger)}.input-field.has-error .input-text:focus,.form-control.is-invalid:focus{box-shadow:var(--snk-ring-danger)}.ui-popup-login .ui-content-popup{border-radius:var(--snk-r-xl);box-shadow:var(--snk-shadow-lg)}.ui-popup-login .actions .button{width:100%;min-height:44px;border-radius:var(--snk-r-md)}.dropdown-menu{border:1px solid var(--snk-border);border-radius:var(--snk-r-lg);box-shadow:var(--snk-shadow-lg);padding:var(--snk-s2)}.dropdown-item{border-radius:var(--snk-r-sm);padding:8px var(--snk-s3);font-size:var(--snk-fs-base);color:var(--snk-ink-2)}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--snk-primary-50);color:var(--snk-primary-800)}.modal-content{border-radius:var(--snk-r-xl);border:none;box-shadow:var(--snk-shadow-lg);overflow:hidden}.modal-header{padding:var(--snk-s4) var(--snk-s6);border-bottom:1px solid var(--snk-border);align-items:center}.modal-title{font-size:var(--snk-fs-lg);font-weight:700;color:var(--snk-primary-900);letter-spacing:.01em}.modal-body{padding:var(--snk-s6)}.modal-footer{padding:var(--snk-s4) var(--snk-s6);border-top:1px solid var(--snk-border);background-color:var(--snk-surface-2)}.modal-backdrop.show{opacity:.45}.product-add-to-cart-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--snk-s4);width:100%}.product-add-to-cart-footer .total-price .label{color:var(--snk-muted);font-size:var(--snk-fs-sm)}.product-add-to-cart-footer .total-price .amount{font-size:var(--snk-fs-xl);font-weight:700;color:var(--snk-danger)}.product-add-to-cart-footer .action .btn-add-to-cart{min-height:44px;padding-inline:var(--snk-s8)}.mini-cart-2{background-color:rgba(16,32,48,.45);backdrop-filter:blur(2px);z-index:1055;transition:opacity var(--snk-dur-3) var(--snk-ease),transform var(--snk-dur-3) var(--snk-ease)}.mini-cart-2 .mini-cart-container{box-shadow:var(--snk-shadow-lg)}.mini-cart-2 .mini-cart-title{font-weight:700;color:var(--snk-primary-900);border-bottom:1px solid var(--snk-border)}.mini-cart-2 .mini-cart-bottom{border-top:1px solid var(--snk-border);background-color:var(--snk-surface-2)}.mini-cart-2 .mini-cart-bottom .btn{width:100%;min-height:46px;font-size:var(--snk-fs-md);letter-spacing:.02em}#back-to-top{width:44px;height:44px;right:var(--snk-s6);bottom:var(--snk-s6);background-color:rgba(255,255,255,.95);border:1px solid var(--snk-border-strong);box-shadow:var(--snk-shadow-md);transition:background-color var(--snk-dur-2) var(--snk-ease),transform var(--snk-dur-2) var(--snk-ease),opacity var(--snk-dur-3) var(--snk-ease),visibility var(--snk-dur-3) var(--snk-ease)}#back-to-top:hover{background-color:#fff;border-color:var(--snk-primary-300);transform:translateY(-2px)}.snk-text-primary{color:var(--snk-primary)}.snk-text-secondary{color:var(--snk-muted)}*{scrollbar-width:thin;scrollbar-color:var(--snk-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--snk-border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--snk-r-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--snk-muted)}body>.skiptranslate{display:none !important}body{top:0 !important}@media(max-width:1240px){#first_bar>.container-fluid{gap:var(--snk-s2)}#first_bar #search_box{max-width:360px}#first_bar .btn-outline-light{padding-inline:var(--snk-s3)}#second_bar .nav-link{padding-inline:var(--snk-s2);font-size:var(--snk-fs-xs)}}@media(min-width:1202px){.home-index.open-sticky{padding-top:0 !important}}.header #second_bar{transition:opacity var(--snk-dur-2) var(--snk-ease)}