/* ONFIT skin v1 (27/10/2026) — GNC shell + Long Chau trust layer. Go: xoa the onfit-skin trong layouts/theme.bwt */
:root{--ofx-ink:#2B2420;--ofx-ink2:#4A3F38;--ofx-mute:#6B5F57;--ofx-line:#E7E1DC;--ofx-soft:#F4F1EE;--ofx-cream:#FAF3EC;--ofx-tc:#B4532F;--ofx-tc-d:#8E3B24;--ofx-peach:#F2C49B;--ofx-r:6px;
  --ofx-head:'Barlow Condensed','Be Vietnam Pro',sans-serif;--ofx-body:'Be Vietnam Pro',system-ui,-apple-system,sans-serif}
html body.ofx{font-family:var(--ofx-body)!important;color:var(--ofx-ink);background:#fff}
body.ofx input,body.ofx button,body.ofx select,body.ofx textarea{font-family:var(--ofx-body)}
body.ofx a:focus-visible,body.ofx button:focus-visible{outline:2px solid var(--ofx-tc);outline-offset:2px}

/* Thanh thong bao */
body:not(.ofx) .ofx-announce,body:not(.ofx) .ofx-hero{display:none!important}
.ofx-announce{background:var(--ofx-ink);color:#fff;text-align:center;font-size:13px;font-weight:500;padding:8px 16px;line-height:1.4}
.ofx-announce a{color:var(--ofx-peach);text-decoration:underline}

/* Header */
body.ofx header.header,body.ofx header.header .mid-header{background:#fff!important;color:var(--ofx-ink)}
body.ofx header.header{border-bottom:1px solid var(--ofx-line);box-shadow:none}
body.ofx header.header .mid-header{padding:12px 0}
body.ofx header.header .logo-wrapper img{height:36px;width:176px;max-height:none;max-width:100%;object-fit:contain}
body.ofx header.header,body.ofx header.header a,body.ofx header.header span,body.ofx header.header .media-body{color:var(--ofx-ink)!important}
body.ofx header.header img:not(.ofx-logo){filter:brightness(0) saturate(100%)}
body.ofx header.header svg{color:var(--ofx-ink);fill:currentColor}
body.ofx .search-bar{background:var(--ofx-soft)!important;border:0!important;border-radius:999px!important;overflow:hidden;height:46px}
body.ofx .search-bar input.form-control{background:transparent!important;border:0!important;height:46px;padding-left:20px;font-size:14px;color:var(--ofx-ink)}
body.ofx .search-bar .btn,body.ofx .search-bar .input-group-btn{background:transparent!important;color:var(--ofx-ink)!important;border:0!important}
body.ofx .search-bar .btn svg,body.ofx .search-bar .btn i{color:var(--ofx-ink)!important;fill:var(--ofx-ink)!important}
body.ofx .search-dropdow .search__list a,body.ofx .search__list a{color:var(--ofx-mute)!important;font-size:12.5px}
@media (min-width:992px){body.ofx header .mini-cart>a,body.ofx header a.img_hover_cart{background:var(--ofx-ink)!important;color:#fff!important;border:0!important;border-radius:var(--ofx-r)!important;padding:8px 14px!important}body.ofx header a.img_hover_cart *{color:#fff!important;white-space:nowrap}body.ofx header a.img_hover_cart img,body.ofx header a.img_hover_cart svg{filter:brightness(0) invert(1)!important}}
body.ofx header .toggle-nav .bar,body.ofx header .menu-bar .bar{background:var(--ofx-ink)!important}
body.ofx .section_flashsale a.link,body.ofx .section_flashsale .title-module a{color:var(--ofx-ink)!important;font-family:var(--ofx-head)!important;font-weight:800!important;text-transform:uppercase}
body.ofx .header-right .count_item,body.ofx header .count_item,body.ofx header .count{background:var(--ofx-tc)!important;color:#fff!important}

/* Thanh danh muc duoi header */
body.ofx .subheader{background:#fff!important;border-bottom:1px solid var(--ofx-line)}
body.ofx .subheader .toogle-nav-wrapper,body.ofx .subheader .toogle-nav-wrapper *{background:var(--ofx-ink);color:#fff!important}
body.ofx .menu-item__link>img{display:none}
body.ofx .subheader .menu-item__link{color:var(--ofx-ink)!important;font-weight:500}
body.ofx .ofx-nav{display:flex;flex-wrap:wrap;gap:4px 26px;align-items:center;font-size:14px;font-weight:600;min-height:42px}
body.ofx .ofx-nav a{color:var(--ofx-ink)!important;padding:10px 0;white-space:nowrap}
body.ofx .ofx-nav a:hover{color:var(--ofx-tc)!important}
body.ofx .ofx-nav .ofx-nav-hot{color:var(--ofx-tc)!important;margin-left:auto}

/* Tieu de khoi */
body.ofx section .title-module{font-size:42px!important}
@media (max-width:767px){body.ofx section .title-module{font-size:30px!important}}
body.ofx section .title-module,body.ofx section .title-module a,body.ofx .heading-bar__title,body.ofx .heading-bar__title a,body.ofx .section_product_new h2,body.ofx .section_product_new h2 a,body.ofx section h2.title,body.ofx section .heading h2,body.ofx .ofx-h2{
  font-family:var(--ofx-head)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.005em;color:var(--ofx-ink)!important;line-height:1}
body.ofx .ofx-h2{font-size:42px;margin:0 0 22px}
@media (max-width:767px){body.ofx .ofx-h2{font-size:30px;margin-bottom:14px}}

/* Khoi: nen trang, khoang cach */
body.ofx section.section{background:#fff}
body.ofx .section_flashsale,body.ofx .section_flashsale .container>div{background:#fff!important;background-image:none!important}

/* The san pham */
body.ofx .item_product_main{background:#fff;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:12px;height:100%;box-shadow:none!important;transition:border-color .15s}
body.ofx .item_product_main:hover{border-color:#CFC4BB}
body.ofx .item_product_main .product-thumbnail{background:#F7F4F1;border-radius:4px;overflow:hidden}
body.ofx .item_product_main .product-name{margin:6px 0 4px;min-height:40px}
body.ofx .item_product_main .product-name a{font-size:14px;font-weight:500;line-height:1.4;color:var(--ofx-ink)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.ofx .item_product_main .price-box{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
body.ofx .item_product_main .price-box .price{color:var(--ofx-tc)!important;font-weight:700;font-size:17px}
body.ofx .item_product_main .price-box .compare-price{color:#8A7D75!important;font-size:12.5px;text-decoration:line-through}
body.ofx .item_product_main .price-box .label_product{position:static!important}
body.ofx .item_product_main .label_wrapper{background:var(--ofx-tc)!important;color:#fff!important;border-radius:4px;font-weight:700;font-size:12px;padding:1px 6px}
body.ofx .item_product_main .product-item-cta{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:0!important;margin:0!important;width:100%!important}
body.ofx .item_product_main .product-item-btn{position:static!important;width:100%!important;max-width:none!important;flex:none!important;margin:0!important;align-self:stretch!important;height:44px!important;border-radius:var(--ofx-r)!important;background:var(--ofx-tc)!important;border:0!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:14px;transform:none!important;opacity:1!important}
body.ofx .item_product_main .product-item-btn:hover{background:var(--ofx-tc-d)!important}
body.ofx .item_product_main .product-item-btn svg,body.ofx .item_product_main .product-item-btn i,body.ofx .item_product_main .product-item-btn img{display:none!important}
body.ofx .item_product_main .product-item-btn::after{content:'Chọn mua'}
body.ofx .item_product_main .product-item-btn.ofx-oos::after{content:'Xem chi tiết'}
.ofx-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--ofx-mute);margin:8px 0 0;line-height:1.3}
.ofx-meta .ofx-org{display:inline-flex;align-items:center;gap:5px}
.ofx-meta .ofx-dot{width:8px;height:8px;border-radius:50%;background:var(--ofx-ink);flex:none}
.ofx-sold{font-weight:600;color:var(--ofx-tc)}
.ofx-spec{font-size:12px;color:var(--ofx-mute);margin:-2px 0 4px}
body.ofx .item_product_main .onfit-vline{display:none}

/* Loi tat dich vu */
.ofx-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px auto 0}
.ofx-services a{display:flex;align-items:center;gap:12px;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:12px 14px;color:var(--ofx-ink)!important;min-height:44px;background:#fff}
.ofx-services a:hover{border-color:var(--ofx-tc)}
.ofx-ico{width:42px;height:42px;border-radius:50%;background:var(--ofx-cream);display:flex;align-items:center;justify-content:center;flex:none}
.ofx-ico svg{width:22px;height:22px;stroke:var(--ofx-tc);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ofx-services b{display:block;font-size:14px;line-height:1.25}
.ofx-services small{display:block;font-size:12.5px;color:var(--ofx-mute);line-height:1.3}
@media (max-width:767px){
  .ofx-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}
  .ofx-services a{flex-direction:column;border:0;padding:4px 0;gap:6px;text-align:center}
  .ofx-services .ofx-ico{width:48px;height:48px;border-radius:12px}
  .ofx-services b{font-size:11.5px;font-weight:600}
  .ofx-services small{display:none}
}

/* Uu dai theo hang */
.ofx-deals-wrap{padding:44px 0 8px}
.ofx-deals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ofx-deal{border-radius:var(--ofx-r);padding:26px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:220px}
.ofx-deal *{color:inherit!important}
.ofx-deal.d15{background:#B4532F!important;color:#fff!important}.ofx-deal.d10{background:#2B2420!important;color:#fff!important}.ofx-deal.d5{background:#F2C49B!important;color:#2B2420!important}
.ofx-deal:hover{filter:brightness(1.06)}
.ofx-deal .k{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.ofx-deal .p{font-family:var(--ofx-head);font-weight:800;font-style:italic;font-size:88px;line-height:.9;margin-top:6px}
.ofx-deal .b{font-family:var(--ofx-head);font-weight:700;font-size:22px;text-transform:uppercase;line-height:1.1;margin-top:6px}
.ofx-deal .c{align-self:flex-start;border-bottom:2px solid currentColor;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:991px){.ofx-deals{grid-template-columns:1fr;gap:10px}
  .ofx-deal{flex-direction:row;align-items:center;min-height:0;padding:16px 18px;gap:14px}
  .ofx-deal .p{font-size:54px;margin:0;flex:none}.ofx-deal .b{font-size:17px}.ofx-deal .k{font-size:10.5px}.ofx-deal .c{display:none}
  .ofx-deals-wrap{padding:24px 0 4px}}

/* Danh muc + muc tieu (tron) */
.ofx-circles-wrap{padding:52px 0 8px}
.ofx-circles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 14px}
.ofx-circles a{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--ofx-ink)!important}
.ofx-circles .ci{width:136px;max-width:100%;aspect-ratio:1/1;border-radius:50%;background:var(--ofx-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ofx-circles .ci img{width:100%;height:100%;object-fit:cover}
.ofx-circles .ci svg{width:40%;height:40%;stroke:var(--ofx-tc);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ofx-circles span{font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.02em;line-height:1.25}
.ofx-circles a:hover .ci{box-shadow:0 0 0 2px var(--ofx-tc) inset}
.ofx-goals{background:var(--ofx-cream);margin-top:44px;padding:48px 0}
.ofx-goals .ofx-circles{grid-template-columns:repeat(6,minmax(0,1fr))}
.ofx-goals .ci{background:#fff;border:1px solid #EADFD6;width:112px}
.ofx-center{text-align:center}
.ofx-sub{text-align:center;color:var(--ofx-mute);margin:-12px 0 24px}
@media (max-width:767px){
  .ofx-circles-wrap{padding:28px 0 0}
  .ofx-circles{display:flex;overflow-x:auto;gap:12px;padding-bottom:6px;scrollbar-width:none}
  .ofx-circles a{width:84px;flex:none}.ofx-circles .ci{width:84px}
  .ofx-circles span{font-size:11px}
  .ofx-goals{padding:28px 0;margin-top:28px}
  .ofx-goals .ofx-circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .ofx-goals .ofx-circles a{width:auto}.ofx-goals .ci{width:72px}
  .ofx-center{text-align:left}.ofx-sub{text-align:left;margin:-8px 0 16px}
}

/* Thuong hieu */
body.ofx .section_brand .swiper-slide a,body.ofx .section_brand .item a{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
body.ofx .section_brand .ofx-bdeal{display:block;text-align:center;font-weight:700;font-size:13px;color:var(--ofx-tc);margin-top:6px}
body.ofx .section_brand .ofx-borg{display:block;text-align:center;font-size:11.5px;color:var(--ofx-mute)}

/* Vi sao ONFIT */
.ofx-promise{border-top:1px solid var(--ofx-line);padding:30px 0;margin-top:20px}
.ofx-promise .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ofx-promise .i{display:flex;gap:12px;align-items:flex-start}
.ofx-promise svg{width:28px;height:28px;flex:none;stroke:var(--ofx-ink);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ofx-promise b{display:block}.ofx-promise small{display:block;color:var(--ofx-mute);font-size:13px}
@media (max-width:767px){.ofx-promise .g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.ofx-promise b{font-size:13px}.ofx-promise small{font-size:11.5px}}

/* Footer */
body.ofx .top-footer,body.ofx footer.footer,body.ofx footer.footer .bg-white,body.ofx footer.footer .container{background:var(--ofx-ink)!important;color:#D9CFC8}
body.ofx footer.footer *,body.ofx .top-footer *{color:#D9CFC8!important;border-color:#4A3F38!important;background-color:transparent!important}
body.ofx .top-footer button,body.ofx .top-footer .btn{background-color:var(--ofx-tc)!important;color:#fff!important;border:0!important}
body.ofx .top-footer input{background-color:#fff!important;color:var(--ofx-ink)!important}
body.ofx footer.footer h4,body.ofx footer.footer .title-menu,body.ofx footer.footer h3{color:#fff!important;text-transform:uppercase;letter-spacing:.06em}
body.ofx footer.footer a:hover{color:var(--ofx-peach)!important}
body.ofx footer.footer img{filter:none}
body.ofx footer.footer *::before,body.ofx footer.footer *::after{background-color:transparent!important}

.ofx-auth{position:absolute;top:12px;left:12px;z-index:3;background:#fff;border:1.5px solid var(--ofx-tc);color:var(--ofx-tc);border-radius:999px;padding:4px 10px 4px 8px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px;line-height:1}
.ofx-auth svg{width:14px;height:14px;stroke:var(--ofx-tc);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ofx-info{margin:16px 0;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);overflow:hidden}
.ofx-info-h{font-family:var(--ofx-head);font-weight:800;font-size:22px;text-transform:uppercase;padding:10px 14px;border-bottom:1px solid var(--ofx-line)}
.ofx-info dl{margin:0}.ofx-info dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);border-bottom:1px solid #EFE9E4;font-size:14px}
.ofx-info dl>div:last-child{border-bottom:0}
.ofx-info dt{background:#FAF7F4;padding:9px 14px;color:var(--ofx-mute);font-weight:500}
.ofx-info dd{margin:0;padding:9px 14px;font-weight:500}.ofx-info dd a{color:var(--ofx-tc)!important;font-weight:700}
.ofx-info-l{display:block;padding:10px 14px;border-top:1px solid var(--ofx-line);color:var(--ofx-tc)!important;font-weight:700;font-size:14px}
.ofx-toc{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:8px;border-bottom:1px solid var(--ofx-line);scrollbar-width:none}
.ofx-toc a{flex:none;border:1.5px solid #D9D1CA;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--ofx-ink)!important;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center}
.ofx-toc a:hover{border-color:var(--ofx-ink)}
.ofx-disc{background:var(--ofx-soft);border-left:3px solid var(--ofx-ink);padding:10px 14px;font-size:13px;color:var(--ofx-ink2);margin:16px 0 0}
body.ofx h1.title-product{font-family:var(--ofx-body);font-weight:700;color:var(--ofx-ink)}
body.ofx .details-pro .price-box .special-price .price,body.ofx .details-pro .price-box .product-price{color:var(--ofx-tc)!important;font-weight:700}
body.ofx .product-content h2{scroll-margin-top:90px}

/* Banner desktop */
.ofx-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:24px 0 0}
.ofx-hero a{display:block;border-radius:var(--ofx-r);overflow:hidden}
.ofx-hero-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--ofx-tc);color:#fff!important;min-height:440px}
.ofx-hero-main .tx{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.ofx-hero-main .kc{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ofx-peach)!important}
.ofx-hero-main .tt{font-family:var(--ofx-head);font-weight:800;font-size:62px;line-height:.95;text-transform:uppercase;color:#fff!important}
.ofx-hero-main p{margin:0;font-size:15px;color:var(--ofx-cream)!important}
.ofx-hero-main .bt{align-self:flex-start;background:#fff;color:var(--ofx-ink)!important;font-weight:700;font-size:14px;padding:14px 26px;border-radius:var(--ofx-r);margin-top:6px}
.ofx-hero-main:hover .bt{background:var(--ofx-cream)}
.ofx-hero-main img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.ofx-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.ofx-hero-side a{position:relative;min-height:200px}
.ofx-hero-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}

body.ofx .subheader .navigation.list-group{max-height:none!important;height:auto!important}
body.ofx.ofx-home .subheader .navigation-wrapper{display:none}
body.ofx.ofx-home .subheader .toogle-nav-wrapper:hover .navigation-wrapper{display:block;z-index:50;background:#fff;box-shadow:0 12px 32px rgba(43,36,32,.15)}
.ofx-flogo{height:34px;width:auto;margin:0 0 14px;display:block}

/* Luoi thuong hieu */
.ofx-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:8px}
.ofx-brands a{border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;color:var(--ofx-ink)!important;min-height:44px}
.ofx-brands a:hover{border-color:var(--ofx-ink)}
.ofx-brands .lg{height:100px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ofx-brands img{opacity:1!important;visibility:visible!important;max-height:100px;max-width:100%;transform:scale(1.45);width:auto;height:auto;object-fit:contain}
.ofx-brands .dl{font-weight:700;font-size:14px;color:var(--ofx-tc)!important}
.ofx-brands .nm{font-size:13px;color:var(--ofx-mute)!important}
@media (max-width:767px){.ofx-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ofx-brands .lg{height:72px}.ofx-brands img{max-height:72px}}

/* Thanh mua co dinh + nut chung */
body.ofx .ofx-bar .ofx-buy{border-radius:var(--ofx-r)}

@media (prefers-reduced-motion:reduce){body.ofx *{transition:none!important;animation:none!important}}
/* Gia theo vien/ngay */
body.ofx .ofx-ppu{font-size:12px;color:var(--ofx-mute);margin-top:2px;line-height:1.3}
body.ofx .ofx-ppd{display:inline-block;margin:6px 0 4px;padding:6px 10px;background:var(--ofx-cream);border-radius:var(--ofx-r);font-size:14px;color:var(--ofx-ink2);line-height:1.4}
body.ofx .ofx-ppd b{color:var(--ofx-tc-d);font-weight:700}
/* Thuong duoc mua cung */
body.ofx .ofx-fbt{margin:16px 0;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:14px 16px;background:#fff}
body.ofx .ofx-fbt-h{font-family:var(--ofx-head);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:10px;color:var(--ofx-ink)}
body.ofx .ofx-fbt ul{list-style:none;margin:0;padding:0}
body.ofx .ofx-fbt li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ofx-soft)}
body.ofx .ofx-fbt li:first-child{border-top:0}
body.ofx .ofx-fbt label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;min-height:44px}
body.ofx .ofx-fbt input{width:20px;height:20px;accent-color:var(--ofx-tc);flex:none}
body.ofx .ofx-fbt img{width:64px;height:64px;object-fit:contain;border:1px solid var(--ofx-soft);border-radius:4px;background:#fff}
body.ofx .ofx-fbt li>div{flex:1;min-width:0;font-size:14px;line-height:1.35}
body.ofx .ofx-fbt li a{color:var(--ofx-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.ofx .ofx-fbt li em{font-style:normal;color:var(--ofx-mute)}
body.ofx .ofx-fbt li b{display:block;margin-top:2px;color:var(--ofx-tc-d)}
body.ofx .ofx-fbt-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:12px;border-top:1px solid var(--ofx-line)}
body.ofx .ofx-fbt-f b{font-size:18px;color:var(--ofx-ink)}
body.ofx .ofx-fbt-b{min-height:44px;padding:0 18px;border:0;border-radius:var(--ofx-r);background:var(--ofx-tc);color:#fff;font-weight:600;font-size:15px;cursor:pointer}
body.ofx .ofx-fbt-b:hover{background:var(--ofx-tc-d)}
body.ofx .ofx-fbt-b:disabled{opacity:.6;cursor:default}
@media (max-width:767px){body.ofx .ofx-fbt-b{width:100%}}
/* Kiem tra hang chinh hang */
body.ofx #ofx-verify{max-width:860px;margin:0 auto 40px;color:var(--ofx-ink)}
body.ofx #ofx-verify h2{font-family:var(--ofx-head);text-transform:uppercase;font-weight:700;letter-spacing:.02em;color:var(--ofx-ink)}
body.ofx .ofx-vf-hero{display:flex;gap:16px;align-items:flex-start;background:var(--ofx-ink);color:#fff;border-radius:var(--ofx-r);padding:24px}
body.ofx .ofx-vf-hero svg{width:44px;height:44px;flex:none;fill:none;stroke:var(--ofx-peach);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ofx .ofx-vf-hero h1{font-family:var(--ofx-head);font-size:34px;line-height:1.05;text-transform:uppercase;font-weight:800;margin:0 0 8px;color:#fff}
body.ofx .ofx-vf-hero p{margin:0;font-size:15px;line-height:1.55;color:#EDE6E0}
body.ofx .ofx-vf-form{display:flex;gap:8px;margin:16px 0}
body.ofx .ofx-vf-form input{flex:1;min-width:0;height:48px;border:1.5px solid var(--ofx-line);border-radius:var(--ofx-r);padding:0 14px;font-size:16px}
body.ofx .ofx-vf-form input:focus{outline:none;border-color:var(--ofx-tc)}
body.ofx .ofx-vf-form button{height:48px;padding:0 22px;border:0;border-radius:var(--ofx-r);background:var(--ofx-tc);color:#fff;font-weight:600;font-size:16px;cursor:pointer}
body.ofx .ofx-vf-form button:hover{background:var(--ofx-tc-d)}
body.ofx .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.ofx .ofx-vf-wait{color:var(--ofx-mute)}
body.ofx .ofx-vf-none{border:1px solid #E9C7B8;background:#FBF1EC;border-radius:var(--ofx-r);padding:14px 16px;font-size:15px;line-height:1.55}
body.ofx .ofx-vf-none p{margin:6px 0 0}
body.ofx .ofx-vf-none a{color:var(--ofx-tc-d);text-decoration:underline}
body.ofx .ofx-vf-list p{margin:0 0 8px;color:var(--ofx-mute)}
body.ofx .ofx-vf-list button{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:12px 14px;margin-bottom:8px;font-size:15px;color:var(--ofx-ink);cursor:pointer;min-height:48px}
body.ofx .ofx-vf-list button:hover{border-color:var(--ofx-tc)}
body.ofx .ofx-vf-list small{display:block;color:var(--ofx-mute);font-size:12px;margin-top:2px}
body.ofx .ofx-vf-card{border:1px solid var(--ofx-line);border-radius:var(--ofx-r);overflow:hidden}
body.ofx .ofx-vf-ok{display:flex;gap:12px;align-items:center;background:#EAF4EC;padding:14px 16px}
body.ofx .ofx-vf-ok svg{width:30px;height:30px;flex:none;fill:none;stroke:#1F7A3A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.ofx .ofx-vf-ok b{display:block;color:#17602D;font-size:16px}
body.ofx .ofx-vf-ok span{font-size:13px;color:#2E5A3A}
body.ofx .ofx-vf-body{display:flex;gap:20px;padding:16px}
body.ofx .ofx-vf-body img{width:160px;height:160px;object-fit:contain;flex:none;border:1px solid var(--ofx-soft);border-radius:var(--ofx-r)}
body.ofx .ofx-vf-body h2{font-size:22px;margin:0 0 10px;text-transform:none!important;font-family:var(--ofx-body)!important;font-weight:700!important;line-height:1.3}
body.ofx .ofx-vf-body dl{margin:0}
body.ofx .ofx-vf-body dl>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--ofx-soft);font-size:14px}
body.ofx .ofx-vf-body dt{color:var(--ofx-mute);font-weight:500}
body.ofx .ofx-vf-body dd{margin:0}
body.ofx .ofx-vf-mute{color:var(--ofx-mute);font-style:italic}
body.ofx .ofx-vf-doc{display:inline-block;margin-top:10px;color:var(--ofx-tc-d);font-weight:600;text-decoration:underline}
body.ofx .ofx-vf-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--ofx-cream);padding:14px 16px}
body.ofx .ofx-vf-cta p{flex:1 1 100%;margin:0 0 4px;font-size:14px;line-height:1.5}
body.ofx .ofx-vf-zalo,body.ofx .ofx-vf-link{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--ofx-r);font-weight:600}
body.ofx .ofx-vf-zalo{background:#0068FF;color:#fff!important}
body.ofx .ofx-vf-link{border:1.5px solid var(--ofx-ink);color:var(--ofx-ink)!important}
body.ofx .ofx-vf-steps,body.ofx .ofx-vf-ch{margin-top:28px}
body.ofx .ofx-vf-steps h2,body.ofx .ofx-vf-ch h2{font-size:24px;margin:0 0 12px}
body.ofx .ofx-vf-steps ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.ofx .ofx-vf-steps li{counter-increment:s;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:14px;font-size:14px;line-height:1.55;color:var(--ofx-ink2)}
body.ofx .ofx-vf-steps li::before{content:counter(s);display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--ofx-tc);color:#fff;font-weight:700;align-items:center;justify-content:center;margin-bottom:8px}
body.ofx .ofx-vf-steps li>b{display:block;color:var(--ofx-ink);margin-bottom:4px;font-size:15px}
body.ofx .ofx-vf-ch ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
body.ofx .ofx-vf-ch a{display:block;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);padding:12px 14px;color:var(--ofx-ink)!important;min-height:44px}
body.ofx .ofx-vf-ch a:hover{border-color:var(--ofx-tc)}
body.ofx .ofx-vf-ch b{display:block;font-size:15px}
body.ofx .ofx-vf-ch span{font-size:13px;color:var(--ofx-mute)}
@media (max-width:767px){
 body.ofx .ofx-vf-hero{padding:18px}
 body.ofx .ofx-vf-hero h1{font-size:28px}
 body.ofx .ofx-vf-body{flex-direction:column;align-items:center}
 body.ofx .ofx-vf-body>div{width:100%}
 body.ofx .ofx-vf-body dl>div{grid-template-columns:96px 1fr}
 body.ofx .ofx-vf-steps ol{grid-template-columns:1fr}
 body.ofx .ofx-vf-ch ul{grid-template-columns:1fr 1fr}
 body.ofx .ofx-vf-zalo,body.ofx .ofx-vf-link{flex:1;justify-content:center}
}
/* Trang gioi thieu */
body.ofx .ofx-ab{max-width:1080px;margin:0 auto 48px;color:var(--ofx-ink);font-size:16px;line-height:1.65}
body.ofx .ofx-ab h2{font-family:var(--ofx-head);text-transform:uppercase;font-weight:800;font-size:32px;line-height:1.1;letter-spacing:.01em;margin:0 0 16px;color:var(--ofx-ink)}
body.ofx .ofx-ab section{margin-top:48px}
body.ofx .ofx-ab section.ofx-ab-hero{margin-top:0;background:var(--ofx-ink);color:#fff;border-radius:10px;padding:48px 48px 44px;position:relative;overflow:hidden}
body.ofx .ofx-ab-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#D9774F,#B4532F 60%,#8E3B24);opacity:.9}
body.ofx .ofx-ab-hero>*{position:relative;z-index:1;max-width:680px}
body.ofx .ofx-ab-kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ofx-peach);margin:0 0 10px}
body.ofx .ofx-ab-hero h1{font-family:var(--ofx-head);text-transform:uppercase;font-weight:800;font-size:52px;line-height:1.02;margin:0 0 16px;color:#fff}
body.ofx .ofx-ab-hero p{color:#EDE6E0;margin:0}
body.ofx .ofx-ab-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
body.ofx .ofx-ab-btn,body.ofx .ofx-ab-btn2{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:var(--ofx-r);font-weight:600}
body.ofx .ofx-ab-btn{background:var(--ofx-tc);color:#fff!important}
body.ofx .ofx-ab-btn:hover{background:var(--ofx-tc-d)}
body.ofx .ofx-ab-btn2{border:1.5px solid rgba(255,255,255,.6);color:#fff!important}
body.ofx .ofx-ab-btn2:hover{border-color:#fff}
body.ofx .ofx-ab-stats{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.ofx .ofx-ab-stats li{background:var(--ofx-cream);border-radius:var(--ofx-r);padding:18px 20px}
body.ofx .ofx-ab-stats b{display:block;font-family:var(--ofx-head);font-size:34px;font-weight:800;line-height:1;color:var(--ofx-tc-d)}
body.ofx .ofx-ab-stats span{font-size:14px;color:var(--ofx-ink2)}
body.ofx .ofx-ab-story p{max-width:760px;margin:0 0 12px;color:var(--ofx-ink2)}
body.ofx .ofx-ab-values ul,body.ofx .ofx-ab-contact ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
body.ofx .ofx-ab-values li{border:1px solid var(--ofx-line);border-left:4px solid var(--ofx-tc);border-radius:var(--ofx-r);padding:18px 20px}
body.ofx .ofx-ab-values b,body.ofx .ofx-ab-contact b{display:block;font-size:17px;margin-bottom:4px;color:var(--ofx-ink)}
body.ofx .ofx-ab-values span,body.ofx .ofx-ab-contact span{display:block;font-size:15px;color:var(--ofx-ink2)}
body.ofx .ofx-ab-brands p{margin:0 0 12px;color:var(--ofx-mute)}
body.ofx .ofx-ab-chips{display:flex;flex-wrap:wrap;gap:8px}
body.ofx .ofx-ab-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--ofx-line);border-radius:999px;color:var(--ofx-ink)!important;font-weight:500;font-size:15px}
body.ofx .ofx-ab-chips a:hover{border-color:var(--ofx-tc);color:var(--ofx-tc-d)!important}
body.ofx .ofx-ab-contact li{background:var(--ofx-soft);border-radius:var(--ofx-r);padding:20px}
body.ofx .ofx-ab-contact span{margin-bottom:10px}
body.ofx .ofx-ab-contact a{display:block;font-weight:600;color:var(--ofx-tc-d)!important;padding:4px 0;min-height:32px}
body.ofx .ofx-ab-contact a[href^="mailto"]{font-size:18px}
body.ofx .ofx-ab-legal dl{margin:0;border:1px solid var(--ofx-line);border-radius:var(--ofx-r);overflow:hidden}
body.ofx .ofx-ab-legal dl>div{display:grid;grid-template-columns:200px 1fr;gap:12px;padding:12px 18px;border-top:1px solid var(--ofx-line);font-size:15px}
body.ofx .ofx-ab-legal dl>div:first-child{border-top:0}
body.ofx .ofx-ab-legal dt{color:var(--ofx-mute);font-weight:500}
body.ofx .ofx-ab-legal dd{margin:0;font-weight:500}
body.ofx .ofx-ab-legal a{color:var(--ofx-tc-d)}
body.ofx .ofx-ab-note{margin-top:24px;font-size:13px;color:var(--ofx-mute);font-style:italic}
@media (max-width:767px){
 body.ofx .ofx-ab section{margin-top:36px}
 body.ofx .ofx-ab section.ofx-ab-hero{padding:28px 20px;border-radius:8px}
 body.ofx .ofx-ab-hero::after{width:180px;height:180px;right:-70px;top:-70px}
 body.ofx .ofx-ab-hero h1{font-size:34px}
 body.ofx .ofx-ab h2{font-size:26px}
 body.ofx .ofx-ab-stats{grid-template-columns:1fr 1fr}
 body.ofx .ofx-ab-stats b{font-size:28px}
 body.ofx .ofx-ab-values ul,body.ofx .ofx-ab-contact ul{grid-template-columns:1fr}
 body.ofx .ofx-ab-legal dl>div{grid-template-columns:1fr;gap:2px}
 body.ofx .ofx-ab-btn,body.ofx .ofx-ab-btn2{flex:1;justify-content:center}
}
/* Gioi thieu: nguoi sang lap, ben trong, doi ngu, chung nhan; Lien he */
body.ofx .ofx-ab img{max-width:100%;height:auto;display:block}
body.ofx .ofx-ab figure{margin:0}
body.ofx .ofx-ab figcaption{font-size:14px;color:var(--ofx-mute);margin-top:8px}
body.ofx .ofx-ab-founder{display:grid;grid-template-columns:340px 1fr;gap:36px;align-items:start;background:var(--ofx-cream);border-radius:10px;padding:32px}
body.ofx .ofx-ab-founder img{border-radius:8px;aspect-ratio:4/5;object-fit:cover;width:100%}
body.ofx .ofx-ab-founder p{color:var(--ofx-ink2);margin:0 0 12px}
body.ofx .ofx-ab-founder .ofx-ab-kicker{color:var(--ofx-tc)}
body.ofx .ofx-ab-sign{margin-top:18px!important;border-top:1px solid var(--ofx-line);padding-top:14px}
body.ofx .ofx-ab-sign b{display:block;font-family:var(--ofx-head);font-size:26px;text-transform:uppercase;color:var(--ofx-ink)}
body.ofx .ofx-ab-sign span{font-size:14px;color:var(--ofx-mute)}
body.ofx .ofx-ab-inside>p{color:var(--ofx-ink2);margin:0 0 16px}
body.ofx .ofx-video{position:relative;margin:0 0 12px;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--ofx-soft)}
body.ofx .ofx-video a,body.ofx .ofx-video img{display:block;width:100%;height:100%;object-fit:cover}
body.ofx .ofx-video iframe,body.ofx .ofx-video video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
body.ofx .ofx-video.tt{aspect-ratio:9/16;max-width:360px;margin-left:auto;margin-right:auto}
body.ofx .ofx-video-ph{cursor:default}
body.ofx .ofx-ab-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.ofx .ofx-ab-gallery img,body.ofx .ofx-ab-team img{border-radius:8px;width:100%;aspect-ratio:4/3;object-fit:cover}
body.ofx .ofx-ab-team img{aspect-ratio:16/9}
body.ofx .ofx-ab-certs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;align-items:start}
body.ofx .ofx-ab-certs figure img{border:1px solid var(--ofx-line);border-radius:6px;aspect-ratio:3/4;object-fit:cover;width:100%}
body.ofx .ofx-ab-bct{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--ofx-line);border-radius:6px;padding:18px;color:var(--ofx-ink)!important;font-weight:600;font-size:15px}
body.ofx .ofx-ab-bct img{width:150px;height:auto}
body.ofx .ofx-ct-quick{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.ofx .ofx-ct-quick a{display:block;height:100%;background:var(--ofx-ink);color:#fff!important;border-radius:8px;padding:20px 22px}
body.ofx .ofx-ct-quick a:hover{background:#3A302B}
body.ofx .ofx-ct-quick b{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ofx-peach)}
body.ofx .ofx-ct-quick span{display:block;font-family:var(--ofx-head);font-size:28px;font-weight:800;margin:4px 0 2px}
body.ofx .ofx-ct-quick small{font-size:13px;color:#D9CFC7}
body.ofx .ofx-ct-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.ofx .ofx-ct-grid li{background:var(--ofx-soft);border-radius:var(--ofx-r);padding:18px}
body.ofx .ofx-ct-grid b{display:block;font-size:16px;margin-bottom:4px}
body.ofx .ofx-ct-grid span{display:block;font-size:14px;color:var(--ofx-ink2);margin-bottom:10px;min-height:42px}
body.ofx .ofx-ct-grid a{font-weight:700;color:var(--ofx-tc-d)!important;font-size:16px;word-break:break-all}
body.ofx .ofx-ab-more{margin-top:14px}
body.ofx .ofx-ab-more a{color:var(--ofx-tc-d);font-weight:600;text-decoration:underline}
body.ofx .ofx-ct{margin-bottom:8px}
body.ofx .ofx-ct-hero{background:var(--ofx-cream);border-radius:10px;padding:36px 40px}
body.ofx .ofx-ct-hero h1{font-family:var(--ofx-head);text-transform:uppercase;font-weight:800;font-size:44px;line-height:1.05;margin:0 0 10px;color:var(--ofx-ink)}
body.ofx .ofx-ct-hero p{margin:0;color:var(--ofx-ink2);max-width:640px}
body.ofx .ofx-ct-hero .ofx-ab-kicker{color:var(--ofx-tc)}
body.ofx .ofx-ct-info dl{margin:0;border:1px solid var(--ofx-line);border-radius:var(--ofx-r)}
body.ofx .ofx-ct-info dl>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:12px 18px;border-top:1px solid var(--ofx-line);font-size:15px}
body.ofx .ofx-ct-info dl>div:first-child{border-top:0}
body.ofx .ofx-ct-info dt{color:var(--ofx-mute)}
body.ofx .ofx-ct-info dd{margin:0;font-weight:500}
body.ofx .ofx-ct-formnote{margin:32px 0 0;font-weight:600}
body.ofx .ofx-ct-wrap{padding-top:16px}
@media (max-width:991px){body.ofx .ofx-ct-grid{grid-template-columns:1fr 1fr}body.ofx .ofx-ab-founder{grid-template-columns:260px 1fr;gap:24px}}
@media (max-width:767px){
 body.ofx .ofx-ab-founder{grid-template-columns:1fr;padding:20px}
 body.ofx .ofx-ab-founder figure{max-width:280px}
 body.ofx .ofx-ab-gallery,body.ofx .ofx-ct-quick,body.ofx .ofx-ct-grid{grid-template-columns:1fr}
 body.ofx .ofx-ab-certs{grid-template-columns:1fr 1fr}
 body.ofx .ofx-ab-bct{grid-column:1/-1}
 body.ofx .ofx-ct-hero{padding:24px 20px}
 body.ofx .ofx-ct-hero h1{font-size:32px}
 body.ofx .ofx-ct-grid span{min-height:0}
 body.ofx .ofx-ct-info dl>div{grid-template-columns:1fr;gap:2px}
}
/* Sua: khoi lien he trong trang Gioi thieu (de len style cu) */
body.ofx .ofx-ab-contact .ofx-ct-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px}
body.ofx .ofx-ab-contact .ofx-ct-quick li{background:none;padding:0;border-radius:0}
body.ofx .ofx-ab-contact .ofx-ct-quick a{display:block;height:100%;padding:20px 22px;font-size:inherit;color:#fff!important;min-height:0}
body.ofx .ofx-ab-contact .ofx-ct-quick b{display:block;font-size:13px;margin:0;letter-spacing:.1em;text-transform:uppercase;color:var(--ofx-peach)}
body.ofx .ofx-ab-contact .ofx-ct-quick span{display:block;font-family:var(--ofx-head);font-size:28px;font-weight:800;margin:4px 0 2px;color:#fff}
body.ofx .ofx-ab-contact .ofx-ct-quick small{color:#D9CFC7}
body.ofx .ofx-ab-contact .ofx-ct-grid{grid-template-columns:repeat(3,1fr)}
body.ofx .ofx-ab-contact .ofx-ct-grid li{padding:18px}
body.ofx .ofx-ab-contact .ofx-ct-grid a{font-size:16px;padding:0;min-height:0}
@media (max-width:991px){body.ofx .ofx-ab-contact .ofx-ct-grid{grid-template-columns:1fr 1fr}}
@media (max-width:767px){body.ofx .ofx-ab-contact .ofx-ct-quick,body.ofx .ofx-ab-contact .ofx-ct-grid{grid-template-columns:1fr}}
/* Mo ta san pham 5 muc (kieu Long Chau) */
body.ofx .rte.ofx-desc-on{max-height:none!important;overflow:visible!important}
body.ofx .rte.ofx-desc-on::after,body.ofx .rte.ofx-desc-on::before{display:none!important}
body.ofx .ofx-desc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start;font-size:16px;line-height:1.7;color:var(--ofx-ink)}
body.ofx .ofx-desc-nav{position:sticky;top:96px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}
body.ofx .ofx-desc-nav a{display:block;padding:14px 18px;font-size:16px;font-weight:500;color:var(--ofx-ink2)!important;border-bottom:1px solid var(--ofx-line);text-decoration:none!important;transition:background .15s}
body.ofx .ofx-desc-nav a:last-child{border-bottom:0}
body.ofx .ofx-desc-nav a:hover{background:var(--ofx-soft)}
body.ofx .ofx-desc-nav a.on{background:var(--ofx-cream);color:var(--ofx-tc-d)!important;font-weight:700;border-left:3px solid var(--ofx-tc);border-bottom-color:transparent;border-radius:8px}
body.ofx .ofx-desc-top{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--ofx-line);margin-bottom:8px;font-size:14px;color:var(--ofx-mute)}
body.ofx .ofx-desc-top div{display:inline-flex;border:1px solid var(--ofx-line);border-radius:999px;padding:3px}
body.ofx .ofx-desc-top button{border:0;background:none;border-radius:999px;padding:6px 14px;font-size:14px;color:var(--ofx-ink2);cursor:pointer;min-height:36px}
body.ofx .ofx-desc-top button[aria-pressed="true"]{background:var(--ofx-ink);color:#fff}
body.ofx .ofx-desc-sec{padding:18px 0 8px;border-bottom:1px solid var(--ofx-soft)}
body.ofx .ofx-desc-sec:last-child{border-bottom:0}
body.ofx .ofx-desc-h{font-family:var(--ofx-body)!important;text-transform:none!important;font-size:22px!important;font-weight:700!important;line-height:1.3;margin:0 0 12px!important;color:var(--ofx-ink)!important;letter-spacing:0!important}
body.ofx .ofx-desc .ofx-desc-sub{font-size:17px!important;font-weight:700;margin:16px 0 6px!important;color:var(--ofx-ink)}
body.ofx .ofx-desc .ofx-desc-sub *{font-size:inherit!important}
body.ofx .ofx-desc p,body.ofx .ofx-desc li{font-size:inherit;line-height:inherit;color:var(--ofx-ink2)}
body.ofx .ofx-desc p{margin:0 0 10px}
body.ofx .ofx-desc ul,body.ofx .ofx-desc ol{margin:0 0 12px;padding-left:22px}
body.ofx .ofx-desc li{margin-bottom:6px}
body.ofx .ofx-desc li::marker{color:var(--ofx-tc)}
body.ofx .ofx-desc strong,body.ofx .ofx-desc b{color:var(--ofx-ink)}
body.ofx .ofx-desc img{max-width:100%;height:auto;border-radius:6px}
body.ofx .ofx-desc table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px}
body.ofx .ofx-desc td,body.ofx .ofx-desc th{border:1px solid var(--ofx-line);padding:6px 10px}
body.ofx .ofx-desc.lg{font-size:19px;line-height:1.75}
body.ofx .ofx-desc.lg .ofx-desc-h{font-size:26px!important}
body.ofx .ofx-desc.lg .ofx-desc-sub{font-size:20px!important}
body.ofx .ofx-desc.lg table{font-size:17px}
@media (max-width:991px){
 body.ofx .ofx-desc{grid-template-columns:1fr;gap:0}
 body.ofx .ofx-desc-nav{position:sticky;top:0;z-index:6;flex-direction:row;overflow-x:auto;background:#fff;border-radius:0;border-bottom:1px solid var(--ofx-line);margin:0 -12px;padding:6px 12px;gap:6px;scrollbar-width:none}
 body.ofx .ofx-desc-nav::-webkit-scrollbar{display:none}
 body.ofx .ofx-desc-nav a{flex:none;border:1px solid var(--ofx-line);border-radius:999px;padding:8px 14px;font-size:14px;white-space:nowrap}
 body.ofx .ofx-desc-nav a:last-child{border-bottom:1px solid var(--ofx-line)}
 body.ofx .ofx-desc-nav a.on{border:1px solid var(--ofx-tc);border-radius:999px}
 body.ofx .ofx-desc-top{margin-top:10px}
 body.ofx .ofx-desc-h{font-size:20px!important}
}
/* Trang SP 2 cot kieu Long Chau */
body.ofx.ofx-pdp .product-right{display:none!important}
@media (min-width:1200px){
 body.ofx.ofx-pdp .details-product>.row>.product-detail-left{flex:0 0 44%!important;max-width:44%!important}
 body.ofx.ofx-pdp .details-product>.row>.details-pro{flex:0 0 56%!important;max-width:56%!important;padding-left:28px!important}
}
@media (min-width:992px){
 body.ofx.ofx-pdp .details-product>.row{align-items:flex-start}
}
body.ofx .ofx-trust{list-style:none;margin:12px 0 14px;padding:12px 0;border-top:1px solid var(--ofx-line);border-bottom:1px solid var(--ofx-line);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.ofx .ofx-trust li{margin:0}
body.ofx .ofx-trust a{display:flex;align-items:center;gap:8px;color:var(--ofx-ink)!important;text-decoration:none!important;min-height:44px;border-radius:6px;padding:4px}
body.ofx .ofx-trust a:hover{background:var(--ofx-soft)}
body.ofx .ofx-trust .ofx-ico{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ofx-cream);display:flex;align-items:center;justify-content:center}
body.ofx .ofx-trust .ofx-ico svg{width:20px;height:20px;fill:none;stroke:var(--ofx-tc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ofx .ofx-trust b{display:block;font-size:13px;font-weight:600;line-height:1.3}
body.ofx .ofx-trust small{display:block;font-size:12px;color:var(--ofx-mute);line-height:1.3}
@media (max-width:480px){body.ofx .ofx-trust{gap:4px}body.ofx .ofx-trust a{flex-direction:column;text-align:center;gap:4px}body.ofx .ofx-trust b{font-size:12px}body.ofx .ofx-trust small{font-size:11px}}
/* Luoi san pham: bo khung vuong cu cua theme, gian cach giua cac o */
body.ofx .product-col{border:0!important;padding:8px!important;display:flex;background:none!important;box-shadow:none!important}
body.ofx .product-col>.item_product_main{width:100%;height:100%;display:flex;flex-direction:column}
body.ofx .row.product-list{margin-left:-8px!important;margin-right:-8px!important;border:0!important}
body.ofx .product-col>.item_product_main:hover{box-shadow:0 6px 18px rgba(43,36,32,.08);border-color:#D9CFC7}
@media (max-width:767px){
 body.ofx .product-col{padding:5px!important}
 body.ofx .row.product-list{margin-left:-5px!important;margin-right:-5px!important}
}

/* ===== Trang thuong hieu ===== */
#ofx-brands{--br-gap:16px;color:var(--ofx-ink);font-family:var(--ofx-body);padding:8px 0 48px}
#ofx-brands h1,#ofx-brands h2,#ofx-brands h3{font-family:var(--ofx-head);color:var(--ofx-ink);letter-spacing:.01em;margin:0}
.ofx-br-hero{background:var(--ofx-cream);border-radius:12px;padding:32px 32px 24px;margin:8px 0 32px}
.ofx-br-eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ofx-tc);margin:0 0 6px}
.ofx-br-hero h1{font-size:40px;line-height:1.1;font-weight:700;display:block!important}
.ofx-br-hero p.ofx-br-lead{font-size:16px;line-height:1.6;color:var(--ofx-ink2);max-width:640px;margin:10px 0 20px}
.ofx-br-search{position:relative;max-width:480px;margin-bottom:16px}
.ofx-br-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ofx-mute);pointer-events:none}
.ofx-br-search input{width:100%;height:48px;border:1px solid var(--ofx-line);border-radius:999px;background:#fff;padding:0 18px 0 44px;font-size:16px;color:var(--ofx-ink)}
.ofx-br-search input:focus{outline:2px solid var(--ofx-tc);outline-offset:1px;border-color:transparent}
.ofx-br-chips{display:flex;flex-wrap:wrap;gap:8px}
.ofx-br-chips button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--ofx-line);background:#fff;color:var(--ofx-ink);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ofx-br-chips button:hover{border-color:var(--ofx-ink2)}
.ofx-br-chips button[aria-pressed="true"]{background:var(--ofx-ink);border-color:var(--ofx-ink);color:#fff}
.ofx-br-chips button small{opacity:.7;margin-left:4px;font-size:12px}
.ofx-br-sec{margin-bottom:40px}
.ofx-br-sec>h2{font-size:28px;font-weight:700;margin-bottom:16px}
.ofx-br-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--br-gap)}
.ofx-br-card{display:flex;flex-direction:column;border:1px solid var(--ofx-line);border-radius:12px;overflow:hidden;background:#fff;color:var(--ofx-ink)!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.ofx-br-card:hover{border-color:var(--ofx-peach);box-shadow:0 10px 28px rgba(43,36,32,.10);transform:translateY(-2px)}
.ofx-br-imgs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:3/2;background:var(--ofx-soft)}
.ofx-br-imgs span{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ofx-br-imgs span:first-child{grid-row:1/3}
.ofx-br-imgs img{width:100%;height:100%;object-fit:contain;padding:8px}
.ofx-br-imgs.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.ofx-br-imgs.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.ofx-br-imgs.n2 span:first-child{grid-row:auto}
.ofx-br-body{padding:14px 16px 16px;border-top:1px solid var(--ofx-line);display:flex;align-items:center;gap:8px}
.ofx-br-body div{flex:1;min-width:0}
.ofx-br-name{display:block;font-family:var(--ofx-head);font-size:22px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofx-br-meta{display:block;font-size:13px;color:var(--ofx-mute);margin-top:2px}
.ofx-br-go{flex:none;width:32px;height:32px;border-radius:50%;background:var(--ofx-soft);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.ofx-br-go svg{width:16px;height:16px}
.ofx-br-card:hover .ofx-br-go{background:var(--ofx-tc);color:#fff}
.ofx-br-az{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:0 0 12px;border-bottom:1px solid var(--ofx-line)}
.ofx-br-az a{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:14px;color:var(--ofx-ink)!important;background:var(--ofx-soft)}
.ofx-br-az a:hover{background:var(--ofx-ink);color:#fff!important}
.ofx-br-list{columns:4;column-gap:32px}
.ofx-br-letter{break-inside:avoid;margin-bottom:20px}
.ofx-br-letter h3{font-size:24px;font-weight:700;color:var(--ofx-tc);border-bottom:1px solid var(--ofx-line);padding-bottom:4px;margin-bottom:6px;scroll-margin-top:64px}
.ofx-br-letter ul{list-style:none;margin:0;padding:0}
.ofx-br-letter a{display:flex;justify-content:space-between;gap:8px;padding:8px 0;font-size:15px;color:var(--ofx-ink)!important;min-height:40px;align-items:center}
.ofx-br-letter a:hover{color:var(--ofx-tc)!important}
.ofx-br-letter a span{font-size:12px;color:var(--ofx-mute);background:var(--ofx-soft);border-radius:999px;padding:2px 8px}
.ofx-br-empty{text-align:center;padding:32px 16px;color:var(--ofx-mute);font-size:15px}
.ofx-br-trust{display:flex;align-items:center;gap:16px;background:var(--ofx-ink);color:#fff;border-radius:12px;padding:20px 24px}
.ofx-br-trust svg{width:32px;height:32px;flex:none;color:var(--ofx-peach)}
.ofx-br-trust p{margin:0;flex:1;font-size:15px;line-height:1.5;color:#fff}
.ofx-br-trust p b{display:block;font-family:var(--ofx-head);font-size:20px}
.ofx-br-trust a{flex:none;background:#fff;color:var(--ofx-ink)!important;border-radius:999px;padding:12px 20px;font-weight:600;font-size:14px}
[hidden].ofx-br-card,.ofx-br-letter li[hidden],.ofx-br-letter[hidden]{display:none!important}
@media(max-width:991px){.ofx-br-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ofx-br-list{columns:3}}
@media(max-width:767px){.ofx-br-hero{padding:24px 16px 18px;border-radius:0;margin:0 -15px 24px}.ofx-br-hero h1{font-size:30px}
 .ofx-br-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ofx-br-name{font-size:18px}.ofx-br-body{padding:10px 12px 12px}.ofx-br-go{display:none}
 .ofx-br-sec>h2{font-size:24px}.ofx-br-list{columns:2;column-gap:20px}.ofx-br-trust{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.ofx-br-card,.ofx-br-card:hover{transition:none;transform:none}}