*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--font-fallback:"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif;--font-text:system-ui,var(--font-fallback);--font-display:system-ui,var(--font-fallback)}
body{margin:0;color:var(--ink,#18181b);background:#fff;font-family:var(--font-text);font-size:13px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;font-synthesis:none}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:var(--font-text);font-style:normal}
button{cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-display)}
p{font-family:var(--font-text);font-style:normal;font-weight:400}
.page-width{width:min(100% - 48px,1440px);margin-inline:auto}
.main-content{min-height:50vh}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 14px;color:#fff;background:#111;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.button{min-height:46px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:-.01em;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(24,24,27,.14)}
.button--primary{color:#fff;background:linear-gradient(180deg,#ff841f,#f56600);box-shadow:0 10px 28px rgba(255,111,0,.26),inset 0 1px 0 rgba(255,255,255,.25)}
.ui-icon{width:1em;height:1em;display:inline-block;flex:0 0 auto;overflow:visible;vertical-align:-.14em;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.button .ui-icon,.section-heading a .ui-icon,.article-card strong .ui-icon{font-size:16px}

/* Sapo compatibility: isolate the retained native commerce widgets while the
   Otoparts visual layer controls the storefront chrome. */
.otoparts-ui-theme .product-card__quick{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;opacity:0;transform:translateY(5px);transition:.18s ease}
.otoparts-ui-theme .product-card:hover .product-card__quick,.otoparts-ui-theme .product-card:focus-within .product-card__quick{opacity:1;transform:none}
.otoparts-ui-theme .product-card__quick .quick-view{padding:8px 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;background:rgba(24,24,27,.72);box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.otoparts-ui-theme #popup-cart,.otoparts-ui-theme #quick-view-product{font-family:var(--font-text);font-size:13px}
.otoparts-ui-theme .d-none{display:none!important}
.otoparts-ui-theme .zoomContainer,.otoparts-ui-theme .zoomWindowContainer{display:none!important}
.otoparts-ui-theme .ajax-load:not(.active),.otoparts-ui-theme .awe-popup:not(.active){display:none!important}
.otoparts-ui-theme .ajax-load.active{position:fixed;z-index:9999;inset:0;width:100%;height:100%;display:grid!important;place-items:center;visibility:visible;opacity:1;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.otoparts-ui-theme .awe-popup.active{position:fixed;z-index:9999;inset:0;width:100%;height:100%;display:grid!important;place-items:center;visibility:visible;opacity:1}
.otoparts-ui-theme #popup-cart.modal,.otoparts-ui-theme #myModal.modal{display:none!important}
.otoparts-ui-theme #popup-cart.modal.in{position:fixed;z-index:1050;inset:0;padding:24px;display:flex!important;align-items:center;justify-content:center;overflow:auto;background:rgba(24,24,27,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.otoparts-ui-theme #popup-cart-desktop{position:relative;width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 48px);margin:auto;overflow:auto;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(24,24,27,.28)}
.otoparts-ui-theme #myModal.modal.in{position:fixed;z-index:1050;inset:0;display:block!important;overflow:auto;background:rgba(24,24,27,.4)}
.otoparts-ui-theme .modal-backdrop{position:fixed;z-index:1040;inset:0;background:#18181b}
.otoparts-ui-theme .modal-backdrop.in{opacity:.42}
.otoparts-ui-theme .bizweb-product-reviews-badge{min-height:18px}
.otoparts-ui-theme .product-card__rating .bizweb-product-reviews-badge{display:flex;align-items:center;min-height:20px}
.otoparts-ui-theme .pdv2{font-family:var(--font-text);font-size:13px}
.otoparts-ui-theme .pdv2__sticky{top:118px}
.article-comments{margin-top:44px;padding:30px;border:1px solid rgba(0,0,0,.08);border-radius:26px;background:#fff;box-shadow:0 16px 48px rgba(24,24,27,.07)}
.article-comments>header span{color:#a34b08;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.article-comments>header h2{margin:7px 0 24px;font-size:30px;letter-spacing:-.035em}
.article-comments__list{display:grid;gap:12px;margin-bottom:24px}
.article-comment{padding:16px 18px;border:1px solid #e4e4e7;border-radius:16px;background:#fafafa}
.article-comment>div{display:flex;justify-content:space-between;gap:16px}.article-comment time{color:#71717a}.article-comment p{margin:8px 0 0;line-height:1.55}
.article-comments__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-comments__form label{display:grid;gap:7px;font-weight:650}.article-comments__form input,.article-comments__form textarea{width:100%;padding:12px 13px;border:1px solid #d4d4d8;border-radius:13px;background:#fafafa;font:400 13px/18px var(--font-text)}.article-comments__message{grid-column:1/-1}.article-comments__form .button{grid-column:1/-1;width:max-content}.article-comments__success{padding:12px 14px;border:1px solid #bae2c6;border-radius:12px;color:#237a43;background:#edf9f0}
@media(max-width:680px){.article-comments{padding:22px}.article-comments__form{grid-template-columns:1fr}.article-comments__message{grid-column:auto}.article-comments__form .button{grid-column:auto;width:100%}}
.standard-page,.search-page{padding:28px 0 80px}.standard-page__content{max-width:980px;margin:20px auto 0;padding:38px;border:1px solid rgba(0,0,0,.08);border-radius:26px;background:#fff;box-shadow:0 16px 48px rgba(24,24,27,.06)}.standard-page__content h1{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.045em}.search-page__header{margin:18px 0 44px;padding:34px;border-radius:26px;background:#f4f4f6}.search-page__header h1{margin:0 0 18px;font-size:clamp(34px,4vw,52px)}.search-page__header form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-page__header input{min-height:48px;padding:0 16px;border:1px solid #d4d4d8;border-radius:999px;background:#fff;font:400 13px var(--font-text)}
@media(max-width:640px){.standard-page__content{padding:24px}.search-page__header{padding:24px}.search-page__header form{grid-template-columns:1fr}.search-page__header .button{width:100%}}

.topbar{color:#fff;background:#18181b;font-size:12px}
.topbar__inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar a{color:#ffb066;font-weight:700}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(0,0,0,.08);background:rgba(246,246,248,.8);box-shadow:0 8px 32px rgba(28,28,30,.06),inset 0 1px 0 rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(160%) blur(28px);backdrop-filter:saturate(160%) blur(28px)}
.header__inner{min-height:72px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:26px}
.header__brand{display:inline-flex;align-items:center}
.header__brand img{width:auto;max-width:100%;max-height:46px;object-fit:contain}
.header__actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.header__action{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:50%;color:#27272a;background:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 12px rgba(0,0,0,.05);transition:color .2s,background .2s,transform .2s}
.header__action:hover,.header__action:focus-visible{color:var(--brand,#ff6f00);background:rgba(255,255,255,.96);transform:translateY(-1px)}
.header__action::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);left:50%;z-index:4;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:rgba(28,28,30,.88);box-shadow:0 8px 24px rgba(0,0,0,.16);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .16s,transform .16s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.header__action:hover::after,.header__action:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.header__cart-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #f7f7f8;border-radius:999px;color:#fff;background:var(--brand,#ff6f00);font-size:10px;font-weight:800;line-height:1}
.header__menu-button{display:none;width:40px;height:40px;padding:10px;border:1px solid rgba(0,0,0,.09);border-radius:50%;background:rgba(255,255,255,.7)}
.header__menu-button span{height:2px;margin:4px 0;display:block;background:#18181b}
.header__nav{min-width:0;justify-self:center}
.header__nav-inner{padding:4px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 4px 18px rgba(0,0,0,.04)}
.header__nav-inner>a,.header__dropdown>summary{position:relative;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;transition:color .18s,background .18s,box-shadow .18s}
.header__nav-inner>a[aria-current="page"],.header__nav-inner>a:hover,.header__dropdown[open]>summary,.header__dropdown>summary:hover{color:#111;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header__dropdown{position:relative}
.header__dropdown>summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none}
.header__dropdown>summary::-webkit-details-marker{display:none}
.header__dropdown-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.07);border-radius:50%;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);transition:transform .18s}
.header__dropdown-icon .ui-icon{width:12px;height:12px;stroke-width:2}
.header__dropdown[open]>summary .header__dropdown-icon{transform:rotate(180deg)}
.header__submenu{position:absolute;z-index:70;top:calc(100% + 12px);left:0;min-width:230px;padding:8px;display:grid;gap:2px;visibility:hidden;opacity:0;border:1px solid rgba(0,0,0,.09);border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(24,24,27,.16),inset 0 1px 0 #fff;transform:translateY(-5px);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.header__submenu--vehicles{width:330px;grid-template-columns:repeat(2,minmax(0,1fr))}
.header__dropdown[open]>.header__submenu,.header__dropdown:hover>.header__submenu,.header__dropdown:focus-within>.header__submenu{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.header__submenu a{padding:10px 11px;border-radius:10px;color:#3f3f46;font-size:12px;font-weight:600;white-space:nowrap}
.header__submenu a:hover,.header__submenu a[aria-current="page"]{color:#111;background:#f2f2f4}

.search-hero{position:relative;isolation:isolate;min-height:620px;display:grid;align-items:center;overflow:hidden;color:#fff;background:#111 var(--hero-image) center/cover no-repeat}
.search-hero__overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.92) 0%,rgba(6,7,8,.72) 46%,rgba(6,7,8,.48) 100%)}
.search-hero__grid{padding-block:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.82fr);align-items:center;gap:72px}
.search-hero__intro{max-width:610px}
.search-hero__intro h1{max-width:620px;margin:0 0 20px;font-family:var(--font-display);font-size:clamp(2.7rem,4.6vw,4.9rem);font-weight:750;line-height:1.01;letter-spacing:-.055em}
.search-hero__description{max-width:570px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.65}
.search-hero__description p{margin:0}
.search-hero__intro>.button{min-width:210px;margin-top:30px}
.fitment-search{padding:28px;border:1px solid rgba(255,255,255,.55);border-radius:26px;color:#18181b;background:rgba(244,244,246,.76);box-shadow:0 32px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(165%) blur(30px);backdrop-filter:saturate(165%) blur(30px)}
.fitment-search__heading h2{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.15;letter-spacing:-.035em}
.fitment-search__keyword{margin-top:24px}
.fitment-search label{display:block;margin-bottom:7px;color:#3f3f46;font-size:13px;font-weight:650}
.search-input{height:50px;display:grid;grid-template-columns:38px 1fr 47px;align-items:center;border:1px solid rgba(63,63,70,.18);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 7px rgba(0,0,0,.04);overflow:hidden}
.search-input>.ui-icon{width:18px;height:18px;justify-self:center;color:#52525b;stroke-width:1.8}
.search-input input{width:100%;height:100%;min-width:0;padding:0 4px 0 0;border:0;outline:0;background:transparent;font-size:13px}
.search-input button{width:38px;height:38px;margin-right:6px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#18181b;font-weight:800}
.search-input button .ui-icon{width:16px;height:16px}
.fitment-search__divider{margin:20px 0 17px;display:flex;align-items:center;gap:12px;color:#71717a;font-size:11px;font-weight:700;letter-spacing:.06em}
.fitment-search__divider::before,.fitment-search__divider::after{content:"";height:1px;flex:1;background:rgba(63,63,70,.18)}
.vehicle-search__fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.select-field select{width:100%;height:46px;padding:0 34px 0 12px;border:1px solid rgba(63,63,70,.18);border-radius:12px;outline:0;color:#27272a;background:rgba(255,255,255,.78);font-size:13px;cursor:pointer}
.select-field select:focus{border-color:var(--hero-accent,#ff6f00);box-shadow:0 0 0 3px rgba(255,111,0,.1)}
.select-field select:disabled{color:#a1a1aa;cursor:not-allowed;background:rgba(244,244,245,.75)}
.vehicle-search__error{margin:10px 0 0;color:#b42318;font-size:.7rem;font-weight:700}
.button--search{width:100%;margin-top:16px;color:#fff;border-color:rgba(255,255,255,.12);background:linear-gradient(180deg,#333336,#18181b);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.button--search:hover{background:var(--hero-accent,#ff6f00)}
.fitment-search__note{margin:14px 0 0;color:#52525b;font-size:12px;text-align:center}
.fitment-search__note a{color:#a34b08;font-weight:800}

.site-footer{padding-top:64px;color:#d4d4d8;background:#18181b}
.footer__grid{padding-bottom:48px;display:grid;grid-template-columns:1.45fr repeat(3,.72fr);gap:56px}
.footer__brand img{max-width:240px;max-height:58px;object-fit:contain;object-position:left center}
.footer__brand>p{max-width:470px;margin:22px 0;color:#a1a1aa;font-size:.83rem;line-height:1.75}
.footer__contact{display:grid;gap:10px;color:#a1a1aa;font-size:.78rem}
.footer__contact-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;line-height:1.55}
.footer__contact-item .ui-icon{width:16px;height:16px;margin-top:1px;color:#ff9a4c;stroke-width:1.9}
.footer__contact-item--phone{color:#ff9a4c;font-weight:800}
.footer__contact-item:hover{color:#fff}
.footer__grid h2{margin:2px 0 18px;color:#fff;font-size:.84rem}
.footer__grid>div:not(:first-child)>a{margin-bottom:11px;display:block;color:#a1a1aa;font-size:.76rem}
.footer__grid>div:not(:first-child)>a:hover{color:#ff9a4c}
.footer__links>a>.ui-icon{width:13px;height:13px;margin-left:3px}
.footer__socials{margin:20px 0 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.footer__social{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#18181b;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(0,0,0,.16);transition:transform .18s,background .18s}
.footer__social:hover{background:#fff;transform:translateY(-2px)}
.social-icon{width:20px;height:20px;display:block}
.footer__bct{width:180px!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;border:0;border-radius:0;color:inherit!important;background:transparent;box-shadow:none}
.footer__bct img{width:180px;height:auto;max-width:100%;object-fit:contain;transition:opacity .18s,transform .18s}
.footer__bct:hover img{opacity:.9;transform:translateY(-1px)}
.footer__bottom{min-height:68px;padding-block:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #343438;color:#71717a;font-size:.68rem}
.contact-dock{position:fixed;z-index:80;right:20px;bottom:20px;display:grid;gap:9px}
.contact-dock__button{position:relative;width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.56);border-radius:16px;color:#fff;background:rgba(28,28,30,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 34px rgba(0,0,0,.24);transition:opacity .2s,visibility .2s,transform .2s;-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px)}
.contact-dock__button:hover,.contact-dock__button:focus-visible{transform:translateY(-2px) scale(1.03)}
.contact-dock__button .ui-icon,.contact-dock__button .social-icon{width:23px;height:23px}
.contact-dock__button--hotline{background:linear-gradient(180deg,#ff841f,#f56600)}
.contact-dock__button--zalo{color:#fff;background:#0068ff}
.contact-dock__button--zalo img{width:36px;height:36px;object-fit:contain}
.contact-dock__button--messenger{background:linear-gradient(145deg,#00b2ff,#8a2be2)}
.contact-dock__button--hotline,.contact-dock__button--zalo,.contact-dock__button--messenger{border-radius:50%}
.contact-dock__button--top{visibility:hidden;opacity:0;background:rgba(28,28,30,.82);transform:translateY(8px)}
.contact-dock__button--top.is-visible{visibility:visible;opacity:1;transform:none}
.contact-dock__button::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 10px);top:50%;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#fff;background:rgba(28,28,30,.9);box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:11px;font-weight:650;white-space:nowrap;visibility:hidden;opacity:0;transform:translate(4px,-50%);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none}
.contact-dock__button:hover::after,.contact-dock__button:focus-visible::after{visibility:visible;opacity:1;transform:translate(0,-50%)}
@media(min-width:992px){
  .template-product .contact-dock{right:auto;left:20px}
  .template-product .contact-dock__button::after{right:auto;left:calc(100% + 10px);transform:translate(-4px,-50%)}
  .template-product .contact-dock__button:hover::after,.template-product .contact-dock__button:focus-visible::after{transform:translate(0,-50%)}
}

.shop-page{padding:56px 0 80px}
.shop-page__header{margin-bottom:34px}
.shop-page__header h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em}
.shop-page__header p{margin:0;color:#71717a}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px}
.product-card{min-width:0;height:100%;border:1px solid rgba(0,0,0,.09);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(255,255,255,.95) inset;overflow:hidden;transition:transform .2s,box-shadow .2s}
.product-card>a{height:100%;display:grid;grid-template-rows:auto 1fr}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(24,24,27,.1)}
.product-card__media{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;background:#f4f4f6;overflow:hidden}
.product-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.product-card:hover .product-card__media img{transform:scale(1.035)}
.product-card__discount{position:absolute;z-index:2;top:12px;left:12px;min-width:42px;padding:6px 8px;border-radius:8px;color:#fff;background:#e65100;font-size:.66rem;font-weight:900;text-align:center;box-shadow:0 6px 14px rgba(230,81,0,.23)}
.product-card__brand{position:absolute;z-index:2;top:12px;right:12px;max-width:calc(100% - 82px);padding:6px 9px;overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:999px;color:#27272a;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 18px rgba(24,24,27,.12);font-size:10px;font-weight:750;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.product-card__placeholder{color:#a1a1aa;font-size:.8rem}
.product-card__body{min-width:0;padding:16px;display:grid;grid-template-rows:68px 26px 58px;align-content:start}
.product-card h2{min-width:0;height:56.7px;max-height:56.7px;margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-size:14px;line-height:1.35;letter-spacing:-.012em;overflow-wrap:anywhere;text-overflow:ellipsis}
.product-card__rating{min-width:0;margin:0;display:flex;align-items:center;align-self:center;gap:5px;overflow:hidden;color:#71717a;font-size:11px;white-space:nowrap}
.product-card__rating b{color:#3f3f46;font-size:11px}
.star-rating{position:relative;color:#d4d4d8;font-size:.74rem;letter-spacing:1px;line-height:1}
.star-rating::before{content:"★★★★★";position:absolute;inset:0;width:var(--rating,0%);overflow:hidden;color:#f59e0b}
.star-rating>span{color:#d4d4d8}
.product-card__pricing{min-width:0;padding-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-self:end;gap:8px;border-top:1px solid #eeeeef}
.product-card__pricing--single{grid-template-columns:minmax(0,1fr)}
.product-card__pricing>div{display:grid;gap:1px}
.product-card__pricing>div:last-child{text-align:right}
.product-card__pricing span{color:#71717a;font-size:10px}
.product-card__pricing strong{overflow:hidden;color:#d84315;font-size:16px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.product-card__pricing s{color:#a1a1aa;font-size:11px;white-space:nowrap}
.pagination{margin-top:42px;display:flex;justify-content:center;gap:8px}
.pagination a,.pagination span{min-width:38px;height:38px;padding:0 12px;display:grid;place-items:center;border:1px solid #dedee2;border-radius:9px;font-size:.75rem}
.pagination .current{color:#fff;border-color:var(--brand,#ff6f00);background:var(--brand,#ff6f00)}
.empty-state{padding:70px 20px;border:1px dashed #d4d4d8;border-radius:16px;color:#71717a;text-align:center}
.search-page__form{max-width:740px;height:54px;margin-bottom:34px;display:flex;border:1px solid #d4d4d8;border-radius:12px;overflow:hidden}
.search-page__form input{min-width:0;padding:0 16px;flex:1;border:0;outline:0}
.search-page__form button{padding:0 24px;border:0;color:#fff;background:var(--brand,#ff6f00);font-weight:800}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.product-detail__media{border-radius:20px;background:#f7f7f8;overflow:hidden}
.product-detail__media img{width:100%;aspect-ratio:1;object-fit:contain}
.product-detail__info h1{margin:8px 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.045em}
.product-detail__vendor{color:#a34b08;font-size:.72rem;font-weight:850;letter-spacing:.12em}
.product-detail__price{margin:20px 0;font-size:1.5rem;font-weight:900}
.product-detail__price s{margin-left:10px;color:#a1a1aa;font-size:1rem;font-weight:500}
.product-detail__description{color:#52525b;line-height:1.75}
.product-form{margin-top:26px;display:grid;gap:14px}
.product-form select,.product-form input[type="number"]{height:48px;padding:0 12px;border:1px solid #d4d4d8;border-radius:10px}
.cart-table{width:100%;border-collapse:collapse}
.cart-table th,.cart-table td{padding:16px 10px;border-bottom:1px solid #e4e4e7;text-align:left}
.cart-table img{width:74px;height:74px;object-fit:contain;background:#f7f7f8}
.cart-actions{margin-top:28px;display:flex;align-items:center;justify-content:flex-end;gap:20px}
.rte{max-width:820px;color:#3f3f46;line-height:1.8}

.section-heading{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.section-heading h2{margin:0 0 5px;font-family:var(--font-display);font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.04em}
.section-heading p{margin:0;color:#63636a;font-family:var(--font-text);font-size:13px;font-weight:400;line-height:16px;letter-spacing:-.005em}
.section-heading>a{min-height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#3f3f46;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.96);font-size:12px;font-weight:700;white-space:nowrap}
.product-section{padding:72px 0}
.product-section--hot{background:linear-gradient(180deg,#fff7ed 0,#fff 72%)}
.product-grid__empty{grid-column:1/-1}

.campaign-section{padding:32px 0 64px;background:#fff}
.campaign-slider{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.5);border-radius:30px;background:#18181b;box-shadow:0 24px 60px rgba(24,24,27,.16),inset 0 1px 0 rgba(255,255,255,.18);overflow:hidden}
.campaign-slider__track{position:absolute;inset:0}
.campaign-slide{position:absolute;inset:0;display:flex;align-items:center;color:#fff;background:#18181b var(--slide-image) center/cover no-repeat;opacity:0;visibility:hidden;transition:opacity .55s ease}
.campaign-slide.is-active{z-index:1;opacity:1;visibility:visible}
.campaign-slide__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.91) 0%,rgba(9,9,11,.67) 44%,rgba(9,9,11,.05) 78%)}
.campaign-slide__content{position:relative;z-index:1;width:100%;height:100%;padding:56px 7% 120px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.campaign-slide__copy{max-width:610px}
.campaign-slide__content h2{max-width:590px;margin:0 0 15px;font-family:var(--font-display);font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:1.04;letter-spacing:-.05em}
.campaign-slide__content p{max-width:520px;margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.55}
.campaign-slide__cta{position:absolute;left:7%;bottom:64px;width:200px;height:48px;padding:0 18px}
.campaign-slider__controls{position:absolute;z-index:3;right:28px;bottom:24px;left:28px;display:flex;align-items:center;justify-content:space-between}
.campaign-slider__controls>div{display:flex;gap:8px}
.campaign-slider__controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:10px;color:#fff;background:rgba(24,24,27,.45);backdrop-filter:blur(8px)}
.campaign-slider__dots button{width:28px;height:5px;border:0;border-radius:99px;background:rgba(255,255,255,.34)}
.campaign-slider__dots button.is-active{background:#ff8a2b}

.collection-showcase{padding:64px 0;border-top:1px solid #eeeeef}
.collection-showcase__cover{position:relative;isolation:isolate;height:320px;padding:44px 52px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.36);border-radius:28px;color:#fff;background:#18181b var(--collection-cover) center/cover no-repeat;box-shadow:0 20px 48px rgba(24,24,27,.12),inset 0 1px 0 rgba(255,255,255,.2);overflow:hidden}
.collection-showcase__cover::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.9),rgba(9,9,11,.55) 54%,rgba(9,9,11,.12))}
.collection-showcase__cover h2{max-width:650px;margin:0 0 8px;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.045em}
.collection-showcase__cover p{max-width:520px;margin:0 0 20px;color:rgba(255,255,255,.78);font-size:14px}
.collection-showcase__cover strong{min-height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.collection-showcase__grid{margin-top:28px}
.collection-showcase__actions{margin-top:28px;display:flex;justify-content:center}
.collection-showcase__actions .button{border-color:#d4d4d8;background:#fff;font-size:12px}
.collection-showcase__actions .button:hover{color:#fff;border-color:#18181b;background:#18181b}

.policy-marquee{width:100%;padding:18px 0;color:#fff;background:#18181b;overflow:hidden}
.policy-marquee__track{width:max-content;display:flex;animation:policy-scroll 34s linear infinite}
.policy-marquee:hover .policy-marquee__track{animation-play-state:paused}
.policy-marquee__set{display:flex}
.policy-marquee article{width:310px;padding:7px 32px;display:flex;align-items:center;gap:14px;border-right:1px solid #3f3f46}
.policy-marquee__symbol{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #4b4b51;border-radius:11px;color:#ff9a4c;font-size:1.15rem;font-weight:900}
.policy-marquee__symbol .ui-icon{width:19px;height:19px}
.policy-marquee article div{display:grid}
.policy-marquee strong{font-size:.76rem}
.policy-marquee small{color:#a1a1aa;font-size:.64rem}
@keyframes policy-scroll{to{transform:translateX(-50%)}}

.blog-editorial{padding:44px 0;background:#f4f4f6}
.blog-editorial__grid{height:clamp(500px,64svh,640px);display:grid;grid-template-columns:8fr 4fr;gap:18px}
.blog-feature,.blog-list{min-width:0;min-height:0;border:1px solid rgba(0,0,0,.09);border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(24,24,27,.06),inset 0 1px 0 rgba(255,255,255,.85);overflow:hidden}
.blog-feature>a{position:relative;height:100%;display:block}
.blog-feature__media{position:absolute;inset:0;background:#e4e4e7;overflow:hidden}
.blog-feature__media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(9,9,11,.5))}
.blog-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-feature:hover .blog-feature__media img{transform:scale(1.025)}
.blog-feature__body{position:absolute;bottom:18px;left:18px;z-index:1;width:min(76%,760px);padding:16px 20px;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#fff;background:rgba(28,28,30,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 32px rgba(0,0,0,.2);-webkit-backdrop-filter:saturate(150%) blur(24px);backdrop-filter:saturate(150%) blur(24px)}
.blog-feature__body>span,.blog-list__item span{color:#ff9a4c;font-size:11px;font-weight:750;letter-spacing:.06em}
.blog-feature h3{margin:6px 0 7px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--font-display);font-size:clamp(21px,1.9vw,30px);line-height:1.16;letter-spacing:-.03em}
.blog-feature p{margin:0 0 12px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:rgba(255,255,255,.76);font-size:13px}
.blog-feature strong,.blog-list__item strong{font-size:12px}
.blog-list{padding:6px 16px;display:grid;grid-template-rows:repeat(5,minmax(0,1fr))}
.blog-list__item{min-height:0;padding:10px 0;border-bottom:1px solid #e4e4e7}
.blog-list__item:last-child{border-bottom:0}
.blog-list__item>a{height:100%;display:grid;grid-template-columns:clamp(94px,8vw,122px) minmax(0,1fr);align-items:center;gap:13px}
.blog-list__item>a>div:last-child{min-width:0}
.blog-list__media{height:min(82px,100%);min-height:64px;border-radius:12px;background:#e4e4e7;overflow:hidden}
.blog-list__media img{width:100%;height:100%;object-fit:cover}
.blog-list__item h3{margin:4px 0 6px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.35;letter-spacing:-.01em}

.breadcrumbs{min-width:0;padding:18px 0;display:flex;align-items:center;gap:8px;overflow:hidden;color:#71717a;font-size:12px;white-space:nowrap}
.breadcrumbs a{transition:color .18s}
.breadcrumbs a:hover{color:var(--brand,#ff6f00)}
.breadcrumbs span:last-child{overflow:hidden;color:#3f3f46;text-overflow:ellipsis}
.breadcrumbs__icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;color:#a1a1aa}
.breadcrumbs__icon .ui-icon{width:13px;height:13px}

.catalog-page{padding-bottom:80px;background:#f7f7f8}
.collection-hero{position:relative;isolation:isolate;height:300px;padding:34px;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.4);border-radius:28px;color:#fff;background:#18181b var(--collection-hero) center/cover no-repeat;box-shadow:0 18px 48px rgba(24,24,27,.14);overflow:hidden}
.collection-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.86),rgba(9,9,11,.46) 58%,rgba(9,9,11,.08))}
.collection-hero__content{max-width:760px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(28,28,30,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.collection-hero__count{margin:0 0 5px;color:#ff9a4c;font-size:11px;font-weight:700;letter-spacing:.05em}
.collection-hero h1{margin:0;font-size:clamp(32px,4.2vw,58px);line-height:1.02;letter-spacing:-.05em}
.collection-hero__description,.collection-hero__content>p:last-child{max-width:650px;margin:9px 0 0;color:rgba(255,255,255,.78);font-size:13px;line-height:18px}
.collection-hero__description p{margin:0}
.collection-sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;color:#71717a}
.collection-sort select{width:100%;height:40px;padding:0 34px 0 12px;border:1px solid rgba(0,0,0,.1);border-radius:12px;outline:0;color:#27272a;background:#fff}
.catalog-grid{position:relative;z-index:1}

.product-page{padding-bottom:80px;background:#f7f7f8}
.product-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:start;gap:46px}
.product-media-column{min-width:0;display:grid;gap:22px}
.product-gallery{position:relative;min-width:0}
.product-gallery__main{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:28px;background:#fff;box-shadow:0 16px 44px rgba(24,24,27,.07);overflow:hidden}
.product-gallery__main img{width:100%;height:100%;object-fit:contain;transition:opacity .18s}
.product-gallery__thumbs{margin-top:12px;padding-bottom:3px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin}
.product-gallery__thumb{width:76px;height:76px;padding:4px;flex:0 0 auto;border:1px solid #dedee2;border-radius:14px;background:#fff;overflow:hidden}
.product-gallery__thumb.is-active{border-color:var(--brand,#ff6f00);box-shadow:0 0 0 2px rgba(255,111,0,.12)}
.product-gallery__thumb img{width:100%;height:100%;object-fit:contain}
.product-panel{position:sticky;top:118px;min-width:0;padding:28px;border:1px solid rgba(255,255,255,.68);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 16px 48px rgba(24,24,27,.08),inset 0 1px 0 rgba(255,255,255,.98);-webkit-backdrop-filter:saturate(165%) blur(28px);backdrop-filter:saturate(165%) blur(28px)}
.product-panel__topline{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a34b08;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.product-panel__topline span:last-child{padding:6px 9px;border-radius:999px;color:#237a43;background:#eaf7ee;letter-spacing:0;text-transform:none}
.product-panel h1{margin:12px 0 13px;font-size:clamp(28px,3.1vw,46px);line-height:1.08;letter-spacing:-.045em}
.product-panel__rating{display:flex;align-items:center;gap:7px;color:#71717a;font-size:12px}
.product-panel__rating b{color:#3f3f46}
.product-panel__price{margin:22px 0 20px;padding:17px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-block:1px solid #ececef}
.product-panel__price strong{color:#d84315;font-size:28px;line-height:1}
.product-panel__price s{color:#a1a1aa;font-size:14px}
.product-panel__price>span{padding:5px 8px;border-radius:999px;color:#b42318;background:#fff0ed;font-size:11px;font-weight:700}
.product-meta{margin:0 0 20px;display:grid;gap:9px}
.product-meta>div{display:grid;grid-template-columns:120px 1fr;gap:14px}
.product-meta dt{color:#71717a}
.product-meta dd{margin:0;color:#27272a;font-weight:600}
.product-buybox{display:grid;gap:9px}
.product-buybox>label{color:#3f3f46;font-weight:650}
.product-buybox>select{width:100%;height:46px;padding:0 38px 0 13px;border:1px solid #d4d4d8;border-radius:13px;outline:0;background:#fff}
.product-buybox__actions{margin-top:5px;display:grid;grid-template-columns:108px 1fr;gap:10px}
.quantity-control{height:44px;display:grid;grid-template-columns:32px 1fr 32px;border:1px solid #d4d4d8;border-radius:999px;background:#fff;overflow:hidden}
.quantity-control button{border:0;background:transparent;font-size:16px}
.quantity-control input{width:100%;border:0;outline:0;text-align:center;-moz-appearance:textfield}
.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.product-buybox__submit{width:100%;height:44px;min-height:44px}
.product-buybox__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
.product-buybox__quick{min-height:44px}
.product-buybox__buy-now{width:100%;min-height:44px;color:#fff;border-color:rgba(255,255,255,.16);background:linear-gradient(180deg,#303034,#18181b);box-shadow:0 8px 22px rgba(24,24,27,.18),inset 0 1px 0 rgba(255,255,255,.16)}
.product-buybox__buy-now:hover{background:linear-gradient(180deg,#3a3a3e,#202024)}
.product-buybox__buy-now:disabled{opacity:.58;cursor:wait;transform:none}
.product-buybox__buy-now.is-loading .ui-icon{animation:icon-pulse .75s ease-in-out infinite alternate}
.product-buybox__error{margin:0;color:#b42318;font-size:11px;line-height:15px}
@keyframes icon-pulse{to{transform:translateX(4px);opacity:.45}}
.product-assurances{margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.product-assurances>div{padding:12px;border:1px solid #e4e4e7;border-radius:14px;background:#fafafa}
.product-assurances strong,.product-assurances span{display:block}
.product-assurances strong{font-size:12px}
.product-assurances span{margin-top:3px;color:#71717a;font-size:10px;line-height:14px}
.product-information{padding:6px 24px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 12px 36px rgba(24,24,27,.06),inset 0 1px 0 rgba(255,255,255,.98);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.product-accordion{border-top:1px solid #e4e4e7}
.product-information>.product-accordion:first-child{border-top:0}
.product-accordion:last-child{border-bottom:1px solid #e4e4e7}
.product-accordion>summary{padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:650;cursor:pointer;list-style:none}
.product-accordion>summary::-webkit-details-marker{display:none}
.product-accordion__icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:rgba(255,255,255,.8);transition:transform .2s}
.product-accordion__icon .ui-icon{width:13px;height:13px}
.product-accordion[open] .product-accordion__icon{transform:rotate(180deg)}
.product-accordion .rte,.product-fitment-advice{max-width:none;margin:0;padding:0 0 22px;overflow:visible;color:#52525b;font-size:14px;line-height:1.75}
.product-description p{margin:0 0 1em;font:inherit}
.product-description h2,.product-description h3,.product-description h4{margin:1.5em 0 .55em;color:#18181b;line-height:1.25}
.product-description h2{font-size:24px}.product-description h3{font-size:20px}.product-description h4{font-size:17px}
.product-description ul,.product-description ol{margin:0 0 1.15em;padding-left:1.4em}
.product-description strong,.product-description b{font-weight:700}.product-description em,.product-description i{font-style:italic}
.product-description a{color:#a34b08;text-decoration:underline;text-underline-offset:3px}
.product-description img{height:auto;margin:18px auto;border-radius:16px}
.product-fitment-advice{display:grid;gap:14px}
.product-fitment-advice p{margin:0}
.product-fitment-advice .button{width:max-content;min-height:40px;padding-inline:18px;color:#18181b;border-color:#dedee2;background:#fff}
.product-accordion a{color:#a34b08;font-weight:650}
.product-reviews{margin-top:72px;padding:34px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);gap:54px;border:1px solid rgba(0,0,0,.08);border-radius:28px;background:#fff;box-shadow:0 16px 48px rgba(24,24,27,.07)}
.product-reviews__eyebrow{color:#a34b08;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.product-reviews h2{margin:8px 0 12px;font-size:34px;line-height:1.08;letter-spacing:-.04em}
.product-reviews__intro>p{max-width:450px;margin:0;color:#71717a;font-size:14px;line-height:20px}
.product-reviews__score{margin-top:26px;display:flex;align-items:center;gap:15px}
.product-reviews__score>strong{font-family:var(--font-display);font-size:46px;line-height:1;letter-spacing:-.05em}
.product-reviews__score>div{display:grid;gap:4px}
.product-reviews__score small{color:#71717a}
.review-form{display:grid;gap:15px}
.review-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.review-form label,.review-rating>span{display:grid;gap:7px;color:#3f3f46;font-weight:650}
.review-form input,.review-form textarea{width:100%;padding:12px 13px;border:1px solid #d4d4d8;border-radius:13px;outline:0;color:#27272a;background:#fafafa;font:400 13px/18px var(--font-text)}
.review-form input{height:44px}
.review-form textarea{min-height:116px;resize:vertical}
.review-form input:focus,.review-form textarea:focus{border-color:var(--brand,#ff6f00);box-shadow:0 0 0 3px rgba(255,111,0,.11);background:#fff}
.review-rating{display:grid;gap:8px}
.review-rating__stars{display:flex;gap:4px}
.review-rating__stars button{width:34px;height:34px;padding:0;border:1px solid #dedee2;border-radius:10px;color:#d4d4d8;background:#fafafa;font-size:20px;line-height:1}
.review-rating__stars button:hover,.review-rating__stars button.is-active{color:#ff9500;border-color:#ffc56f;background:#fff8eb}
.review-form>.button{width:max-content;min-width:160px}
.review-form>small{color:#71717a}
.review-form__success{margin:0;padding:12px 14px;border:1px solid #bae2c6;border-radius:12px;color:#237a43;background:#edf9f0}
.review-form__errors{padding:12px 14px;border:1px solid #fecaca;border-radius:12px;color:#b42318;background:#fff1f2}
.product-related{padding-top:72px}

.blog-page{padding-bottom:80px;background:#f7f7f8}
.blog-page__hero{padding:12px 0 22px}
.blog-page__hero h1{margin:0 0 8px;font-size:clamp(36px,4.4vw,58px);line-height:1;letter-spacing:-.055em}
.blog-page__hero p{max-width:650px;margin:0;color:#71717a;font-size:14px;line-height:19px}
.blog-topics{margin-top:56px;padding:28px;border:1px solid rgba(0,0,0,.08);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 12px 36px rgba(24,24,27,.06),inset 0 1px 0 rgba(255,255,255,.98);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.blog-topics>div{margin-bottom:18px}
.blog-topics>div>span{color:#a34b08;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blog-topics h2{margin:5px 0 0;font-size:26px;letter-spacing:-.035em}
.blog-tags{max-width:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.blog-tags a{padding:9px 13px;border:1px solid #dedee2;border-radius:999px;background:#fff;font-size:12px;white-space:nowrap}
.blog-tags a[aria-current="page"]{color:#fff;border-color:#18181b;background:#18181b}
.blog-page__featured{margin-bottom:22px;border:1px solid rgba(0,0,0,.09);border-radius:28px;background:#fff;box-shadow:0 16px 48px rgba(24,24,27,.08);overflow:hidden}
.blog-page__featured>a{height:clamp(360px,52vh,460px);display:grid;grid-template-columns:1.35fr .85fr}
.blog-page__featured-media{position:relative;min-height:0;background:#e4e4e7;overflow:hidden}
.blog-page__featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-page__featured:hover img{transform:scale(1.02)}
.blog-page__featured-body{padding:clamp(26px,3vw,40px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.blog-page time,.article-card time{color:#a34b08;font-size:11px;font-weight:700;letter-spacing:.05em}
.blog-page__featured h2{margin:9px 0 12px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:clamp(27px,2.7vw,40px);line-height:1.08;letter-spacing:-.045em}
.blog-page__featured p{margin:0 0 20px;color:#71717a;font-size:13px;line-height:18px}
.blog-page__featured strong,.article-card strong{font-size:12px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.article-card{min-width:0;border:1px solid rgba(0,0,0,.09);border-radius:20px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}
.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(24,24,27,.09)}
.article-card>a{height:100%;display:grid;grid-template-rows:auto 1fr}
.article-card__media{position:relative;aspect-ratio:16/10;background:#e4e4e7;overflow:hidden}
.article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.blog-category-tag{position:absolute;z-index:2;top:14px;left:14px;max-width:calc(100% - 28px);padding:7px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.52);border-radius:999px;color:#fff;background:rgba(24,24,27,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px rgba(0,0,0,.14);font-size:10px;font-weight:700;line-height:1;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.article-card:hover img{transform:scale(1.025)}
.article-card__placeholder{width:100%;height:100%;display:grid;place-items:center;color:#a1a1aa;font-weight:700}
.article-card__body{padding:18px;display:flex;align-items:flex-start;flex-direction:column}
.article-card h2{margin:7px 0 9px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:20px;line-height:1.25;letter-spacing:-.025em}
.article-card p{margin:0 0 16px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#71717a;line-height:17px}
.article-card strong{margin-top:auto}

.article-page{padding-bottom:80px;background:#f7f7f8}
.article-page__header{max-width:1040px;margin:34px auto 28px;text-align:center}
.article-page__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:#a34b08;font-size:11px;font-weight:650}
.article-page__header h1{margin:12px 0 15px;font-size:clamp(38px,5.4vw,76px);line-height:1.02;letter-spacing:-.055em}
.article-page__header>p{max-width:760px;margin:0 auto;color:#71717a;font-size:15px;line-height:21px}
.article-page__cover{aspect-ratio:16/7;margin:0;border:1px solid rgba(0,0,0,.08);border-radius:28px;background:#e4e4e7;box-shadow:0 18px 48px rgba(24,24,27,.09);overflow:hidden}
.article-page__cover img{width:100%;height:100%;object-fit:cover}
.article-page__layout{max-width:1160px;margin:44px auto 0;display:grid;grid-template-columns:minmax(0,800px) 300px;align-items:start;justify-content:space-between;gap:48px}
.article-page__content{max-width:none;color:#3f3f46;font-size:15px;line-height:1.75}
.article-page__content h2{margin:2.2em 0 .65em;color:#18181b;font-size:30px;line-height:1.18;letter-spacing:-.035em}
.article-page__content h3{margin:1.8em 0 .55em;color:#18181b;font-size:22px;line-height:1.25}
.article-page__content p{margin:0 0 1.15em;font-size:15px;line-height:1.75}
.article-page__content img{margin:28px auto;border-radius:18px}
.article-page__content a{color:#a34b08;text-decoration:underline;text-underline-offset:3px}
.article-page__content blockquote{margin:28px 0;padding:18px 22px;border-left:3px solid var(--brand,#ff6f00);border-radius:0 14px 14px 0;background:#fff7ed}
.article-page__aside{position:sticky;top:92px;display:grid;gap:14px}
.article-help,.article-recent{padding:20px;border:1px solid rgba(0,0,0,.09);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(24,24,27,.06)}
.article-help h2,.article-recent h2{margin:0 0 9px;font-size:20px;letter-spacing:-.025em}
.article-help p{margin:0 0 16px;color:#71717a;line-height:17px}
.article-help .button{width:100%}
.article-recent>a{padding:12px 0;display:grid;gap:4px;border-top:1px solid #e4e4e7}
.article-recent>a span{color:#a34b08;font-size:10px}
.article-recent>a strong{font-size:12px;line-height:16px}
.article-page__tags{max-width:1160px;margin:38px auto 0;padding-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #dedee2}
.article-page__tags>span{margin-right:4px;color:#71717a}
.article-page__tags a{padding:7px 11px;border:1px solid #dedee2;border-radius:999px;background:#fff;font-size:11px}
.article-related{margin-top:64px;padding-top:32px;border-top:1px solid #dedee2}
.article-related__heading{margin-bottom:18px}
.article-related__controls{display:flex;gap:8px}
.article-related__controls button{width:42px;height:42px;border:1px solid #d4d4d8;border-radius:50%;color:#27272a;background:#fff;font-size:18px;box-shadow:0 5px 16px rgba(24,24,27,.06)}
.article-related__controls button:hover{color:#fff;border-color:#18181b;background:#18181b}
.article-related__controls button:disabled{opacity:.35;cursor:not-allowed}
.article-related__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.article-related__track::-webkit-scrollbar{display:none}
.article-related__track>.article-card{width:calc((100% - 36px)/3);flex:0 0 auto;scroll-snap-align:start}

.about-page,.contact-page{padding-bottom:84px;background:#f7f7f8}
.page-eyebrow{color:#a34b08;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.about-hero{position:relative;isolation:isolate;min-height:540px;padding:64px;display:flex;align-items:center;overflow:hidden;border-radius:32px;color:#fff;background:#111 var(--about-hero-image) center/cover no-repeat;box-shadow:0 24px 70px rgba(24,24,27,.16)}
.about-hero__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.92),rgba(7,7,9,.64) 55%,rgba(7,7,9,.22))}
.about-hero__content{max-width:720px}
.about-hero__content>span{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.about-hero h1{margin:18px 0;font-size:clamp(44px,5.6vw,78px);line-height:.98;letter-spacing:-.06em}
.about-hero p{max-width:620px;margin:0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.7}
.about-hero__actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.about-hero__secondary{color:#fff;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.about-promises{margin-top:18px;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 12px 38px rgba(24,24,27,.06),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.about-promises article{padding:15px;display:grid;grid-template-columns:44px 1fr;gap:13px}
.about-promises article>span,.contact-cards>a>span,.contact-cards>div>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,111,0,.16);border-radius:14px;color:#d8520b;background:#fff7ed;box-shadow:inset 0 1px 0 #fff}
.about-promises .ui-icon,.contact-cards .ui-icon{width:21px;height:21px}
.about-promises strong{display:block;margin-bottom:4px;font-size:14px}
.about-promises p{margin:0;color:#71717a;line-height:17px}
.about-story{padding:94px 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:center;gap:82px}
.about-story h2,.about-values header h2{margin:10px 0 20px;font-size:clamp(36px,4.4vw,60px);line-height:1.02;letter-spacing:-.055em}
.about-story__copy p{margin:0 0 17px;color:#52525b;font-size:15px;line-height:1.75}
.about-story__brand{min-height:360px;padding:46px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(235,235,239,.72));box-shadow:0 22px 60px rgba(24,24,27,.1),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
.about-story__brand img{width:min(100%,420px)}
.about-story__brand>p{max-width:420px;margin:28px 0;color:#52525b;font-size:15px;line-height:1.6}
.about-story__brand>div{display:flex;flex-wrap:wrap;gap:7px}
.about-story__brand>div span{padding:8px 10px;border:1px solid #dedee2;border-radius:999px;background:rgba(255,255,255,.75);font-size:11px}
.about-values{padding:62px;border-radius:32px;color:#fff;background:#18181b;box-shadow:0 22px 60px rgba(24,24,27,.16)}
.about-values header{max-width:850px}
.about-values header .page-eyebrow{color:#ff9a45}
.about-values__grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.about-values__grid article{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.about-values__grid b{color:#ff9a45;font-size:11px;letter-spacing:.1em}
.about-values__grid h3{margin:38px 0 9px;font-size:22px;letter-spacing:-.03em}
.about-values__grid p{margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:19px}
.about-cta{margin-top:22px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(255,255,255,.78);border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(24,24,27,.07),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.about-cta span{color:#a34b08;font-size:11px;font-weight:700;text-transform:uppercase}
.about-cta h2{margin:5px 0 0;font-size:28px;letter-spacing:-.04em}

.contact-hero{max-width:1000px;padding:42px 0 46px}
.contact-hero h1{margin:10px 0 18px;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.065em}
.contact-hero p{max-width:720px;margin:0;color:#71717a;font-size:15px;line-height:1.65}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.contact-cards>a,.contact-cards>div{min-width:0;padding:22px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 12px 36px rgba(24,24,27,.06),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.contact-cards small,.contact-cards strong,.contact-cards p{display:block}
.contact-cards small{margin-bottom:5px;color:#a34b08;font-size:10px;font-weight:700;text-transform:uppercase}
.contact-cards strong{overflow:hidden;font-size:15px;text-overflow:ellipsis}
.contact-cards p{margin:5px 0 0;color:#71717a;line-height:17px}
.contact-layout{margin-top:64px;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(520px,1.25fr);align-items:start;gap:48px}
.contact-guide{position:sticky;top:118px}
.contact-guide h2{margin:9px 0 28px;font-size:36px;line-height:1.08;letter-spacing:-.045em}
.contact-guide ol{margin:0;padding:0;display:grid;gap:9px;list-style:none}
.contact-guide li{padding:15px;display:grid;grid-template-columns:42px 1fr;gap:12px;border:1px solid #e4e4e7;border-radius:16px;background:rgba(255,255,255,.66)}
.contact-guide li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#18181b;font-size:10px;font-weight:700}
.contact-guide li strong{display:block;margin-bottom:4px}
.contact-guide li p{margin:0;color:#71717a;line-height:17px}
.contact-guide__note{margin-top:16px;padding:18px;border-radius:16px;color:#fff;background:#18181b}
.contact-guide__note p{margin:5px 0 0;color:rgba(255,255,255,.65)}
.contact-form-card{padding:34px;border:1px solid rgba(255,255,255,.82);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 18px 52px rgba(24,24,27,.09),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}
.contact-form-card__heading>span{color:#a34b08;font-size:11px;font-weight:700;text-transform:uppercase}
.contact-form-card__heading h2{margin:7px 0;font-size:34px;letter-spacing:-.045em}
.contact-form-card__heading p{margin:0;color:#71717a}
.contact-form{margin-top:26px;display:grid;gap:14px}
.contact-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-form label{display:grid;gap:7px;color:#3f3f46;font-weight:650}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #d4d4d8;border-radius:13px;outline:0;color:#27272a;background:#fafafa;font:400 13px/18px var(--font-text)}
.contact-form input,.contact-form select{height:46px}
.contact-form textarea{min-height:132px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--brand,#ff6f00);box-shadow:0 0 0 3px rgba(255,111,0,.11);background:#fff}
.contact-form>.button{width:max-content;min-width:170px}
.contact-form>small{color:#71717a}
.contact-form__success{margin:0;padding:13px 15px;border:1px solid #bae2c6;border-radius:12px;color:#237a43;background:#edf9f0}
.contact-form__errors{padding:13px 15px;border:1px solid #fecaca;border-radius:12px;color:#b42318;background:#fff1f2}

@media(max-width:1080px){
  .header__inner{grid-template-columns:210px 1fr auto;gap:18px}
  .header__nav-inner>a,.header__dropdown>summary{padding-inline:9px;font-size:12px}
  .search-hero__grid{grid-template-columns:1fr minmax(470px,.9fr);gap:40px}
  .search-hero__intro h1{font-size:3.5rem}
  .footer__grid{gap:36px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-layout{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:24px}
  .product-panel{padding:22px}
  .product-assurances{grid-template-columns:1fr}
  .product-reviews{grid-template-columns:1fr;gap:30px}
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-related__track>.article-card{width:calc((100% - 18px)/2)}
  .article-page__layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}
  .about-hero{padding:48px}
  .about-story{grid-template-columns:minmax(0,1fr) 380px;gap:44px}
  .about-values{padding:44px}
  .contact-layout{grid-template-columns:320px minmax(0,1fr);gap:30px}
}

@media(max-width:820px){
  .page-width{width:min(100% - 32px,720px)}
  .topbar__inner>span{display:none}
  .topbar__inner{justify-content:center}
  .header__inner{min-height:68px;grid-template-columns:42px 1fr auto}
  .header__menu-button{display:block}
  .header__brand{justify-content:center}
  .header__brand img{max-width:190px;max-height:43px}
  .header__actions{gap:10px}
  .header__nav{position:absolute;z-index:60;top:100%;right:0;left:0;visibility:hidden;height:calc(100vh - 68px);opacity:0;background:rgba(24,24,27,.34);transition:opacity .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .site-header.menu-active .header__nav{visibility:visible;opacity:1}
  .header__nav-inner{width:min(88%,380px);height:100%;margin:0;padding:24px;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;border:0;border-radius:0 24px 24px 0;background:rgba(250,250,252,.92);box-shadow:18px 0 50px rgba(0,0,0,.14);transform:translateX(-100%);transition:transform .25s;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
  .site-header.menu-active .header__nav-inner{transform:none}
  .header__nav-inner>a,.header__dropdown>summary{width:100%;padding:14px 10px;border-bottom:1px solid #eeeeef;border-radius:10px;font-size:14px}
  .header__dropdown{width:100%}
  .header__dropdown>summary{justify-content:space-between}
  .header__submenu,.header__submenu--vehicles{position:static;width:100%;min-width:0;padding:4px 0 7px 14px;display:none;grid-template-columns:1fr;visibility:visible;opacity:1;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;pointer-events:auto}
  .header__dropdown[open]>.header__submenu{display:grid}
  .header__submenu a{padding:10px 12px;border-left:1px solid #dedee2;border-radius:0;color:#52525b;font-size:13px}
  .search-hero{min-height:0;background-position:60% center}
  .search-hero__overlay{background:linear-gradient(180deg,rgba(6,7,8,.9),rgba(6,7,8,.67))}
  .search-hero__grid{padding-block:48px;grid-template-columns:1fr;gap:38px}
  .search-hero__intro{max-width:660px}
  .search-hero__intro h1{font-size:clamp(2.6rem,8vw,4rem)}
  .fitment-search{max-width:660px}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-detail{grid-template-columns:1fr;gap:36px}
  .product-layout{grid-template-columns:1fr}
  .product-gallery{position:static}
  .product-panel{position:static;border-radius:22px}
  .blog-tags{max-width:100%;width:100%}
  .blog-page__featured>a{height:auto;grid-template-columns:1fr}
  .blog-page__featured-media{aspect-ratio:16/9;min-height:0}
  .article-page__layout{grid-template-columns:1fr}
  .article-page__aside{position:static;grid-template-columns:1fr 1fr}
  .about-promises{grid-template-columns:1fr}
  .about-story{padding:70px 0;grid-template-columns:1fr}
  .about-story__brand{min-height:300px}
  .about-values__grid{grid-template-columns:1fr}
  .about-values__grid h3{margin-top:20px}
  .about-cta{align-items:flex-start;flex-direction:column}
  .contact-cards{grid-template-columns:1fr}
  .contact-layout{margin-top:48px;grid-template-columns:1fr}
  .contact-guide{position:static}
  .campaign-slider{min-height:480px}
  .campaign-slide__veil{background:linear-gradient(90deg,rgba(9,9,11,.88),rgba(9,9,11,.43))}
  .collection-showcase__cover{padding:36px}
  .blog-editorial__grid{height:auto;grid-template-columns:1fr}
  .blog-feature{height:500px}
  .blog-feature__body{right:18px;width:auto}
}

@media(max-width:560px){
  .page-width{width:calc(100% - 24px)}
  .contact-dock{right:10px;bottom:12px;gap:7px}
  .contact-dock__button{width:44px;height:44px}
  .contact-dock__button::after{display:none}
  .header__brand img{max-width:150px}
  .search-hero__grid{padding-block:38px}
  .search-hero__intro h1{font-size:2.65rem}
  .search-hero__description{font-size:.92rem}
  .button--primary{width:100%}
  .fitment-search{padding:22px 16px;border-radius:18px}
  .fitment-search__heading h2{font-size:1.28rem}
  .vehicle-search__fields{grid-template-columns:1fr}
  .select-field select{height:49px}
  .footer__grid{grid-template-columns:1fr;gap:34px}
  .footer__brand{grid-column:auto}
  .footer__bottom{align-items:flex-start;flex-direction:column;justify-content:center}
  .product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .product-card__body{padding:12px}
  .product-card h2{font-size:.76rem}
  .product-card__pricing strong{font-size:13px}
  .product-card__pricing s{font-size:10px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .section-heading>a{align-self:flex-start}
  .campaign-section{padding:12px 0 54px}
  .campaign-slider{min-height:520px;border-radius:18px}
  .campaign-slide{background-position:58% center}
  .campaign-slide__veil{background:linear-gradient(90deg,rgba(9,9,11,.92),rgba(9,9,11,.58))}
  .campaign-slide__content{padding:42px 24px 128px}
  .campaign-slide__content h2{font-size:2.55rem}
  .campaign-slide__cta{right:auto;bottom:68px;left:24px;width:200px}
  .campaign-slider__controls{right:18px;bottom:18px;left:18px}
  .collection-showcase{padding:54px 0}
  .collection-showcase__cover{height:320px;padding:28px 22px;border-radius:17px}
  .collection-showcase__cover h2{font-size:2.35rem}
  .collection-showcase__grid{margin-top:16px}
  .blog-editorial{padding:48px 0}
  .blog-feature{height:420px}
  .blog-feature__body{right:12px;bottom:12px;left:12px;width:auto;padding:16px}
  .blog-list{padding:4px 12px}
  .blog-list__item>a{grid-template-columns:98px 1fr;gap:11px}
  .blog-list__media{height:72px}
  .collection-hero{height:270px;padding:16px;border-radius:20px}
  .collection-hero__content{width:100%;padding:16px}
  .collection-sort{grid-template-columns:72px 1fr}
  .product-panel{padding:18px}
  .product-information{padding:4px 18px;border-radius:20px}
  .product-panel h1{font-size:30px}
  .product-buybox__actions{grid-template-columns:104px minmax(0,1fr)}
  .quantity-control{width:100%;grid-template-columns:30px 1fr 30px}
  .product-reviews{margin-top:54px;padding:22px;border-radius:22px}
  .product-reviews h2{font-size:29px}
  .product-reviews__score>strong{font-size:40px}
  .review-form__fields{grid-template-columns:1fr}
  .review-form>.button{width:100%}
  .product-related{padding-top:54px}
  .blog-page__hero{padding-top:16px}
  .blog-page__featured>a{min-height:0}
  .blog-page__featured-media{aspect-ratio:4/3;min-height:0}
  .blog-page__featured-body{padding:24px 20px}
  .blog-page__featured h2{font-size:29px}
  .blog-topics{margin-top:42px;padding:20px;border-radius:20px}
  .article-grid{grid-template-columns:1fr}
  .article-page__header{margin-top:22px}
  .article-page__header h1{font-size:40px}
  .article-page__cover{aspect-ratio:4/3;border-radius:20px}
  .article-page__layout{margin-top:30px}
  .article-page__aside{grid-template-columns:1fr}
  .article-page__content,.article-page__content p{font-size:14px}
  .article-page__content h2{font-size:25px}
  .article-related{margin-top:48px}
  .article-related__heading{align-items:center;flex-direction:row}
  .article-related__heading>div:first-child p{display:none}
  .article-related__track>.article-card{width:84%}
  .about-page,.contact-page{padding-bottom:60px}
  .about-hero{min-height:500px;padding:30px 22px;border-radius:22px;background-position:58% center}
  .about-hero__veil{background:linear-gradient(90deg,rgba(7,7,9,.94),rgba(7,7,9,.66))}
  .about-hero h1{font-size:43px}
  .about-hero__actions{align-items:stretch;flex-direction:column}
  .about-hero__actions .button{width:100%}
  .about-promises{padding:8px;border-radius:20px}
  .about-promises article{padding:12px}
  .about-story{padding:56px 0;gap:30px}
  .about-story h2,.about-values header h2{font-size:38px}
  .about-story__brand{min-height:0;padding:30px 22px;border-radius:22px}
  .about-values{padding:34px 22px;border-radius:24px}
  .about-values__grid{margin-top:28px}
  .about-values__grid article{padding:22px}
  .about-cta{padding:26px 22px}
  .about-cta h2{font-size:24px}
  .about-cta .button{width:100%}
  .contact-hero{padding:30px 0 36px}
  .contact-hero h1{font-size:46px}
  .contact-cards>a,.contact-cards>div{padding:18px}
  .contact-guide h2{font-size:31px}
  .contact-form-card{padding:24px 18px;border-radius:22px}
  .contact-form-card__heading h2{font-size:29px}
  .contact-form__row{grid-template-columns:1fr}
  .contact-form>.button{width:100%}
  .cart-table thead{display:none}
  .cart-table tr{padding:14px 0;display:grid;grid-template-columns:82px 1fr;border-bottom:1px solid #e4e4e7}
  .cart-table td{padding:5px;border:0}
  .cart-table td:first-child{grid-row:span 4}
}

@media(min-width:821px) and (max-height:720px){
  .blog-editorial{padding:30px 0}
  .blog-editorial__grid{height:460px}
  .blog-feature__body{padding:14px 16px}
  .blog-feature p{display:none}
  .blog-list__item{padding-block:7px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ==========================================================================
   Ban va 2026-08-16 — dong bo liquid glass + cac muc phan hoi cua khach hang
   ========================================================================== */

/* --- 18. Ep font he thong (fallback Arial) len ca CSS goc cua theme Sapo ---------
   base.scss/style.scss dat font rieng (Roboto) va thang o nhieu trang phu,
   nen phai ghi de o pham vi rong thay vi chi trong khoi Otoparts. */
.otoparts-ui-theme,
.otoparts-ui-theme body,
.otoparts-ui-theme input,
.otoparts-ui-theme select,
.otoparts-ui-theme textarea,
.otoparts-ui-theme button,
.otoparts-ui-theme table,
.otoparts-ui-theme .container,
.otoparts-ui-theme .rte,
.otoparts-ui-theme .title-head,
.otoparts-ui-theme [class*="col-"],
.otoparts-ui-theme [class^="btn"],
.otoparts-ui-theme [class*="form-"]{font-family:var(--font-text)!important}
.otoparts-ui-theme h1,
.otoparts-ui-theme h2,
.otoparts-ui-theme h3,
.otoparts-ui-theme h4,
.otoparts-ui-theme h5,
.otoparts-ui-theme h6{font-family:var(--font-display)!important}
/* Font Awesome van phai giu font rieng, neu khong bieu tuong bien thanh chu. */
.otoparts-ui-theme .fa,
.otoparts-ui-theme [class^="fa-"],
.otoparts-ui-theme [class*=" fa-"]{font-family:FontAwesome!important}

/* --- 3. Product card: sao, so danh gia, nut mua ngay ---------------------- */
.product-card{display:flex;flex-direction:column}
.product-card__link{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;color:inherit;text-decoration:none}
.product-card__actions{padding:0 16px 16px;margin-top:auto}
.product-card__buy{width:100%;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(255,111,0,.28);border-radius:12px;color:#d8520b;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,241,230,.86));box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(216,82,11,.1);font-size:13px;font-weight:650;text-decoration:none;cursor:pointer;transition:background .18s,color .18s,transform .18s,box-shadow .18s;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
.product-card__buy:hover{color:#fff;background:linear-gradient(180deg,#ff841f,#f56600);border-color:transparent;transform:translateY(-1px);box-shadow:0 8px 20px rgba(216,82,11,.26)}
.product-card__buy:disabled{opacity:.6;cursor:progress;transform:none}
.product-card__buy--contact{color:#3f3f46;border-color:rgba(0,0,0,.12);background:rgba(255,255,255,.86)}
.product-card__buy--contact:hover{color:#18181b;background:#fff;box-shadow:0 8px 20px rgba(24,24,27,.12)}
/* 17. Bo hoan toan nut xem nhanh — bam vao cung chi mo trang san pham. */
.product-card__quick{display:none!important}

/* --- 16. Dieu khien slider: prev | dots | next tren cung mot hang --------- */
.campaign-slider__controls{gap:14px;justify-content:center}
.campaign-slider__dots{display:flex;align-items:center;gap:8px}
.campaign-slider__arrow{flex:0 0 auto}

/* --- 15. Nut CTA: logo tron, khong nen, thu gon duoc --------------------- */
.contact-dock{align-items:center;justify-items:center}
.contact-dock__items{display:grid;gap:9px;justify-items:center;transition:opacity .22s ease,transform .22s ease,max-height .28s ease;transform-origin:bottom center}
.contact-dock.is-collapsed .contact-dock__items{max-height:0;opacity:0;transform:scale(.82) translateY(10px);pointer-events:none;overflow:hidden}
.contact-dock__toggle{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#3f3f46;background:rgba(255,255,255,.74);box-shadow:0 6px 18px rgba(24,24,27,.16);cursor:pointer;transition:transform .22s ease,background .18s;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.contact-dock__toggle .ui-icon{width:15px;height:15px;transition:transform .22s ease}
.contact-dock__toggle:hover{background:#fff}
.contact-dock.is-collapsed .contact-dock__toggle .ui-icon{transform:rotate(180deg)}
/* Bo nen dac: chi con logo tron noi tren nen trang, giu bong de con doc duoc. */
.contact-dock__button--hotline,
.contact-dock__button--zalo,
.contact-dock__button--messenger{border:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:drop-shadow(0 4px 10px rgba(24,24,27,.28))}
.contact-dock__button--hotline .ui-icon,
.contact-dock__button--messenger .social-icon{width:44px;height:44px}
.contact-dock__button--hotline .ui-icon{color:#f56600}
.contact-dock__button--messenger .social-icon{color:#0084ff}
.contact-dock__button--zalo img{width:44px;height:44px;border-radius:50%}

/* --- 19. Chia se cuoi bai blog (can giua) -------------------------------- */
.article-page__share{margin:26px 0 8px;padding-top:22px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;gap:12px}
.article-page__share>span{color:#71717a;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.article-share{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.article-share__link{position:relative;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:50%;color:#3f3f46;background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(24,24,27,.08);cursor:pointer;transition:transform .18s,color .18s,box-shadow .18s;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.article-share__link:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,24,27,.16)}
.article-share__link .social-icon,.article-share__link .ui-icon{width:19px;height:19px}
.article-share__link img{width:22px;height:22px;border-radius:50%}
.article-share__link--facebook:hover{color:#1877f2}
.article-share__link--messenger:hover{color:#0084ff}
.article-share__link--copy.is-copied{color:#16a34a;border-color:rgba(22,163,74,.35)}
.article-share__link--copy.is-copied::after{content:"Da sao chep";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:8px;color:#fff;background:rgba(24,24,27,.9);font-size:11px;white-space:nowrap}

/* --- 11. Mo ta danh muc dat duoi phan trang ------------------------------ */
.collection-description{max-width:980px;margin:44px auto 0;padding:34px 38px;border:1px solid rgba(0,0,0,.08);border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 16px 48px rgba(24,24,27,.06),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.collection-description>h2{margin:0 0 18px;font-size:clamp(22px,2.4vw,30px);line-height:1.14;letter-spacing:-.035em}
.collection-description__body{color:#3f3f46;font-size:14px;line-height:1.75}
.collection-description__body h2{margin:26px 0 10px;font-size:20px;line-height:1.25}
.collection-description__body h3{margin:22px 0 8px;font-size:17px;line-height:1.3}
.collection-description__body h4{margin:18px 0 8px;font-size:15px}
.collection-description__body p{margin:0 0 13px;font-size:14px;line-height:1.75}
.collection-description__body ul,.collection-description__body ol{margin:0 0 13px;padding-left:22px}
.collection-description__body li{margin-bottom:6px;line-height:1.7}
.collection-description__body a{color:#d8520b;text-decoration:underline}
.collection-description__body img{max-width:100%;height:auto;border-radius:14px}
.collection-description__body table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px;display:block;overflow-x:auto}
.collection-description__body th,.collection-description__body td{padding:9px 12px;border:1px solid rgba(0,0,0,.08);text-align:left}
.collection-description__body th{background:#f4f4f6;font-weight:650}
@media(max-width:640px){.collection-description{padding:24px 20px;border-radius:20px}}


/* --- 9. Trang gioi thieu -------------------------------------------------- */
.about-story__eyebrow{display:inline-flex;padding:7px 11px;border:1px solid rgba(0,0,0,.09);border-radius:999px;background:rgba(255,255,255,.8);color:#71717a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.about-story__copy .rte{color:#52525b;font-size:15px;line-height:1.75}
.about-story__copy .rte p{margin:0 0 16px;font-size:15px;line-height:1.75}
.about-story__copy .rte h2{margin:26px 0 10px;font-size:24px;line-height:1.2}
.about-story__copy .rte h3{margin:22px 0 8px;font-size:19px;line-height:1.25}
.about-story__copy .rte ul,.about-story__copy .rte ol{margin:0 0 16px;padding-left:22px}
.about-story__copy .rte li{margin-bottom:7px}
.about-story__copy .rte a{color:#d8520b;text-decoration:underline}
.about-story__copy .rte img{max-width:100%;height:auto;border-radius:16px}
.about-story__brand{position:sticky;top:110px;align-self:start;min-height:0}
.about-story__brand img{width:min(100%,320px);height:auto}
@media(max-width:980px){.about-story{grid-template-columns:1fr;gap:32px;padding:48px 0}.about-story__brand{position:static;padding:28px}}
@media(max-width:640px){.about-hero{min-height:420px;padding:28px;border-radius:24px}.about-promises{grid-template-columns:1fr}}

/* --- 10. Trang tai khoan (dang nhap, dang ky...) -------------------------- */
.account-page{padding:26px 0 80px}
.account-page__header{max-width:640px;margin:18px 0 28px}
.account-page__header h1{margin:0 0 10px;font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.04em}
.account-page__header p{margin:0;color:#71717a;font-size:14px;line-height:1.6}
.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}
.account-card{padding:30px;border:1px solid rgba(0,0,0,.08);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 16px 44px rgba(24,24,27,.07),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.account-card--muted{background:rgba(244,244,246,.86)}
.account-card h2{margin:0 0 6px;font-size:21px;line-height:1.2;letter-spacing:-.03em}
.account-card__hint{margin:0 0 20px;color:#71717a;font-size:13px;line-height:1.6}
.account-card__errors{margin:0 0 16px;padding:11px 13px;border:1px solid rgba(220,38,38,.24);border-radius:12px;background:rgba(254,242,242,.9);color:#b91c1c;font-size:13px;display:grid;gap:4px}
.account-field{margin-bottom:15px}
.account-field label{display:block;margin-bottom:7px;color:#3f3f46;font-size:12px;font-weight:650}
.account-field input{width:100%;min-height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:rgba(255,255,255,.94);font:400 13px var(--font-text);transition:border-color .18s,box-shadow .18s}
.account-field input:focus{outline:0;border-color:#f56600;box-shadow:0 0 0 3px rgba(245,102,0,.16)}
.account-card__actions{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.account-card__link{color:#d8520b;font-size:13px;font-weight:600;text-decoration:none}
.account-card__link:hover{text-decoration:underline}
.account-social{margin-top:32px;padding:26px 30px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 0 #fff}
.account-social h2{margin:0 0 16px;font-size:16px;letter-spacing:-.02em}
.account-social__buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(max-width:640px){.account-card{padding:22px;border-radius:20px}.account-social{padding:20px}}

/* --- 14. Trang chinh sach (standard-page) dung chung ngon ngu glass ------ */
.standard-page__content{background:rgba(255,255,255,.9);box-shadow:0 16px 48px rgba(24,24,27,.06),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.standard-page__content.rte{color:#3f3f46;font-size:14px;line-height:1.75}
.standard-page__content h1{margin:0 0 22px}
.standard-page__content h2{margin:30px 0 12px;font-size:23px;line-height:1.22;letter-spacing:-.03em}
.standard-page__content h3{margin:24px 0 10px;font-size:18px;line-height:1.3}
.standard-page__content h4{margin:20px 0 8px;font-size:15px}
.standard-page__content p{margin:0 0 14px;font-size:14px;line-height:1.75}
.standard-page__content ul,.standard-page__content ol{margin:0 0 14px;padding-left:24px}
.standard-page__content li{margin-bottom:7px;line-height:1.7}
.standard-page__content a{color:#d8520b;text-decoration:underline}
.standard-page__content img{max-width:100%;height:auto;border-radius:16px}
.standard-page__content table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px;display:block;overflow-x:auto}
.standard-page__content th,.standard-page__content td{padding:10px 12px;border:1px solid rgba(0,0,0,.08);text-align:left}
.standard-page__content th{background:#f4f4f6;font-weight:650}
.standard-page__content blockquote{margin:0 0 16px;padding:14px 18px;border-left:3px solid #f56600;border-radius:0 14px 14px 0;background:rgba(255,247,237,.8);color:#52525b}

/* --- 5. Khoi danh gia trong tab san pham --------------------------------- */
.pdv2-reviews{padding-top:4px}
.pdv2-rv__summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 20px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.pdv2-rv__score{display:flex;align-items:center;gap:14px}
.pdv2-rv__score-num{font-family:var(--font-display);font-size:38px;font-weight:700;line-height:1;letter-spacing:-.04em;color:#18181b}
.pdv2-rv__stars{color:#f59e0b;font-size:14px;letter-spacing:1px}
.pdv2-rv__score-detail{color:#71717a;font-size:12px}
.pdv2-rv__no-review p{margin:0;color:#71717a;font-size:13px}
.pdv2-rv__write-btn{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;border:1px solid rgba(255,111,0,.3);border-radius:999px;color:#d8520b;background:rgba(255,247,237,.9);font-size:13px;font-weight:650;cursor:pointer;transition:background .18s,color .18s}
.pdv2-rv__write-btn:hover{color:#fff;background:linear-gradient(180deg,#ff841f,#f56600);border-color:transparent}
.pdv2-rv__form-wrap{margin-top:16px;padding:22px;border:1px solid rgba(0,0,0,.08);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(24,24,27,.08)}
.pdv2-rv__form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pdv2-rv__form-head h4{margin:0;font-size:17px;letter-spacing:-.02em}
.pdv2-rv__form-close{width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.05);font-size:19px;line-height:1;cursor:pointer;color:#52525b}
.pdv2-rv__form-close:hover{background:rgba(0,0,0,.1)}

/* --- Trang gio hang: dong bo voi ngon ngu chung -------------------------- */
.template-cart .main-cart-page .cart-page,
.template-cart .cart-mobile .header-cart-content{padding:6px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 16px 44px rgba(24,24,27,.06),inset 0 1px 0 #fff}
.template-cart .main-cart-page table{border-radius:16px;overflow:hidden}
.template-cart .main-cart-page th{background:#f7f7f8;font-weight:650}

/* --- Nhan "khong bat buoc" o o chon dong xe / doi xe (muc 1) ------------- */
.select-field__optional{color:#a1a1aa;font-size:11px;font-weight:400;letter-spacing:0}

/* base.scss cua theme goc dat h1..h6 mau xam dam (#323c3f). Sau khi khoi phuc
   lai cac file CSS nen, mau do de len tieu de nam tren anh bia toi (hero danh
   muc, hero gioi thieu, slide) khien chu bi chim. Cho tieu de ke thua mau tu
   khoi cha de moi section tu quyet dinh, cac rule mau cu the van ghi de duoc. */
.otoparts-ui-theme h1,
.otoparts-ui-theme h2,
.otoparts-ui-theme h3,
.otoparts-ui-theme h4,
.otoparts-ui-theme h5,
.otoparts-ui-theme h6{color:inherit}

/* ==========================================================================
   LOP NEN SAPO — thay the hoan toan base.scss / style.scss / update.scss
   --------------------------------------------------------------------------
   Theme Sapo goc khong con duoc nap. Tat ca markup do Sapo sinh ra (gio hang
   dung Ajax, popup them vao gio, bo loc, breadcrumb, trang tai khoan) truoc
   day song nho CSS do. Phan duoi day cung cap lai dung nhung gi can, theo
   ngon ngu thiet ke rieng cua Otoparts thay vi ke thua giao dien cu.
   ========================================================================== */

/* --- Reset bo sung cho markup cu ---------------------------------------- */
.otoparts-ui-theme table{border-collapse:collapse;border-spacing:0}
.otoparts-ui-theme ul,
.otoparts-ui-theme ol{margin:0;padding:0}
.otoparts-ui-theme fieldset{margin:0;padding:0;border:0;min-width:0}
.otoparts-ui-theme legend{padding:0}
.otoparts-ui-theme i.fa{font-style:normal;line-height:1}

/* --- Luoi/tien ich kieu Bootstrap ma template Sapo con dung -------------- */
.otoparts-ui-theme .container{width:min(100% - 48px,1440px);margin-inline:auto;padding:0}
.otoparts-ui-theme .row{display:flex;flex-wrap:wrap;margin-inline:-12px}
.otoparts-ui-theme [class*="col-xs-"],
.otoparts-ui-theme [class*="col-sm-"],
.otoparts-ui-theme [class*="col-md-"],
.otoparts-ui-theme [class*="col-lg-"]{position:relative;width:100%;min-width:0;padding-inline:12px}
.otoparts-ui-theme .clearfix::after{content:"";display:table;clear:both}
.otoparts-ui-theme .pull-left,.otoparts-ui-theme .pull-xs-left{float:none}
.otoparts-ui-theme .pull-right{float:none}
.otoparts-ui-theme .hidden{display:none!important}
.otoparts-ui-theme .a-center{text-align:center}
.otoparts-ui-theme .a-right{text-align:right}
.otoparts-ui-theme .nobr{white-space:nowrap}
.otoparts-ui-theme .margin-bottom-0{margin-bottom:0}
.otoparts-ui-theme .margin-top-20{margin-top:20px}
.otoparts-ui-theme .margin-bottom-30{margin-bottom:30px}
.otoparts-ui-theme .margin-bottom-40{margin-bottom:40px}
@media(min-width:992px){
  .otoparts-ui-theme .col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}
  .otoparts-ui-theme .col-lg-6{flex:0 0 50%;max-width:50%}
  .otoparts-ui-theme .col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}
  .otoparts-ui-theme .col-lg-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:768px) and (max-width:991px){
  .otoparts-ui-theme .col-md-5{flex:0 0 41.6667%;max-width:41.6667%}
  .otoparts-ui-theme .col-md-7{flex:0 0 58.3333%;max-width:58.3333%}
  .otoparts-ui-theme .col-md-12{flex:0 0 100%;max-width:100%}
}
/* Cac lop hidden-* quyet dinh ban desktop hay mobile duoc hien thi.
   Thieu chung thi gio hang se render CA HAI ban chong len nhau. */
@media(max-width:767px){
  .otoparts-ui-theme .hidden-xs{display:none!important}
}
@media(min-width:768px) and (max-width:991px){
  .otoparts-ui-theme .hidden-sm{display:none!important}
}
@media(min-width:992px) and (max-width:1199px){
  .otoparts-ui-theme .hidden-md{display:none!important}
}
@media(min-width:1200px){
  .otoparts-ui-theme .hidden-lg{display:none!important}
}

/* --- Tieu de trang kieu cu ---------------------------------------------- */
.otoparts-ui-theme .title-head{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.08;letter-spacing:-.04em;text-transform:none}

/* --- Nut & o nhap trong markup Sapo ------------------------------------- */
.otoparts-ui-theme .btn,
.otoparts-ui-theme input[type="submit"].btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#18181b;background:rgba(255,255,255,.9);font-size:13px;font-weight:650;line-height:1;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}
.otoparts-ui-theme .btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(24,24,27,.12)}
.otoparts-ui-theme .btn-primary,
.otoparts-ui-theme .btn-dark,
.otoparts-ui-theme .btn-color{color:#fff;border-color:transparent;background:linear-gradient(180deg,#ff841f,#f56600);box-shadow:0 8px 22px rgba(216,82,11,.24)}
.otoparts-ui-theme .btn-primary:hover,
.otoparts-ui-theme .btn-dark:hover,
.otoparts-ui-theme .btn-color:hover{color:#fff;background:linear-gradient(180deg,#ff8f33,#e65f00)}
.otoparts-ui-theme .form-control{width:100%;min-height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:rgba(255,255,255,.94);color:#18181b;font:400 13px var(--font-text)}
.otoparts-ui-theme .form-control:focus{outline:0;border-color:#f56600;box-shadow:0 0 0 3px rgba(245,102,0,.16)}
.otoparts-ui-theme textarea.form-control{min-height:120px;padding:12px 14px;line-height:1.6}

/* --- Breadcrumb cua snippet Sapo ---------------------------------------- */
.otoparts-ui-theme .breadcrumb{margin:0;padding:16px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;background:none;font-size:12px;color:#71717a}
.otoparts-ui-theme .breadcrumb li{display:flex;align-items:center;gap:8px}
.otoparts-ui-theme .breadcrumb li+li::before{content:"";width:5px;height:5px;border-top:1.5px solid #c4c4c8;border-right:1.5px solid #c4c4c8;transform:rotate(45deg)}
.otoparts-ui-theme .breadcrumb a{color:#71717a}
.otoparts-ui-theme .breadcrumb a:hover{color:#d8520b}
.otoparts-ui-theme .breadcrumb .active,
.otoparts-ui-theme .breadcrumb strong{color:#18181b;font-weight:600}

/* ==========================================================================
   TRANG GIO HANG — markup do api.jquery.custom dung bang Ajax
   ========================================================================== */
.template-cart .wrap_page{display:none}
.template-cart .main-cart-page{padding:8px 0 72px}
.template-cart .cart.page_cart{padding:0}
.template-cart .bg-scroll{border:1px solid rgba(0,0,0,.08);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 44px rgba(24,24,27,.07),inset 0 1px 0 #fff;overflow:hidden;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
/* Dong tieu de va dong san pham dung chung mot luoi 6 cot de cac cot thang hang */
.template-cart .cart-thead,
.template-cart .item-cart{display:grid;grid-template-columns:96px minmax(0,1fr) 130px 132px 140px 56px;align-items:center;gap:14px;padding:14px 18px}
.template-cart .cart-thead{border-bottom:1px solid rgba(0,0,0,.08);background:rgba(244,244,246,.7);color:#52525b;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.template-cart .item-cart{border-bottom:1px solid rgba(0,0,0,.06)}
.template-cart .item-cart:last-child{border-bottom:0}
.template-cart .item-cart .image img{width:78px;height:78px;object-fit:contain;border:1px solid rgba(0,0,0,.07);border-radius:14px;background:#fff;padding:5px}
.template-cart .item-cart .product-name,
.template-cart .item-cart .product-name a{text-align:left;color:#18181b;font-size:13px;font-weight:600;line-height:1.45}
.template-cart .item-cart .product-name a:hover{color:#d8520b}
.template-cart .cart-price,
.template-cart .item-price,
.template-cart .price_end,
.template-cart .price{color:#d8520b;font-size:14px;font-weight:700;white-space:nowrap}
/* O so luong: gop 3 nut thanh mot khoi bo tron */
.template-cart .input_qty_pr,
.template-cart .check_number_here{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden;background:#fff}
.template-cart .btn-minus,
.template-cart .btn-plus,
.template-cart .increase_pop{width:32px;height:36px;display:grid;place-items:center;border:0;background:#f4f4f6;color:#3f3f46;font-size:15px;cursor:pointer;transition:background .15s}
.template-cart .btn-minus:hover,
.template-cart .btn-plus:hover,
.template-cart .increase_pop:hover{background:#e7e7ea}
.template-cart .input-text,
.template-cart .input_pop,
.template-cart .number-sidebar{width:46px;height:36px;border:0;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);text-align:center;font:650 13px var(--font-text);color:#18181b;-moz-appearance:textfield}
.template-cart .input-text::-webkit-inner-spin-button,
.template-cart .input-text::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* Nut xoa dong */
.template-cart .item-cart a[onclick*="remove"],
.template-cart .fa-trash-o{color:#a1a1aa;font-size:15px;transition:color .15s}
.template-cart .item-cart a:hover .fa-trash-o,
.template-cart .fa-trash-o:hover{color:#dc2626}
/* Khu tong tien + hanh dong */
.template-cart .form-cart-button{display:flex;flex-wrap:wrap;gap:10px}
.template-cart .form-cart-continue{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 20px;border:1px solid rgba(0,0,0,.12);border-radius:999px;color:#3f3f46;background:rgba(255,255,255,.9);font-size:13px;font-weight:650}
.template-cart .form-cart-continue:hover{color:#18181b;background:#fff;box-shadow:0 8px 20px rgba(24,24,27,.1)}
.template-cart .total_price,
.template-cart .totals{padding:20px 22px;border:1px solid rgba(0,0,0,.08);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(24,24,27,.06),inset 0 1px 0 #fff}
.template-cart .total_price .price,
.template-cart .totals .price{font-size:22px}
.template-cart .btn-checkout-cart,
.template-cart .btn-proceed-checkout{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:linear-gradient(180deg,#ff841f,#f56600);box-shadow:0 10px 26px rgba(216,82,11,.28);font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s}
.template-cart .btn-checkout-cart:hover,
.template-cart .btn-proceed-checkout:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 32px rgba(216,82,11,.34)}
.template-cart .items-count{color:#71717a;font-size:12px}
/* Ban mobile cua gio hang */
.template-cart .cart-mobile{padding-bottom:64px}
.template-cart .cart-mobile .header-cart-content{padding:6px;border:1px solid rgba(0,0,0,.08);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(24,24,27,.07)}
.template-cart .title_cart_mobile{margin:0 0 12px;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em}
@media(max-width:991px){
  .template-cart .cart-thead{display:none}
  .template-cart .item-cart{grid-template-columns:78px minmax(0,1fr) auto;grid-template-areas:"img name name" "img qty price" "img del del";gap:8px 12px;padding:14px}
  .template-cart .item-cart>.image{grid-area:img}
  .template-cart .item-cart>.a-center:nth-of-type(1){grid-area:name;text-align:left}
}

/* ==========================================================================
   POPUP THEM VAO GIO / QUICK VIEW / POPUP CHUNG
   ========================================================================== */
.otoparts-ui-theme #popup-cart,
.otoparts-ui-theme #quick-view-product,
.otoparts-ui-theme .modal{font-family:var(--font-text)}
.otoparts-ui-theme #popup-cart .popup-cart-content,
.otoparts-ui-theme #quick-view-product .quickview-product{border:1px solid rgba(0,0,0,.08);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(24,24,27,.24),inset 0 1px 0 #fff;overflow:hidden;-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%)}
.otoparts-ui-theme #popup-cart .popup-cart-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.07);background:rgba(244,244,246,.7);font-size:14px;font-weight:700}
.otoparts-ui-theme #popup-cart .popup-cart-body{padding:18px 20px}
.otoparts-ui-theme #popup-cart .popup-cart-footer{padding:14px 20px 18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;border-top:1px solid rgba(0,0,0,.07)}
.otoparts-ui-theme #popup-cart img{border-radius:12px}
.otoparts-ui-theme .close,
.otoparts-ui-theme .popup-cart-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,.06);color:#52525b;font-size:18px;line-height:1;opacity:1;cursor:pointer}
.otoparts-ui-theme .close:hover,
.otoparts-ui-theme .popup-cart-close:hover{background:rgba(0,0,0,.12)}

/* ==========================================================================
   TRANG TAI KHOAN CON LAI (dang ky, don hang, dia chi, doi mat khau)
   ========================================================================== */
.template-customers-register .container,
.template-customers-account .container,
.template-customers-orders .container,
.template-customers-order .container,
.template-customers-addresses .container,
.template-customers-change-password .container,
.template-customers-reset-password .container{padding-block:26px 80px}
.otoparts-ui-theme .page-login,
.otoparts-ui-theme #recover-password,
.otoparts-ui-theme .form-signup,
.otoparts-ui-theme #customer_detail,
.otoparts-ui-theme .account-order,
.otoparts-ui-theme .my-account{font-size:13px;line-height:1.6}
.otoparts-ui-theme .page-login,
.otoparts-ui-theme #customer_detail,
.otoparts-ui-theme .account-order{padding:28px;border:1px solid rgba(0,0,0,.08);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 44px rgba(24,24,27,.07),inset 0 1px 0 #fff}
.otoparts-ui-theme .form-group{margin-bottom:14px}
.otoparts-ui-theme .form-group label{display:block;margin-bottom:6px;color:#3f3f46;font-size:12px;font-weight:650}
.otoparts-ui-theme .color-red,
.otoparts-ui-theme .color.red{color:#b91c1c}
.otoparts-ui-theme .btn-link-style{color:#d8520b;font-size:13px;font-weight:600}
.otoparts-ui-theme .btn-link-style:hover{text-decoration:underline}
/* Bang don hang trong khu tai khoan */
.otoparts-ui-theme .account-order table,
.otoparts-ui-theme .table{width:100%;border-collapse:collapse;font-size:13px}
.otoparts-ui-theme .account-order th,
.otoparts-ui-theme .table th{padding:11px 12px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(244,244,246,.7);text-align:left;font-weight:650}
.otoparts-ui-theme .account-order td,
.otoparts-ui-theme .table td{padding:11px 12px;border-bottom:1px solid rgba(0,0,0,.06)}

/* ==========================================================================
   NOI DUNG RICH TEXT dung chung (mo ta san pham, bai viet, trang tinh)
   ========================================================================== */
.otoparts-ui-theme .rte{color:#3f3f46;font-size:14px;line-height:1.75}
.otoparts-ui-theme .rte p{margin:0 0 14px;font-size:14px;line-height:1.75}
.otoparts-ui-theme .rte h2{margin:28px 0 12px;font-size:22px;line-height:1.22;letter-spacing:-.03em}
.otoparts-ui-theme .rte h3{margin:24px 0 10px;font-size:18px;line-height:1.3}
.otoparts-ui-theme .rte h4{margin:20px 0 8px;font-size:15px}
.otoparts-ui-theme .rte ul,.otoparts-ui-theme .rte ol{margin:0 0 14px;padding-left:24px}
.otoparts-ui-theme .rte li{margin-bottom:7px;line-height:1.7}
.otoparts-ui-theme .rte a{color:#d8520b;text-decoration:underline}
.otoparts-ui-theme .rte strong,.otoparts-ui-theme .rte b{font-weight:700;color:#18181b}
.otoparts-ui-theme .rte img{max-width:100%;height:auto;border-radius:16px}
.otoparts-ui-theme .rte table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px;display:block;overflow-x:auto}
.otoparts-ui-theme .rte th,.otoparts-ui-theme .rte td{padding:10px 12px;border:1px solid rgba(0,0,0,.08);text-align:left}
.otoparts-ui-theme .rte th{background:#f4f4f6;font-weight:650}
.otoparts-ui-theme .rte blockquote{margin:0 0 16px;padding:14px 18px;border-left:3px solid #f56600;border-radius:0 14px 14px 0;background:rgba(255,247,237,.8)}

/* --- 2. Icon mang xa hoi o footer: bo hoan toan nen ---------------------- */
.footer__social{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;color:#ff8a2b}
.footer__social:hover{background:none;transform:translateY(-2px);color:#ff9f52}
.footer__social .social-icon{width:26px;height:26px}
.footer__socials{gap:14px}

/* Script gio hang cua Sapo gan style="width:18%..." truc tiep len tung o (thiet
   ke cho bang cu). Inline style thang moi rule CSS nen phai vo hieu hoa de cac
   track cua grid quyet dinh be ngang. */
.template-cart .cart-thead>*,
.template-cart .item-cart>*{width:auto!important;min-width:0}
.template-cart .item-cart>.image{display:flex;align-items:center;justify-content:center}
.template-cart .item-cart .product-image{display:block;width:78px}
.template-cart .item-cart .image img{width:78px!important;height:78px!important;max-width:none;object-fit:contain}
/* Markup goc xep [input][+][-]; sap lai thanh [-][so][+] cho dung quy uoc. */
.template-cart .input_qty_pr{display:inline-flex;align-items:center}
.template-cart .input_qty_pr .variantID{display:none}
.template-cart .input_qty_pr .btn-minus{order:1}
.template-cart .input_qty_pr .check_number_here{order:2}
.template-cart .input_qty_pr .btn-plus{order:3}

/* Luoi Bootstrap 3 day du (sm>=768, md>=992, lg>=1200). Ban rut gon truoc do
   gioi han col-md-* trong khoang 768-991 nen tren desktop rong moi cot bung
   het chieu ngang — thay ro nhat o form dang ky hai cot. */
.otoparts-ui-theme .col-xs-12{flex:0 0 100%;max-width:100%}
.otoparts-ui-theme .col-xs-6{flex:0 0 50%;max-width:50%}
@media(min-width:768px){
  .otoparts-ui-theme .col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}
  .otoparts-ui-theme .col-sm-6{flex:0 0 50%;max-width:50%}
  .otoparts-ui-theme .col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}
  .otoparts-ui-theme .col-sm-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:992px){
  .otoparts-ui-theme .col-md-3{flex:0 0 25%;max-width:25%}
  .otoparts-ui-theme .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}
  .otoparts-ui-theme .col-md-5{flex:0 0 41.6667%;max-width:41.6667%}
  .otoparts-ui-theme .col-md-6{flex:0 0 50%;max-width:50%}
  .otoparts-ui-theme .col-md-7{flex:0 0 58.3333%;max-width:58.3333%}
  .otoparts-ui-theme .col-md-8{flex:0 0 66.6667%;max-width:66.6667%}
  .otoparts-ui-theme .col-md-9{flex:0 0 75%;max-width:75%}
  .otoparts-ui-theme .col-md-12{flex:0 0 100%;max-width:100%}
}

/* Snippet breadcrumb cua Sapo in lai page_title thanh .title-page, gay trung
   voi <h1> ngay ben duoi. Theme cu an no bang CSS; lam lai tuong tu. */
.otoparts-ui-theme .bread-crumb .title-page{display:none}
.otoparts-ui-theme .bread-crumb{padding:0}
.otoparts-ui-theme .bread-crumb .crumb-border{display:none}
.otoparts-ui-theme .bread-crumb .container{padding:0}

/* Khu tai khoan: gioi han be ngang de o nhap khong keo dai het man hinh. */
.template-customers-register .container,
.template-customers-account .container,
.template-customers-addresses .container,
.template-customers-change-password .container,
.template-customers-reset-password .container{width:min(100% - 48px,980px)}
.otoparts-ui-theme .page-login .row{margin-inline:-8px}
.otoparts-ui-theme .page-login [class*="col-"]{padding-inline:8px}
.otoparts-ui-theme .page-login fieldset.form-group{margin-bottom:14px}
.otoparts-ui-theme .page-login .title-head,
.otoparts-ui-theme .title-head a{color:#18181b}
.otoparts-ui-theme .page-login>#login>.color,
.otoparts-ui-theme #recover-password>.color{display:block;margin-bottom:18px;color:#71717a;font-size:13px}

/* ==========================================================================
   Ban va 2026-08-16 (dot 4)
   ========================================================================== */

/* --- 1. Mui ten slider ra sat hai le, cach 20px, can giua theo chieu doc --- */
.campaign-slider{position:relative}
.campaign-slider__arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:14px;color:#fff;background:rgba(24,24,27,.42);box-shadow:0 10px 28px rgba(0,0,0,.24);cursor:pointer;transition:background .18s,transform .18s;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
.campaign-slider__arrow:hover{background:rgba(24,24,27,.66);transform:translateY(-50%) scale(1.05)}
.campaign-slider__arrow .ui-icon{width:19px;height:19px}
.campaign-slider__arrow--prev{left:20px}
.campaign-slider__arrow--next{right:20px}
/* Hang dieu khien duoi chi con cham tron, tu can giua */
.campaign-slider__controls{right:0;left:0;justify-content:center;gap:0}
@media(max-width:640px){
  .campaign-slider__arrow{width:38px;height:38px}
  .campaign-slider__arrow--prev{left:12px}
  .campaign-slider__arrow--next{right:12px}
}

/* --- 2. Logo mang xa hoi mau that ---------------------------------------- */
/* SVG nhieu mau tu quyet dinh mau fill, khong duoc de currentColor de len. */
/* Khong dat fill qua CSS cho SVG nhieu mau: CSS thang thuoc tinh fill="..."
   cua tung <path>, lam logo mat mau that (Messenger tung bi den kit). */
.footer__social{color:inherit}
.footer__social .social-icon--color{width:28px;height:28px}
.footer__social:hover{opacity:.82;transform:translateY(-2px)}
.contact-dock__button--messenger .social-icon--color{width:44px;height:44px}

/* --- 3. Chu o footer ve 12px dong deu ------------------------------------ */
.site-footer p,
.site-footer a,
.site-footer span,
.site-footer li,
.site-footer small,
footer p,footer a,footer span,footer li,footer small{font-size:12px;line-height:1.6}
.site-footer h2,footer h2{font-size:13px}
.footer__bottom span{font-size:12px}

/* --- 4. Sao danh gia tren product card: gap doi kich thuoc ---------------- */
.product-card__rating{gap:7px;font-size:12px}
.product-card__rating b{font-size:12px}
.product-card .star-rating{font-size:1.48rem;letter-spacing:2px}
/* Hang sao cao hon nen noi rong o luoi cua card de cac card van thang hang. */
.product-card__body{grid-template-rows:68px 34px 58px}

/* --- 5 + 8. Hai nut hanh dong tren product card -------------------------- */
.product-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px;margin-top:auto}
.product-card__btn{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:11px;font-size:12px;font-weight:650;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:background .18s,color .18s,transform .18s,box-shadow .18s;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
.product-card__btn--cart{border:1px solid rgba(0,0,0,.12);color:#27272a;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 0 #fff}
.product-card__btn--cart:hover{color:#18181b;background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(24,24,27,.14)}
.product-card__btn--cart.is-added{color:#15803d;border-color:rgba(22,163,74,.4);background:rgba(240,253,244,.94)}
.product-card__btn--buy{border:1px solid rgba(255,111,0,.3);color:#d8520b;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,241,230,.9));box-shadow:inset 0 1px 0 #fff}
.product-card__btn--buy:hover{color:#fff;border-color:transparent;background:linear-gradient(180deg,#ff841f,#f56600);transform:translateY(-1px);box-shadow:0 8px 20px rgba(216,82,11,.26)}
.product-card__btn--contact{grid-column:1/-1;border:1px solid rgba(0,0,0,.12);color:#3f3f46;background:rgba(255,255,255,.86)}
.product-card__btn:disabled{opacity:.7;cursor:progress;transform:none}
@media(max-width:520px){.product-card__actions{grid-template-columns:1fr}}

/* --- 6. Gia dung font he thong, fallback Arial ---------------------------------- */
/* Tabular figures giup cot gia thang hang giua cac the. */
.product-card__pricing strong,
.product-card__pricing s,
.pdv2-price,
.pdv2-price--current,
.pdv2-price--old,
.pdv2-price__badge,
.cart-price,.item-price,.price_end,.price,
.total_price .price{font-family:var(--font-text)!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.pdv2-price--current{letter-spacing:-.02em}

/* --- 7. Bieu tuong chinh sach kieu duong net --------------------------------- */
.policy-marquee__symbol{border-radius:13px}
.policy-marquee__symbol .ui-icon{width:21px;height:21px;stroke-width:1.6}
.about-promises .ui-icon,.contact-cards .ui-icon{stroke-width:1.6}

/* --- 8. Nut mua trong trang san pham: thap hon, dung liquid glass -------- */
.pdv2-cta{gap:8px;margin-bottom:10px}
.pdv2-btn{min-height:40px;padding:0 14px;gap:7px;border-radius:12px;font-size:13px}
.pdv2-btn .fa{font-size:14px}
.pdv2-btn--cart{border:1px solid rgba(0,0,0,.1);background:linear-gradient(180deg,#26262b,#161619);box-shadow:0 6px 18px rgba(24,24,27,.24),inset 0 1px 0 rgba(255,255,255,.12)}
.pdv2-btn--buy{border:1px solid transparent;box-shadow:0 6px 18px rgba(216,82,11,.26),inset 0 1px 0 rgba(255,255,255,.24)}
.pdv2-btn--hotline{min-height:38px;font-size:12px;border-width:1.5px}
.pdv2-qty__btn{height:34px}
.pdv2-qty__input{height:34px}

/* --- 9. Khoi chia se dung chung (san pham + bai viet) -------------------- */
.pdv2-share{padding-top:14px;border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;gap:10px}
.pdv2-share__label{color:#71717a;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.otoparts-share{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.otoparts-share__link{position:relative;width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:50%;color:#3f3f46;background:rgba(255,255,255,.86);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(24,24,27,.08);cursor:pointer;transition:transform .18s,box-shadow .18s;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.otoparts-share__link:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,24,27,.16)}
.otoparts-share__link .social-icon{width:20px;height:20px}
.otoparts-share__link .ui-icon{width:18px;height:18px}
.otoparts-share__link--copy.is-copied{color:#16a34a;border-color:rgba(22,163,74,.35)}
.otoparts-share__link--copy.is-copied::after{content:"Da sao chep";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:8px;color:#fff;background:rgba(24,24,27,.9);font-size:11px;white-space:nowrap}
/* Snippet social-sharing cu khong con duoc dung o dau; an de tranh sot. */
.pdv2-share .social-media{display:none!important}

/* --- 10. Hai the dang nhap / quen mat khau cao bang nhau ----------------- */
.account-grid{align-items:stretch}
.account-card{display:flex;flex-direction:column}
.account-card__actions{margin-top:auto;padding-top:20px}

/* --- 12. Trang gioi thieu mot cot, anh trong bai nhu bai blog ------------ */
.about-story--single{display:block;padding:64px 0}
.about-story--single .about-story__copy{max-width:860px;margin-inline:auto}
.about-story--single .rte img{display:block;width:100%;max-width:100%;height:auto;margin:22px 0;border-radius:18px}
.about-story--single .rte figure{margin:22px 0}
.about-story--single .rte figcaption{margin-top:8px;color:#71717a;font-size:12px;text-align:center}
@media(max-width:980px){.about-story--single{padding:44px 0}}
/* Nut lien he noi dung logo mau that: bo mau ep tu truoc de gradient hien dung. */
.contact-dock__button--messenger .social-icon--color,
.footer__social .social-icon--color{color:inherit}
.contact-dock__button--messenger{color:inherit}

/* ==========================================================================
   Ban va 2026-08-16 (dot 5)
   ========================================================================== */

/* --- Hover tren thanh menu ro rang hon ---------------------------------- */
/* Muc cap 1: nen dam hon (truoc gan nhu trang tren nen trang, kho thay). */
.header__nav-inner>a:hover,
.header__dropdown>summary:hover{color:#0f0f11;background:rgba(255,138,43,.14);box-shadow:inset 0 0 0 1px rgba(255,138,43,.24)}
.header__nav-inner>a[aria-current="page"],
.header__dropdown[open]>summary{color:#0f0f11;background:rgba(255,255,255,.96);box-shadow:0 2px 8px rgba(0,0,0,.08)}
/* Muc trong menu xo xuong: truoc day gan nhu khong co phan hoi khi ro chuot. */
.header__submenu a{transition:background .16s,color .16s}
.header__submenu a:hover,
.header__submenu a:focus-visible,
.header__submenu a[aria-current="page"]{color:#0f0f11;background:rgba(255,138,43,.16)}
@media(max-width:1024px){
  .header__submenu a:hover,.header__submenu a[aria-current="page"]{background:rgba(255,138,43,.14)}
}

/* --- 3. Mo ta danh muc: thu gon mac dinh, khung 400px ------------------- */
.collection-description{position:relative}
.collection-description__clip{position:relative;overflow:hidden;transition:max-height .32s ease}
.collection-description.is-collapsed .collection-description__clip{max-height:400px}
/* Lop mo dan o day khung cho biet noi dung con tiep. */
.collection-description.is-collapsed .collection-description__clip::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 78%);pointer-events:none}
.collection-description__toggle{margin:18px auto 0;min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#3f3f46;background:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(24,24,27,.07);font:650 13px var(--font-text);cursor:pointer;transition:background .18s,color .18s,transform .18s}
.collection-description__toggle:hover{color:#d8520b;background:#fff;transform:translateY(-1px)}
.collection-description__toggle .ui-icon{width:14px;height:14px;transition:transform .28s ease}
.collection-description:not(.is-collapsed) .collection-description__toggle .ui-icon{transform:rotate(180deg)}
.collection-description{display:flex;flex-direction:column;align-items:stretch}
.collection-description__toggle{align-self:center}

/* --- 2. Tab thong so ky thuat ------------------------------------------- */
.pdv2-specs-rte{font-size:14px;line-height:1.75;color:#3f3f46}
.pdv2-specs-rte table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13px}
.pdv2-specs-rte th,.pdv2-specs-rte td{padding:9px 12px;border:1px solid rgba(0,0,0,.08);text-align:left}
.pdv2-specs-rte th{background:#f4f4f6;font-weight:650}
.pdv2-specs-rte ul,.pdv2-specs-rte ol{margin:0 0 13px;padding-left:22px}
.pdv2-specs-rte li{margin-bottom:6px}
.pdv2-specs-rte p{margin:0 0 12px}
.pdv2-specs-empty{margin:0;color:#71717a;font-size:13px}

/* --- 1. Nut gui danh gia: dong bo mau thuong hieu ------------------------ */
.pdv2-rv__submit{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 20px;border:0;border-radius:999px;color:#fff;background:linear-gradient(180deg,#ff841f,#f56600);box-shadow:0 8px 22px rgba(216,82,11,.26);font:700 13px var(--font-text);cursor:pointer;transition:transform .18s,box-shadow .18s}
.pdv2-rv__submit:hover{background:linear-gradient(180deg,#ff8f33,#e65f00);transform:translateY(-1px);box-shadow:0 12px 28px rgba(216,82,11,.32)}
.pdv2-rv__submit:disabled{opacity:.7;cursor:progress;transform:none}

/* --- 4. Khoi binh luan bai viet ----------------------------------------- */
.article-comments__success{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(22,163,74,.28);border-radius:12px;background:rgba(240,253,244,.9);color:#15803d;font-size:13px}
.article-comments__errors{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(220,38,38,.26);border-radius:12px;background:rgba(254,242,242,.92);color:#b91c1c;font-size:13px}
.article-comments__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-comments__form label{display:grid;gap:6px;color:#3f3f46;font-size:12px;font-weight:650}
.article-comments__message{grid-column:1/-1}
.article-comments__form input,
.article-comments__form textarea{width:100%;min-height:44px;padding:11px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:rgba(255,255,255,.94);font:400 13px var(--font-text);transition:border-color .18s,box-shadow .18s}
.article-comments__form textarea{min-height:120px;line-height:1.6;resize:vertical}
.article-comments__form input:focus,
.article-comments__form textarea:focus{outline:0;border-color:#f56600;box-shadow:0 0 0 3px rgba(245,102,0,.16)}
.article-comments__form .button{grid-column:1/-1;justify-self:start}
@media(max-width:640px){.article-comments__form{grid-template-columns:1fr}}

/* Anh thay the cho bai viet chua co anh dai dien: giu luoi dong deu thay vi
   de o xam trong. (8 bai cua chuyen muc "Loc gio dong co" hien chua co anh.) */
.article-card__fallback,
.blog-page__featured-media .article-card__fallback,
.blog-feature__media .article-card__fallback,
.blog-list__media .article-card__fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#f6f6f8,#e9e9ee)}
.article-card__fallback img{width:min(58%,190px);height:auto;opacity:.5}
.blog-feature__media .article-card__fallback img{width:min(38%,240px)}
.blog-list__media .article-card__fallback img{width:min(74%,110px)}
/* --- 20. Trang danh muc: bo loc cot trai ---------------------------------
   Thay cho panel dropdown truoc day. Cot loc dung yen ben trai, cac nhom xep
   doc tu tren xuong va khong co khung bao ngoai - chi mot duong ke mo ngan
   cach giua cac nhom, de mat doc thang mot mach tu tren xuong.
   Duoi 1024px cot nay thanh ngan keo tu trai, mo bang nut "Bộ lọc". */
.catalog-layout{margin:18px 0 0;display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:28px}
.catalog-sidebar{position:sticky;top:96px}
.catalog-main{min-width:0}

.catalog-filter{display:flex;flex-direction:column;gap:22px}
.catalog-filter__head{display:none;align-items:center;justify-content:space-between}
.catalog-filter__title{margin:0;font-size:15px;font-weight:700}
.catalog-filter__close{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:#fff;color:#3f3f46;cursor:pointer}
.catalog-filter__close .ui-icon{width:14px;height:14px}

.catalog-filter__selected{padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.09)}
/* "Đang chọn" va "Bỏ hết" la hai dau cua mot hang flex nen luon dan sat le
   trai va le phai cua cot loc du chieu rong cot co thay doi. */
.catalog-filter__selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.catalog-filter__selected-title{color:#18181b;font-size:13px;font-weight:700}
.catalog-filter__clear{padding:0;border:0;background:none;color:#d8520b;font-size:12px;font-weight:650;cursor:pointer}
.catalog-filter__clear:hover{text-decoration:underline}
.catalog-filter__chips{margin:11px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}
.catalog-filter__chip{max-width:100%;padding:6px 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(245,102,0,.32);border-radius:999px;background:rgba(245,102,0,.08);color:#a34b08;font-size:12px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer}
.catalog-filter__chip:hover{border-color:rgba(245,102,0,.6);background:rgba(245,102,0,.14)}

/* Khong khung, khong nen: moi nhom chi la tieu de + danh sach, ngan cach nhau
   bang mot duong ke mo. Nhom cuoi bo duong ke de khong thua mot net treo. */
.filter-group{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.09)}
.filter-group:last-child{padding-bottom:0;border-bottom:0}
.filter-group__title{margin:0 0 12px;color:#18181b;font-size:13px;font-weight:700;letter-spacing:-.01em}
.filter-group__list{margin:0;padding:0;display:flex;flex-direction:column;gap:11px;list-style:none}
/* Nhom nhieu muc (hang xe, loai) cuon trong nhom thay vi keo dai cot loc. */
.filter-group__list--scroll{max-height:264px;padding-right:4px;overflow-y:auto}
.filter-group__list--scroll::-webkit-scrollbar{width:6px}
.filter-group__list--scroll::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(0,0,0,.16)}
.filter-group__item{margin:0}
.filter-group__item label{display:flex;align-items:center;gap:9px;color:#3f3f46;font-size:13px;line-height:18px;cursor:pointer}
.filter-group__item label:hover{color:#18181b}
.filter-group__item input[type="checkbox"]{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:var(--brand,#ff6f00);cursor:pointer}
.filter-group__stars{display:flex;align-items:center;gap:8px}
.filter-group__stars .star-rating{font-size:1.05rem;letter-spacing:1.5px}
.filter-group__stars-text{color:#52525b;font-size:12px}
.filter-group__note{margin:10px 0 0;color:#a1a1aa;font-size:11px;line-height:15px}

.catalog-toolbar{margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.catalog-toolbar__filter{display:none;min-height:40px;padding:0 18px;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff;font-size:13px;font-weight:650;cursor:pointer}
.catalog-main__count{margin:0 0 14px;color:#71717a;font-size:13px}
/* Khi ajax dang chay thi lam mo luoi cu thay vi de trang trong nhay giat. */
.category-products.is-loading{opacity:.45;transition:opacity .15s;pointer-events:none}
.catalog-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* The bi bo loc sao an di - can khai bao vi .product-card co display rieng. */
.product-card[hidden]{display:none}

@media(max-width:1280px){
  .catalog-layout{grid-template-columns:224px minmax(0,1fr);gap:22px}
}
@media(max-width:1080px){
  .catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
  .catalog-layout{grid-template-columns:1fr}
  .catalog-toolbar__filter{display:inline-flex}
  .catalog-filter__head{display:flex}
  /* Ngan keo: nam ngoai man hinh cho toi khi bam "Bộ lọc". */
  .catalog-sidebar{position:fixed;z-index:70;top:0;bottom:0;left:0;width:min(86%,320px);padding:20px;overflow-y:auto;background:#fff;box-shadow:18px 0 50px rgba(0,0,0,.16);transform:translateX(-100%);transition:transform .25s;visibility:hidden}
  .catalog-layout.is-filter-open .catalog-sidebar{transform:none;visibility:visible}
  .catalog-layout.is-filter-open::before{content:"";position:fixed;z-index:69;inset:0;background:rgba(24,24,27,.34)}
  .catalog-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .catalog-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .catalog-main .product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .catalog-toolbar{flex-wrap:wrap;gap:10px}
  .collection-sort{grid-template-columns:72px 1fr}
}
@media(prefers-reduced-motion:reduce){
  .catalog-sidebar{transition:none}
}