body#stw-product-layout{background:#f5f8fc!important;color:#143157!important}
#stw-product-layout .product-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"gallery heading" "gallery summary"!important;gap:0 36px!important;max-width:1200px!important;width:calc(100% - 48px)!important;padding:24px!important;background:#fff!important;border:1px solid #e4ecf5!important;border-radius:16px!important;align-items:start!important}
#stw-product-layout .product-heading{grid-area:heading!important;padding:0!important;margin:0 0 14px!important;border:0!important}#stw-product-layout #product-title{font-size:25px!important;line-height:1.4!important;margin:0 0 8px!important;color:#143157!important}#stw-product-layout .product-summary__meta{font-size:12px!important}#stw-product-layout .product-summary__meta>span,#stw-product-layout .product-summary__meta>i{display:none!important}
#stw-product-layout .product-gallery{grid-area:gallery!important;display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;min-width:0!important;padding:0!important;align-self:start!important}
#stw-product-layout .product-gallery__main{position:relative!important;order:0!important;width:100%!important;height:auto!important;aspect-ratio:1!important;min-height:0!important;padding:0!important;border:1px solid #e5edf5!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;touch-action:pan-y pinch-zoom}
#stw-product-layout #product-main-image{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;user-select:none;-webkit-user-drag:none}#stw-product-layout .product-gallery__discount{display:none!important}#stw-product-layout .product-gallery__count{position:absolute!important;left:auto!important;right:12px!important;bottom:12px!important;top:auto!important;transform:none!important;border-radius:20px!important;background:#edf3f9e8!important;color:#234266!important;font-size:12px!important;padding:3px 10px!important}
#stw-product-layout .product-gallery__thumbs{order:1!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:8px!important;width:100%!important;max-height:none!important;margin:0!important;padding:2px 0 6px!important;position:static!important}#stw-product-layout .product-gallery__thumbs>button{width:62px!important;height:62px!important;flex:0 0 62px!important;padding:3px!important;border-radius:7px!important;border:1px solid #e3ebf5!important;background:#fff!important}#stw-product-layout .product-gallery__thumbs>button.active{border-color:#0054b9!important;box-shadow:0 0 0 1px #0054b9!important}#stw-product-layout .product-gallery__thumbs img{width:100%!important;height:100%!important;object-fit:contain!important}
#stw-product-layout .product-summary{grid-area:summary!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;min-width:0!important}#stw-product-layout .product-price-card{background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 16px!important}#stw-product-layout .product-price{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important}#stw-product-layout .product-price>strong,#stw-product-layout .product-price>strong *{font-size:32px!important;font-weight:750!important;line-height:1.3!important;color:#ec1838!important}#stw-product-layout .product-price>del,#stw-product-layout .product-price>del *{font-size:12px!important;color:#8393a8!important}#stw-product-layout .product-price>span{font-size:10px!important;background:#fff0f3!important;color:#ec1838!important;padding:3px 6px!important;border-radius:4px!important}#stw-product-layout .product-price-card>p{font-size:11px!important;color:#75879d!important;margin:7px 0 0!important}
#stw-product-layout .product-summary>.product-variations{display:none!important}.native-choice-block{margin:0 0 18px}.native-choice-block h3{font-size:14px;font-weight:650;margin:0 0 10px;color:#143157}.native-choice-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.native-choice-rail button{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;background:#fff;border:1px solid #e1eaf5;border-radius:8px;padding:8px 5px;font:500 12px/1.4 Inter,Arial,sans-serif;color:#143157;cursor:pointer}.native-choice-rail button img{width:64px;height:64px;object-fit:contain}.native-choice-rail button span{min-height:32px;display:grid;place-items:center;text-align:center}.native-choice-rail button[aria-pressed=true]{border-color:#0054b9;background:#eff7ff;color:#0054b9;box-shadow:inset 0 0 0 1px #0054b9}.native-choice-rail button:disabled{opacity:.4;cursor:not-allowed}.native-choice-mobile{display:none}
#stw-product-layout .stw-woo-purchase{margin:0!important;padding:0!important}#stw-product-layout .product-purchase{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;background:none!important}#stw-product-layout .product-purchase__top{margin:0 0 18px!important;padding:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important}#stw-product-layout .product-subtotal{display:none!important}#stw-product-layout .product-purchase__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}#stw-product-layout .product-buy{min-height:49px!important;border-radius:8px!important;box-shadow:none!important;font-size:14px!important}#stw-product-layout .product-buy--primary{background:#ec1838!important;border:1px solid #ec1838!important;color:#fff!important;order:1!important}#stw-product-layout .product-buy--primary>span{display:none!important}#stw-product-layout .product-buy--outline{order:0!important;background:#fff!important;color:#0054b9!important;border:1px solid #0054b9!important}#stw-product-layout .product-assurances{margin:18px 0 0!important;border:1px solid #e4edf6!important;border-radius:9px!important;display:grid!important;grid-template-columns:1fr 1fr!important}#stw-product-layout .product-assurances a{padding:12px!important;min-height:64px!important}#stw-product-layout .product-assurances p strong{font-size:12px!important}#stw-product-layout .product-assurances p small{font-size:11px!important}
.native-shipping{display:flex;align-items:center;gap:10px;padding:14px 0;margin:0 0 4px;border-block:1px solid #edf2f7;color:#143157;font-size:12px;line-height:1.7}.native-shipping svg{width:24px;height:24px;color:#0054b9;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.native-shipping small{display:block;font-size:11px;color:#768ba0}.native-media-tools{display:none}.native-desktop-chat{width:100%;min-height:42px;border:0;border-radius:7px;background:#eef6ff;color:#0054b9;font:550 12px Inter,Arial,sans-serif;display:flex;gap:9px;align-items:center;justify-content:center;margin-top:10px;cursor:pointer}.native-desktop-chat svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
#stw-product-layout .product-information{max-width:1200px!important;width:calc(100% - 48px)!important;margin:20px auto!important;border:1px solid #e3ebf5!important;border-radius:12px!important;background:#fff!important}#stw-product-layout .product-information__tabs{background:none!important;border-bottom:1px solid #e5edf5!important}#stw-product-layout .product-information__layout{gap:24px!important}#stw-product-layout .product-description{font-size:14px!important;line-height:1.8!important}#stw-product-layout .product-description h2{font-size:20px!important;line-height:1.45!important}#stw-product-layout .product-support{background:#f1f8fe!important;border:0!important;border-radius:9px!important}#stw-product-layout .product-support h2{font-size:16px!important}#stw-product-layout .product-support p{font-size:13px!important}#stw-product-layout .product-b-nav{display:none!important}
dialog.native-choice-dialog{border:1px solid #dfe8f4;border-radius:17px;padding:0;background:#fff;color:#143157;width:min(600px,calc(100vw - 32px));max-height:88dvh;overflow:hidden;box-shadow:0 20px 80px #10294633;margin:auto;inset:0}dialog.native-choice-dialog::backdrop{background:#10213380}.native-sheet{display:flex;flex-direction:column;max-height:88dvh}.native-sheet-head{display:flex;gap:16px;padding:21px;border-bottom:1px solid #e7eef6;position:relative;flex:none}.native-sheet-head img{width:102px;height:102px;object-fit:contain;border:1px solid #e6edf5;border-radius:8px}.native-sheet-head>div{padding-top:15px;min-width:0;padding-right:25px}.native-sheet-price{display:block;color:#ec1838;font-size:25px;line-height:1.4;font-weight:750}.native-sheet-label{font-size:12px;color:#657e97;display:block;margin-top:7px}.native-sheet-close{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:44px;height:44px;background:none;border:0;border-radius:8px;color:#234266;cursor:pointer}.native-sheet-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.native-sheet-body{padding:20px;overflow:auto;min-height:0}.native-sheet-body .product-variations{display:block!important;padding:0!important;margin:0 0 20px!important;border:0!important;min-width:0}.native-sheet-body .product-variations legend{font-size:14px!important;font-weight:650!important;line-height:1.5!important;margin:0 0 12px!important;padding:0!important}.native-sheet-body .stw-variation-trigger{display:none!important}.native-sheet-body .product-variation-options,.native-sheet-body .product-variation-options[hidden]{display:grid!important;position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;border:0!important;box-shadow:none!important;background:#fff!important;padding:0!important;overflow:visible!important;max-height:none!important;width:100%!important;transform:none!important}.native-sheet-body [data-variation-id]{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-height:60px!important;border:1px solid #e1e9f5!important;border-radius:8px!important;padding:9px!important;background:#fff!important;font-size:12px!important;color:#143157!important;text-align:left!important}.native-sheet-body [data-variation-id][aria-pressed=true]{border-color:#0054b9!important;background:#eff7ff!important;box-shadow:inset 0 0 0 1px #0054b9!important;color:#0054b9!important}.native-option-image{width:40px!important;height:40px!important;object-fit:contain!important;flex:none}.native-sheet-body [data-variation-label]{flex:1!important;min-width:60px!important}.native-sheet-body [data-variation-id]>small{font-size:11px!important;color:#647c94!important}.native-sheet-body .product-purchase__top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:16px 0 0!important;margin:0!important;border-top:1px solid #e8eef6!important}.native-sheet-body .product-purchase__top>div:first-child{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.native-sheet-body .product-purchase__top>div:first-child>span{font-size:14px!important}.native-sheet-body .quantity-control{display:flex!important;height:44px!important}.native-sheet-body .quantity-control button,.native-sheet-body .quantity-control input{height:44px!important;min-width:44px!important;width:44px!important;font-size:16px!important}.native-sheet-body .product-subtotal{display:none!important}.native-sheet-foot{border-top:1px solid #e7eef6;padding:14px 20px 18px;flex:none;background:#fff}.native-sheet-confirm{display:block;width:100%;min-height:48px;padding:10px;border:0;border-radius:8px;color:#fff;background:#ec1838;font:650 15px Inter,Arial,sans-serif;cursor:pointer}.native-sheet-confirm:disabled{opacity:.4;cursor:not-allowed}.native-sheet-foot small{display:block;text-align:center;color:#7890a5;font-size:10px;margin-top:9px}.native-choice-dialog :focus-visible,.native-choice-rail button:focus-visible{outline:3px solid #88bbff;outline-offset:2px}

@media(max-width:760px){body#stw-product-layout{padding-bottom:84px!important}#stw-product-layout .store-header,#stw-product-layout>.store-mobile-nav,#stw-product-layout .store-mobile-nav{display:none!important}#stw-product-layout .product-breadcrumb{display:none!important}#stw-product-layout .product-hero{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important}#stw-product-layout .product-gallery{order:0!important;display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}#stw-product-layout .product-gallery__main{border:0!important;border-radius:0!important;aspect-ratio:1!important;order:0!important}#stw-product-layout .product-gallery__arrow{display:none!important}#stw-product-layout .product-gallery__thumbs{display:none!important}#stw-product-layout .product-summary{display:contents!important}#stw-product-layout .product-price-card{order:1!important;padding:6px 16px 0!important;margin:0!important}#stw-product-layout .product-price>strong,#stw-product-layout .product-price>strong *{font-size:28px!important}#stw-product-layout .product-price>del,#stw-product-layout .product-price>del *{font-size:11px!important}#stw-product-layout .product-price-card>p{display:none!important}#stw-product-layout .product-heading{order:2!important;padding:12px 16px 15px!important;margin:0!important;width:100%!important}#stw-product-layout #product-title{font-size:17px!important;line-height:1.55!important;margin:0!important}#stw-product-layout .product-summary__meta{display:none!important}#stw-product-layout .stw-woo-purchase,#stw-product-layout .native-choice-desktop,#stw-product-layout .native-desktop-chat{display:none!important}.native-choice-mobile{display:block;padding:9px 14px 8px;order:1;margin:0}.native-choice-mobile h3{font-weight:400;font-size:11px;color:#75899d;margin-bottom:9px}.native-choice-mobile .native-choice-rail{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 5px}.native-choice-mobile button{width:72px;flex:0 0 72px;font-size:10px;padding:4px;gap:3px}.native-choice-mobile button img{width:58px;height:58px}.native-choice-mobile button span{min-height:25px}#stw-product-layout .native-shipping{order:3!important;width:100%;padding:12px 16px;margin:0;border-color:#edf2f7;min-height:59px;font-size:12px}#stw-product-layout .native-shipping small{font-size:10px}#stw-product-layout .product-assurances{order:4!important;margin:0!important;border:0!important;border-bottom:1px solid #e8edf4!important;border-radius:0!important;width:100%!important}#stw-product-layout .product-assurances a{padding:12px 14px!important;min-height:62px!important}.native-media-tools{display:flex;align-items:center;justify-content:space-between;position:absolute;left:12px;right:12px;top:12px;z-index:12}.native-media-tools>div{display:flex;gap:10px}.native-media-tools a,.native-media-tools button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#23394d70;color:#fff;padding:0;position:relative;cursor:pointer}.native-media-tools svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.native-media-tools .store-cart-count{position:absolute!important;right:-2px!important;top:-2px!important;left:auto!important;width:18px!important;height:18px!important;min-width:18px!important;border:1px solid #fff!important;display:grid!important;place-items:center!important;background:#ec1838!important;color:#fff!important;border-radius:50%!important;font:600 10px Inter!important}#stw-product-layout .mobile-buy-bar{position:fixed!important;display:grid!important;grid-template-columns:20fr 34fr 46fr!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;gap:5px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;min-height:72px!important;background:#fff!important;border-top:1px solid #e1eaf5!important;box-shadow:0 -4px 16px #14315708!important;z-index:70!important;transform:none!important;visibility:visible!important;opacity:1!important}#stw-product-layout .mobile-buy-bar>a[aria-label="Xem cửa hàng"]{display:none!important}#stw-product-layout .mobile-buy-bar>button{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;min-height:58px!important;border-radius:6px!important;padding:5px!important;font-size:11px!important;min-width:0!important;border:0!important}#stw-product-layout .mobile-buy-bar>button svg{width:23px!important;height:23px!important}#stw-product-layout .mobile-buy-bar__shortcut{background:#fff!important;color:#0054b9!important}#stw-product-layout .mobile-buy-bar__cart{background:#eaf4ff!important;color:#0054b9!important}#stw-product-layout .mobile-buy-bar__cart .store-cart-count{display:none!important}#stw-product-layout .mobile-buy-bar__buy{background:#ec1838!important;color:#fff!important}#stw-product-layout .mobile-buy-bar__buy strong{font-size:15px!important;color:#fff!important}#stw-product-layout .mobile-buy-bar__buy span{font-size:12px!important;color:#fff!important}#stw-product-layout .product-information{width:100%!important;max-width:none!important;margin:8px 0 0!important;padding:0!important;border:0!important;border-radius:0!important}#stw-product-layout .product-information__tabs{padding:0 16px!important}#stw-product-layout .product-information__layout{display:block!important;padding:16px!important}#stw-product-layout .product-description{font-size:13px!important;line-height:1.75!important}#stw-product-layout .product-description h2{font-size:17px!important}#stw-product-layout .product-support{margin-top:18px!important;padding:16px!important}#stw-product-layout.product-gallery-passed .product-b-nav{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:41!important;background:#fff!important;border-bottom:1px solid #e2ebf5!important}#stw-product-layout .related-products{padding:12px!important}#stw-product-layout .related-products__head h2{font-size:18px!important}#stw-product-layout .store-footer{margin-top:0!important}
dialog.native-choice-dialog{inset:auto 0 0!important;margin:0!important;width:100%!important;max-width:none!important;max-height:86dvh!important;border:0!important;border-radius:18px 18px 0 0!important}.native-sheet{max-height:86dvh}.native-sheet-head{padding:20px 16px 16px;gap:15px}.native-sheet-head img{width:92px;height:92px}.native-sheet-price{font-size:23px}.native-sheet-body{padding:17px 16px}.native-sheet-body [data-variation-id]{font-size:12px!important;min-height:60px!important;gap:7px!important}.native-sheet-body [data-variation-id]>small{font-size:10px!important}.native-sheet-foot{padding:13px 16px calc(14px + env(safe-area-inset-bottom))}.native-sheet-confirm{min-height:48px}.native-sheet-body .product-purchase__top{display:flex!important}}
@media(min-width:761px){#stw-product-layout .store-header__inner{display:grid!important;grid-template-columns:190px minmax(260px,1fr) auto auto!important;gap:26px!important;min-height:80px!important;max-width:1200px!important;width:calc(100% - 48px)!important}#stw-product-layout .store-category-button,#stw-product-layout .store-lookup{display:none!important}#stw-product-layout .store-brand{width:190px!important}#stw-product-layout .store-brand img{width:190px!important;height:auto!important}#stw-product-layout .store-search{height:44px!important;border-radius:9px!important}#stw-product-layout .store-account,#stw-product-layout .store-cart{white-space:nowrap!important}}
#native-choice-dialog #stw-variation-dropdown-options,#native-choice-dialog #stw-variation-dropdown-options[hidden]{display:grid!important;position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:none!important;overflow:visible!important;transform:none!important;border:0!important;padding:0!important;box-shadow:none!important;width:100%!important}
#native-choice-dialog #stw-variation-dropdown-options>button[data-variation-id]{display:flex!important;align-items:center!important;gap:8px!important;padding:9px!important;min-height:60px!important;flex-wrap:wrap!important;border:1px solid #e1e9f5!important;border-radius:8px!important;background:#fff!important;color:#143157!important;text-align:left!important;font-size:12px!important}
#native-choice-dialog #stw-variation-dropdown-options>button[data-variation-id][aria-pressed=true]{background:#eff7ff!important;border-color:#0054b9!important;color:#0054b9!important;box-shadow:inset 0 0 0 1px #0054b9!important}
#native-choice-dialog #stw-variation-dropdown>.stw-variation-trigger{display:none!important}
#native-choice-dialog #stw-variation-dropdown-options>button[data-variation-id]{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:3px 8px!important;align-content:center!important;align-items:center!important;min-height:68px!important;position:relative!important}
#native-choice-dialog #stw-variation-dropdown-options>button>.native-option-image{grid-column:1!important;grid-row:1/span 2!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;object-fit:contain!important;align-self:center!important}
#native-choice-dialog #stw-variation-dropdown-options>button>[data-variation-label]{grid-column:2!important;grid-row:1!important;display:block!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-size:12px!important;line-height:1.4!important;padding:0!important;flex:none!important}
#native-choice-dialog #stw-variation-dropdown-options>button>small{grid-column:2!important;grid-row:2!important;display:block!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;font-size:11px!important;line-height:1.4!important;padding:0!important;text-align:left!important}
#native-choice-dialog #stw-variation-dropdown-options>button::after{position:absolute!important;right:4px!important;top:4px!important;font-size:10px!important}
@media(max-width:760px){#stw-product-layout .mobile-buy-bar>button,#stw-product-layout #mobile-add-cart,#stw-product-layout #mobile-buy-now{width:100%!important;max-width:none!important;min-width:0!important;flex:initial!important}#stw-product-layout #mobile-total{display:block!important;font-size:12px!important;color:#fff!important}}

#stw-product-layout .product-gallery{top:auto!important}

@media(max-width:760px){#stw-product-layout .mobile-buy-bar>a.mobile-buy-bar__buy{display:flex!important;grid-column:2/span 2;align-items:center;justify-content:center;flex-direction:column;background:#ec1838!important;color:#fff!important;border-radius:6px;min-height:58px}}

@media(max-width:760px){#stw-product-layout .native-choice-mobile{width:100%;max-width:100%;min-width:0;box-sizing:border-box}#stw-product-layout .native-choice-mobile .native-choice-rail{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}

/* Keep all three native quantity controls inside the sheet, including its scrollbar. */
#native-choice-dialog .native-sheet-body .quantity-control{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:134px!important;min-width:134px!important;max-width:134px!important;flex:0 0 134px!important;padding:0!important;box-sizing:border-box!important}
#native-choice-dialog .native-sheet-body .quantity-control>button,#native-choice-dialog .native-sheet-body .quantity-control>input{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;text-align:center!important}
#native-choice-dialog .native-sheet-body .quantity-control>button{display:grid!important;place-items:center!important}
#native-choice-dialog .native-sheet-body .quantity-control>input{appearance:textfield!important;-moz-appearance:textfield!important}
#native-choice-dialog .native-sheet-body .quantity-control>input::-webkit-inner-spin-button,#native-choice-dialog .native-sheet-body .quantity-control>input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}

/* Readable option cards: stable height without changing catalog labels or selection. */
#stw-product-layout .native-choice-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
#stw-product-layout .native-choice-rail button{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:8px;height:84px;min-height:84px;box-sizing:border-box}
#stw-product-layout .native-choice-rail button img{width:48px;height:48px;flex:0 0 48px}
#stw-product-layout .native-choice-rail button span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:0;text-align:left;font-size:12px;line-height:1.4;overflow-wrap:break-word}
#native-choice-dialog #stw-variation-dropdown-options>button>small{color:#EC1838!important}
@media(max-width:760px){#stw-product-layout .native-choice-mobile .native-choice-rail{display:flex;gap:8px}#stw-product-layout .native-choice-mobile button{width:calc((100vw - 40px)/2);min-width:154px;max-width:220px;flex:0 0 auto;height:84px;min-height:84px}#stw-product-layout .native-choice-mobile button img{width:44px;height:44px;flex-basis:44px}#stw-product-layout .native-choice-mobile button span{font-size:11px;line-height:1.4}}

/* Keep the mobile media actions and purchase bar fixed; remove the secondary tab strip. */
#stw-product-layout .product-b-nav,#stw-product-layout.product-gallery-passed .product-b-nav{display:none!important}
@media(max-width:760px){
 body#stw-product-layout{padding-top:calc(64px + env(safe-area-inset-top))!important}
 #stw-product-layout .native-media-tools{position:fixed!important;inset:0 0 auto!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;min-height:calc(64px + env(safe-area-inset-top))!important;padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important;box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e4ecf5!important;z-index:80!important}
 #stw-product-layout .native-media-tools::before{content:"";grid-column:2;grid-row:1;width:100%;max-width:175px;height:36px;justify-self:center;background:url('/theme/assets/logo.png') center/contain no-repeat;pointer-events:none}
 #stw-product-layout .native-media-tools>a{grid-column:1;grid-row:1}
 #stw-product-layout .native-media-tools>div{grid-column:3;grid-row:1;gap:8px}
 #stw-product-layout .native-media-tools a,#stw-product-layout .native-media-tools button{width:44px;height:44px;flex:0 0 44px}
 #stw-product-layout .mobile-buy-bar{position:fixed!important;inset:auto 0 0!important;z-index:80!important}
 #stw-product-layout .product-information [id],#stw-product-layout .related-products[id]{scroll-margin-top:calc(76px + env(safe-area-inset-top))}
}

/* Gallery gestures keep the complete source image and never scroll the document. */
#stw-product-layout .native-gallery-preview{position:absolute!important;inset:0!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;pointer-events:none!important;visibility:hidden;transition:none!important;user-select:none;-webkit-user-drag:none}
#stw-product-layout #product-main-image.is-dragging{transition:none!important;cursor:grabbing}
.native-product-search,.native-product-header-space{display:none}
@media(max-width:760px){
 body#stw-product-layout{padding-top:0!important}
 #stw-product-layout .native-product-header-space{display:block;flex:0 0 auto;height:calc(64px + env(safe-area-inset-top));width:100%;order:0}
 #stw-product-layout .native-media-tools{height:calc(64px + env(safe-area-inset-top))!important;min-height:calc(64px + env(safe-area-inset-top))!important;max-height:calc(64px + env(safe-area-inset-top))!important;padding:calc(9px + env(safe-area-inset-top)) 8px 10px!important;gap:4px!important;grid-template-columns:44px minmax(0,1fr) 92px!important}
 #stw-product-layout .native-media-tools::before{display:none!important}
 #stw-product-layout .native-media-tools>div{width:92px!important;gap:4px!important}
 #stw-product-layout .native-product-search{display:flex;grid-column:2;grid-row:1;align-items:center;min-width:0;width:100%;height:40px;box-sizing:border-box;overflow:hidden;background:#f3f6fa;border:1px solid #dce6f2;border-radius:9px}
 #stw-product-layout .native-product-search input{display:block;flex:1 1 auto;width:0;min-width:0;height:100%;box-sizing:border-box;padding:0 0 0 10px;margin:0;border:0;outline:0;background:transparent;color:#143157;font:400 16px/1.4 Inter,Arial,sans-serif;appearance:none}
 #stw-product-layout .native-product-search input::placeholder{color:#74869b;font-size:12px}
 #stw-product-layout .native-product-search button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:38px;min-width:36px;min-height:38px;padding:0;border:0;border-radius:0;background:transparent;color:#0054b9}
 #stw-product-layout .native-product-search button svg{width:19px;height:19px}
 #stw-product-layout .native-product-search:focus-within{outline:2px solid #85bbfa;outline-offset:1px}
}

/* =========================================================
   SÔNG THƯƠNG WATER
   UXBAR-20261028-01 | INTEGRATION REVISION
   MOBILE PRODUCT DETAIL ONLY

   HEADER: 52px + safe top
   BUY BAR: 68px + safe bottom
   Z-INDEX: 70
   CONTACT POPUP: 80 (giữ nguyên)
   ========================================================= */

@media screen and (max-width: 760px) {

  /* ========== 0. VARIABLES / BODY ========== */

  body#stw-product-layout#stw-product-layout {
    --stw-blue: #0054B9;
    --stw-red: #EC1838;
    --stw-red-hover: #D4112F;
    --stw-ink: #143157;

    --stw-safe-top: env(safe-area-inset-top, 0px);
    --stw-safe-bottom: env(safe-area-inset-bottom, 0px);

    --stw-header-height:
      calc(52px + var(--stw-safe-top));

    --stw-buy-height:
      calc(68px + var(--stw-safe-bottom));

    /* Override body padding-top:64px!important */
    padding-top:
      var(--stw-header-height) !important;

    /* Chừa chỗ cho thanh mua và khoảng thở */
    padding-bottom:
      calc(88px + var(--stw-safe-bottom)) !important;

    scroll-padding-top:
      calc(60px + var(--stw-safe-top));

    overflow-x: clip;
  }


  /* =========================================
     1. HEADER FIXED
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .native-media-tools {

    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    inset: 0 0 auto 0 !important;

    z-index: 70 !important;

    /* Override production min-height:64px */
    height:
      var(--stw-header-height) !important;

    min-height:
      var(--stw-header-height) !important;

    max-height:
      var(--stw-header-height) !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding:
      var(--stw-safe-top) 12px 0 !important;

    display: grid !important;

    grid-template-columns:
      44px minmax(0, 1fr) 92px !important;

    grid-template-rows: 52px !important;

    align-items: center !important;

    gap: 0 !important;

    background: rgba(255,255,255,.98) !important;

    border: 0 !important;
    border-bottom:
      1px solid #E8EDF5 !important;

    border-radius: 0 !important;

    box-shadow:
      0 2px 10px rgba(20,49,87,.045) !important;

    transform: none !important;
    overflow: visible !important;
  }


  /* =========================================
     2. LOGO GỐC — GIỮ BACKGROUND IMAGE
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .native-media-tools::before {

    content: "" !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;

    position: relative !important;
    inset: auto !important;

    justify-self: center !important;
    align-self: center !important;

    width: min(150px, 100%) !important;
    max-width: 100% !important;

    height: 30px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    transform: none !important;

    pointer-events: none !important;
  }

  /*
    Không khai báo background-image tại đây.

    Giữ quy tắc logo production:
    .native-media-tools::before {
      background: url(/theme/assets/logo.png);
    }
  */


  /* =========================================
     3. HEADER — BACK / SHARE / CART
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .native-media-tools > a {

    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body#stw-product-layout#stw-product-layout
  .native-media-tools > div {

    grid-column: 3 !important;
    grid-row: 1 !important;

    display: flex !important;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 92px !important;
    min-width: 92px !important;
    height: 52px !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    transform: none !important;
  }


  /* Vùng bấm icon header */

  body#stw-product-layout#stw-product-layout
  .native-media-tools > a,

  body#stw-product-layout#stw-product-layout
  .native-media-tools > div > button,

  body#stw-product-layout#stw-product-layout
  .native-media-tools > div > a {

    appearance: none !important;

    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 44px !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--stw-blue) !important;

    background: transparent !important;
    border: 0 !important;

    border-radius: 12px !important;

    box-shadow: none !important;

    transform: none !important;

    text-decoration: none !important;
    cursor: pointer !important;
  }


  /* Icon outline đồng nhất */

  body#stw-product-layout#stw-product-layout
  .native-media-tools svg {

    display: block !important;

    width: 22px !important;
    min-width: 22px !important;

    height: 22px !important;
    min-height: 22px !important;

    flex: 0 0 22px !important;

    color: var(--stw-blue) !important;

    transform: none !important;
  }


  /* Badge giỏ trên header */

  body#stw-product-layout#stw-product-layout
  .native-media-tools .store-cart-count {

    position: absolute !important;

    top: 1px !important;
    right: 0 !important;

    bottom: auto !important;
    left: auto !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    min-width: 17px !important;
    width: auto !important;

    height: 17px !important;
    min-height: 17px !important;

    padding: 0 3px !important;

    margin: 0 !important;

    color: #FFFFFF !important;
    background: var(--stw-red) !important;

    border: 1.5px solid #FFFFFF !important;
    border-radius: 999px !important;

    font-family: Inter, system-ui,
      sans-serif !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    font-style: normal !important;

    line-height: 1 !important;
    text-align: center !important;

    box-shadow: none !important;

    pointer-events: none !important;
  }


  /* =========================================
     4. BOTTOM BUY BAR
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar {

    position: fixed !important;

    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    inset: auto 0 0 0 !important;

    z-index: 70 !important;

    /* Override production min-height:72px */
    height:
      var(--stw-buy-height) !important;

    min-height:
      var(--stw-buy-height) !important;

    max-height:
      var(--stw-buy-height) !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    display: grid !important;

    grid-template-columns:
      44px
      44px
      minmax(72px, 22%)
      minmax(0, 1fr) !important;

    grid-template-rows: 54px !important;

    align-items: center !important;

    gap: 6px !important;

    margin: 0 !important;

    padding:
      6px
      10px
      calc(6px + var(--stw-safe-bottom))
      10px !important;

    background: #FFFFFF !important;

    border: 0 !important;
    border-top:
      1px solid #E8EDF5 !important;

    border-radius: 0 !important;

    box-shadow:
      0 -4px 18px
      rgba(20,49,87,.07) !important;

    transform: none !important;

    overflow: visible !important;
  }


  /* Loại pseudo trang trí cũ của thanh mua */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar::before,

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar::after {

    content: none !important;
    display: none !important;
  }


  /* =========================================
     5. RESET BỐN ACTIONS
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar > a,

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar > button {

    appearance: none !important;

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    margin: 0 !important;
    padding: 3px 0 !important;

    border: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;
    text-transform: none !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    transform: none !important;
  }


  /* =========================================
     6. CỬA HÀNG / CHAT
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__shortcut {

    gap: 3px !important;

    color: var(--stw-blue) !important;

    background: transparent !important;

    border-radius: 12px !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__shortcut svg {

    display: block !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;
    min-height: 22px !important;

    flex: 0 0 22px !important;

    color: var(--stw-blue) !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__shortcut span {

    display: block !important;

    color: var(--stw-ink) !important;

    font-family: Inter, system-ui,
      sans-serif !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 15px !important;

    white-space: nowrap !important;
  }


  /* =========================================
     7. THÊM VÀO GIỎ
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__cart {

    gap: 2px !important;

    padding: 3px 2px !important;

    color: var(--stw-blue) !important;

    background: #ECF5FF !important;

    border: 1px solid #DDEBFA !important;

    border-radius: 14px !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__cart svg {

    display: block !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;
    min-height: 22px !important;

    flex: 0 0 22px !important;

    color: var(--stw-blue) !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__cart span {

    display: block !important;

    color: var(--stw-blue) !important;

    font-family: Inter, system-ui,
      sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 15px !important;

    letter-spacing: -.25px !important;

    white-space: nowrap !important;
  }


  /* =========================================
     8. MUA NGAY — CTA CHÍNH
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__buy {

    gap: 3px !important;

    padding: 4px 6px !important;

    color: #FFFFFF !important;

    background: var(--stw-red) !important;

    border: 0 !important;

    border-radius: 999px !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__buy strong {

    display: block !important;

    color: #FFFFFF !important;

    font-family: Inter, system-ui,
      sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 19px !important;

    white-space: nowrap !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__buy #mobile-total {

    display: block !important;

    color: #FFFFFF !important;

    font-family: Inter, system-ui,
      sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 15px !important;

    font-variant-numeric: tabular-nums !important;

    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    max-width: 100% !important;
  }


  /* =========================================
     9. TRẠNG THÁI TƯƠNG TÁC
     ========================================= */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__buy:active {

    background: var(--stw-red-hover) !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__cart:active {

    background: #DDEEFF !important;
  }


  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar__shortcut:active {

    background: #F0F6FC !important;
  }


  /* Focus khi dùng bàn phím */

  body#stw-product-layout#stw-product-layout
  .mobile-buy-bar > :focus-visible,

  body#stw-product-layout#stw-product-layout
  .native-media-tools a:focus-visible,

  body#stw-product-layout#stw-product-layout
  .native-media-tools button:focus-visible {

    outline: 2px solid var(--stw-blue) !important;
    outline-offset: -2px !important;
  }


  /* =========================================
     10. MOBILE 320px
     ========================================= */

  @media (max-width: 350px) {

    body#stw-product-layout#stw-product-layout
    .mobile-buy-bar {

      grid-template-columns:
        44px
        44px
        72px
        minmax(0, 1fr) !important;

      gap: 5px !important;

      padding-left: 8px !important;
      padding-right: 8px !important;
    }


    /* Rút nhãn, giữ nguyên văn bản gốc DOM */

    body#stw-product-layout#stw-product-layout
    .mobile-buy-bar__cart span {

      font-size: 0 !important;
      line-height: 15px !important;
    }


    body#stw-product-layout#stw-product-layout
    .mobile-buy-bar__cart span::after {

      content: "Thêm giỏ" !important;

      font-family: Inter, system-ui,
        sans-serif !important;

      font-size: 11px !important;
      font-weight: 600 !important;

      line-height: 15px !important;

      color: var(--stw-blue) !important;
    }


    body#stw-product-layout#stw-product-layout
    .mobile-buy-bar__buy strong {

      font-size: 15px !important;
    }


    body#stw-product-layout#stw-product-layout
    .mobile-buy-bar__buy #mobile-total {

      font-size: 11px !important;
    }


    body#stw-product-layout#stw-product-layout
    .native-media-tools {

      padding-left: 8px !important;
      padding-right: 8px !important;
    }
  }

}

/* END — UXBAR-20261028-01 */
/* Keep the newer search header and gallery spacer from the priority bug fix. */
@media(max-width:760px){
 body#stw-product-layout#stw-product-layout{padding-top:0!important}
 body#stw-product-layout#stw-product-layout .native-product-header-space{height:calc(52px + env(safe-area-inset-top))!important}
 body#stw-product-layout#stw-product-layout .native-media-tools::before{display:none!important}
 body#stw-product-layout#stw-product-layout .mobile-buy-bar:not(:has(#mobile-add-cart)){grid-template-columns:44px 44px minmax(0,1fr)!important}
 body#stw-product-layout#stw-product-layout .mobile-buy-bar>a.mobile-buy-bar__buy{grid-column:3!important;min-width:0!important;white-space:normal!important;text-align:center}
}

/* A complete gallery photo must fit between the fixed mobile action bars,
   including short/landscape viewports and device safe areas. */
@media(max-width:760px){
 body#stw-product-layout#stw-product-layout .product-gallery__main{
  height:min(100vw,calc(100vh - var(--stw-header-height,52px) - var(--stw-buy-height,68px)))!important;
  height:min(100vw,calc(100svh - var(--stw-header-height,52px) - var(--stw-buy-height,68px)))!important;
  aspect-ratio:auto!important;
 }
}

/* The inner controls are44px; reserve their border rather than clipping them. */
#native-choice-dialog .native-sheet-body .quantity-control{height:46px!important;min-height:46px!important;max-height:46px!important}
@media(max-height:500px){
 #native-choice-dialog .native-sheet-head{padding:12px 16px;gap:12px}
 #native-choice-dialog .native-sheet-head>img{width:64px;height:64px}
 #native-choice-dialog .native-sheet-head>div{padding-top:0}
 #native-choice-dialog .native-sheet-price{font-size:20px}
 #native-choice-dialog .native-sheet-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4}
 #native-choice-dialog .native-sheet-body{padding:12px 16px}
 #native-choice-dialog .native-sheet-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
 #native-choice-dialog .native-sheet-confirm{min-height:44px}
}

/* Pointer gallery owns its animation; do not replay the legacy CSS transform transition after commit. */
#stw-product-layout #product-main-image{transition:none!important}

/* Native gallery: all slides exist in SSR; touch scrolling never waits for JS or image decode. */
.product-gallery__main[data-native-gallery]{touch-action:auto!important;--native-gallery-padding:clamp(20px,4.2%,32px)}
.product-gallery__main>#product-main-image.native-gallery-proxy,#stw-product-layout .product-gallery__main>#product-main-image.native-gallery-proxy{display:none!important}
.product-gallery__main>.product-gallery-track{position:absolute!important;inset:0!important;z-index:1;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:auto!important;direction:ltr;outline-offset:-3px}
.product-gallery-track::-webkit-scrollbar{display:none}
.product-gallery-track>.product-gallery-slide{position:relative!important;flex:0 0 100%!important;width:100%!important;height:100%!important;min-width:0!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden!important}
.product-gallery__main .product-gallery-track>.product-gallery-slide>[data-native-gallery-image]{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;object-fit:contain!important;padding:var(--native-gallery-padding)!important;transform:none!important;transition:none!important;opacity:1!important;user-select:none;-webkit-user-drag:none}
.product-gallery__main[data-native-gallery]>.product-gallery__count{z-index:3!important;pointer-events:none}
.product-gallery__main[data-native-gallery]>.product-gallery__arrow{z-index:4!important}
@media(max-width:760px){.product-gallery__main[data-native-gallery]{--native-gallery-padding:5px}}
@media(pointer:fine){.product-gallery-track{cursor:grab}.product-gallery-track[data-mouse-dragging=true]{cursor:grabbing}}

/* Approved variation cards: two columns, with each native selling price. */
@media (max-width: 760px) {
  #stw-product-layout .native-choice-mobile .native-choice-rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 1px !important;
  }
  #stw-product-layout .native-choice-mobile .native-choice-rail > button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 84px !important;
    min-height: 84px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Display each native option's existing selling price, without new price state. */
#stw-product-layout .native-choice-rail > button:has(.native-choice-price) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  gap: 4px 8px !important;
}
#stw-product-layout .native-choice-rail > button:has(.native-choice-price) > img {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 44px !important;
  height: 44px !important;
}
#stw-product-layout .native-choice-rail > button:has(.native-choice-price) > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}
#stw-product-layout .native-choice-rail > button > .native-choice-price {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  color: #EC1838 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-align: left !important;
}

#stw-product-layout .native-choice-rail > button:has(.native-choice-price) > span {-webkit-line-clamp: 2;}