/*
Theme Name: Flatsome Child
Description: Child theme Phụ kiện ô tô Huy Tiến Dũng (sáng / đen / đỏ)
Author: UX Themes
Template: flatsome
Version: 4.5
*/

/* ===== TOKENS ===== */
:root{
  --htd-bg:#F2F2F4; --htd-white:#FFFFFF; --htd-soft:#F4F4F6; --htd-soft2:#E9E9EC;
  --htd-line:#E4E4E8; --htd-line2:#DCDCE1; --htd-line3:#CFCFD5;
  --htd-ink:#141416; --htd-black:#0B0B0C; --htd-text:#141416; --htd-body-text:#3A3A40;
  --htd-muted:#6A6A72; --htd-muted2:#5E5E66; --htd-muted3:#8A8A92;
  --htd-red:#C8102E; --htd-red-dark:#A50D26; --htd-red-light:#FF4A5C; --htd-red-tint:#FCE8EB;
  --htd-head:'Barlow Condensed',sans-serif; --htd-body:'Be Vietnam Pro',sans-serif;
}

/* ===== BASE ===== */
html,body,#wrapper,#main,.page-wrapper,.shop-container,.product-main,.product-footer,.category-page-row{background:var(--htd-bg)!important;color:var(--htd-text)}
body,p,input,select,textarea,button,.nav>li>a,.button,.price{font-family:var(--htd-body)!important}
h1,h2,h3,h4,h5,h6,.heading-font,.product-title,.page-title,.section-title{color:var(--htd-text)}
h1,h2,h3,.section-title-main,.page-title{font-family:var(--htd-head)!important;font-weight:700;letter-spacing:.02em}
a{color:var(--htd-text)} a:hover{color:var(--htd-red)}
.is-divider{background:var(--htd-red)}
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=password],select,textarea{
  background:#F6F6F8!important;border:1px solid var(--htd-line2)!important;color:var(--htd-text)!important;border-radius:10px!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:var(--htd-muted3)}
.button.primary,button.primary,.button.alt,.checkout-button,input[type=submit]{background:var(--htd-red)!important;border-color:var(--htd-red)!important;color:#fff!important;border-radius:10px!important;text-transform:none;font-weight:600}
.button.primary:hover,input[type=submit]:hover{background:var(--htd-red-dark)!important}
.breadcrumbs,.woocommerce-breadcrumb,.woocommerce-result-count{color:var(--htd-muted)!important}
.page-title-inner,.shop-page-title{background:var(--htd-white)}

/* ===== TOP BAR ===== */
#top-bar,.header-top{background:var(--htd-black)!important;border-bottom:0;color:#B8B8BE!important;font-size:13px}
#top-bar .html_topbar_left,#top-bar .html_topbar_right{color:#B8B8BE;text-transform:none;letter-spacing:0;font-size:13px}
.htd-topbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:#B8B8BE}
.htd-topbar a{color:#B8B8BE!important}
.htd-topbar a:hover{color:#fff!important}
.htd-hotline,.htd-topbar a.htd-hotline,.htd-footer-grid a.htd-hotline{color:var(--htd-red-light)!important;font-weight:600}
.htd-topbar a.htd-hotline:hover,.htd-footer-grid a.htd-hotline:hover{color:#fff!important}

/* ===== HEADER MAIN ===== */
#masthead,.header-main,.header-wrapper,.header-bg-color{background:var(--htd-white)!important}
.header-main{border-bottom:0}
#logo a{display:flex!important;align-items:center;gap:12px;text-decoration:none}
#logo a::before{content:"HTD";flex:none;width:48px;height:48px;border-radius:10px;background:var(--htd-red);display:flex;align-items:center;justify-content:center;font-family:var(--htd-head);font-weight:800;font-size:22px;color:#fff;letter-spacing:0}
#logo a{font-family:var(--htd-head)!important;font-weight:800!important;font-size:24px!important;letter-spacing:.04em;color:var(--htd-ink)!important;text-transform:uppercase;line-height:1.1;position:relative;padding-bottom:12px}
#logo a::after{content:"AUTO ACCESSORIES";position:absolute;left:60px;bottom:4px;font-family:var(--htd-body);font-size:10px;letter-spacing:.28em;color:var(--htd-red);font-weight:600}
#logo .logo-tagline{display:none}
.header-search-form{flex:1}
.header-search-form .searchform{border-radius:10px;overflow:hidden}
.header-search-form input.search-field{height:48px!important;background:var(--htd-soft)!important;border:1px solid var(--htd-line2)!important;border-right:0!important;border-radius:10px 0 0 10px!important;padding:0 18px!important;font-size:14px}
.header-search-form .searchform .button.icon{height:48px;width:52px;background:var(--htd-red)!important;border-radius:0 10px 10px 0!important;margin:0;color:#fff!important}
.header-main .nav>li>a.icon,.header-main .header-account-title,.header-main .cart-icon,.header-main .account-item>a,.header-main .header-cart-link,.header-main .icon-user,.header-main .icon-shopping-basket{color:var(--htd-ink)!important}
.header-main .account-item>a,.header-main .cart-item>a{width:44px;height:44px;min-height:44px;border:1px solid #E0E0E5;border-radius:10px;background:var(--htd-white);justify-content:center;padding:0!important}
.header-main .account-item>a i,.header-main .account-item>a .icon-user{font-size:18px}
.header-main .header-divider{display:none}
.cart-icon strong{border-color:var(--htd-ink)!important;color:var(--htd-ink)}
.cart-icon strong::after{border-color:var(--htd-ink)!important}
.cart-icon:hover strong,.current-dropdown .cart-icon strong{background:var(--htd-red)!important;border-color:var(--htd-red)!important;color:#fff}
.nav-dropdown{background:var(--htd-white)!important;border:1px solid var(--htd-line)!important;color:var(--htd-text)}
.nav-dropdown li a,.widget_shopping_cart a{color:var(--htd-text)!important}
.mobile-nav .nav-icon,.header-main .icon-menu{color:var(--htd-ink)!important}

/* ===== HEADER BOTTOM (NAV) ===== */
.header-bottom,.wide-nav{background:var(--htd-ink)!important;border:0;min-height:50px}
.header-bottom-nav>li>a{font-size:14px!important;font-weight:500!important;color:#E6E6EA!important;text-transform:none!important;letter-spacing:0;padding:14px 0!important;border-bottom:3px solid transparent;margin:0!important}
.header-bottom-nav>li{margin:0 28px 0 0!important}
.header-bottom-nav>li>a:hover,.header-bottom-nav>li.active>a,.header-bottom-nav>li.current-menu-item>a{color:#fff!important;border-bottom-color:var(--htd-red)}

/* ===== LAYOUT HELPERS ===== */
.htd-sec{padding-top:48px!important}
.htd-sec-lg{padding-top:64px!important}
.htd-last{padding-bottom:64px!important}
.htd-title{font-family:var(--htd-head)!important;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin:0 0 20px;color:var(--htd-ink);font-size:30px;line-height:1.1}
.htd-eyebrow{display:block;font-size:12px;letter-spacing:.3em;color:var(--htd-red);font-weight:700;text-transform:uppercase}
.htd-red-text{color:var(--htd-red-light)}
.htd-more{font-size:14px;color:var(--htd-red)!important;font-weight:600;white-space:nowrap}
.htd-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.htd-head .htd-title{margin:0}
.htd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:10px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;line-height:1;transition:.2s}
.htd-btn-red{background:var(--htd-red);color:#fff!important}.htd-btn-red:hover{background:var(--htd-red-dark)}
.htd-btn-ghost{background:#fff;color:var(--htd-ink)!important;border-color:var(--htd-line3)}.htd-btn-ghost:hover{border-color:var(--htd-red);color:var(--htd-red)!important}
.htd-btn-black{background:var(--htd-ink);color:#fff!important}.htd-btn-black:hover{background:#000}
.htd-btn-outline-w{background:#fff;color:var(--htd-red)!important;border-color:#fff}
.htd-card{background:var(--htd-white);border:1px solid var(--htd-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;color:var(--htd-text)}
a.htd-card:hover{border-color:var(--htd-red);transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,20,22,.08);color:var(--htd-text)}

/* ===== HERO ===== */
.htd-hero-row>.col{padding-bottom:16px!important}
.htd-hero .slider-wrapper,.htd-hero .flickity-viewport,.htd-hero{border-radius:18px;overflow:hidden}
.htd-hero{border:1px solid var(--htd-line)}
.htd-slide{position:relative;min-height:420px;background:var(--htd-white)!important}
.htd-slide .banner-bg{background:var(--htd-white)!important}
.htd-slide .banner-bg::before{content:"";position:absolute;right:-80px;top:0;bottom:0;width:58%;background:var(--htd-red);transform:skewX(-14deg);z-index:0}
.htd-slide .banner-bg::after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:20%;background:var(--htd-ink);transform:skewX(-14deg);z-index:0}
.htd-slide .banner-bg .bg{z-index:1}
.htd-slide .text-box{z-index:2;width:58%!important}
.htd-hero-ph{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:36%;aspect-ratio:16/10;border:1.5px dashed rgba(255,255,255,.6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:13px;z-index:1;text-align:center;padding:16px}
.htd-hero-txt{display:flex;flex-direction:column;gap:18px;text-align:left}
.htd-hero-txt h1,.htd-hero-txt h2{margin:0;font-family:var(--htd-head)!important;font-weight:800;font-size:54px;line-height:.95;text-transform:uppercase;color:var(--htd-ink)!important}
.htd-hero-txt p{margin:0;color:#55555D!important;font-size:15px;line-height:1.6}
.htd-hero-txt .htd-btns{display:flex;gap:12px;flex-wrap:wrap}
.htd-hero .flickity-page-dots{bottom:28px;left:48px;width:auto;text-align:left}
.htd-hero .flickity-page-dots .dot{width:12px;height:4px;border-radius:2px;background:#D4D4DA;opacity:1;border:0;margin:0 4px 0 0;transition:width .2s}
.htd-hero .flickity-page-dots .dot.is-selected{width:28px;background:var(--htd-red)}
.htd-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;height:100%;min-height:422px}
.htd-side a{border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:200px;color:#fff!important}
.htd-side .htd-side-red{background:var(--htd-red)}
.htd-side .htd-side-red:hover{background:var(--htd-red-dark)}
.htd-side .htd-side-dark{background:var(--htd-ink)}
.htd-side .htd-side-dark:hover{background:#000}
.htd-side small{font-size:12px;letter-spacing:.25em;font-weight:700;opacity:.9}
.htd-side .htd-side-dark small{color:var(--htd-red-light);opacity:1}
.htd-side b{display:block;font-family:var(--htd-head);font-weight:800;font-size:34px;line-height:1;color:#fff}
.htd-side .htd-side-dark b{font-weight:700;font-size:30px;line-height:1.05}

/* ===== TRUST ===== */
.htd-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--htd-line);border:1px solid var(--htd-line);border-radius:14px;overflow:hidden}
.htd-trust>div{background:var(--htd-white);padding:18px 20px;display:flex;gap:14px;align-items:center}
.htd-ico{width:40px;height:40px;flex:none;border-radius:10px;background:var(--htd-red-tint);color:var(--htd-red);display:flex;align-items:center;justify-content:center}
.htd-trust b{display:block;font-weight:600;font-size:14px;color:var(--htd-ink)}
.htd-trust span{display:block;font-size:12px;color:var(--htd-muted);margin-top:2px}

/* ===== CATEGORIES ===== */
.htd-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.htd-cats a{padding:20px 12px;align-items:center;gap:12px;text-align:center}
.htd-cats .htd-cat-ico{width:56px;height:56px;border-radius:50%;background:var(--htd-ink);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}
.htd-cats a:hover .htd-cat-ico{background:var(--htd-red)}
.htd-cats span{font-size:13px;font-weight:500}

/* ===== FLASH SALE ===== */
.htd-flash{border-radius:18px;background:var(--htd-ink);padding:28px 28px 12px}
.htd-flash .htd-title{font-size:34px;color:#fff}
.htd-flash .htd-head>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}
.htd-flash .htd-more{color:var(--htd-red-light)!important}
.htd-flash .product-small.box{border-color:#fff}
.htd-cd{display:inline-flex;gap:6px;align-items:center;font-family:var(--htd-head);font-weight:700;font-size:20px;color:#fff}
.htd-cd span{background:var(--htd-red);padding:4px 10px;border-radius:6px;min-width:40px;text-align:center}

/* ===== PRODUCT CARDS (Flatsome) ===== */
.product-small.box{background:var(--htd-white);border:1px solid var(--htd-line);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;height:100%}
.product-small.box:hover{border-color:var(--htd-red);transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,20,22,.08)}
.product-small .box-image{background:var(--htd-soft);aspect-ratio:1/1}
.product-small .box-image img{width:100%;height:100%;object-fit:cover}
.box-image img[src*="woocommerce-placeholder"]{opacity:.35}
.product-small .box-text{padding:14px!important;text-align:left;background:var(--htd-white)}
.product-small .box-text .category{font-size:11px!important;color:var(--htd-muted)!important;letter-spacing:.08em;opacity:1;text-transform:uppercase}
.product-small .product-title a,.product-small .name a{font-size:14px;line-height:1.4;color:var(--htd-ink)!important;min-height:40px;display:block}
.product-small .price,.price{color:var(--htd-red)!important}
.product-small .price .amount{font-weight:700;font-size:16px;color:var(--htd-red)}
.price del,.price del .amount{color:var(--htd-muted3)!important;font-size:12px!important;font-weight:400!important;opacity:1}
.price ins{text-decoration:none}
.badge-container{margin:10px 0 0 10px}
.badge .badge-inner,.badge-inner.on-sale,.badge-inner.new-bubble,.badge-inner.hot{background:var(--htd-red)!important;color:#fff!important;border:0!important;border-radius:6px!important;font-size:12px;font-weight:700;padding:4px 8px;height:auto;min-height:0;line-height:1.3}
.badge{height:auto;width:auto;margin-bottom:4px}
.product-small .add-to-cart-button a,.product-small .button.add_to_cart_button{background:#fff!important;border:1px solid var(--htd-line3)!important;color:var(--htd-ink)!important;border-radius:8px!important;font-size:12px}
.product-small .add-to-cart-button a:hover{background:var(--htd-red)!important;border-color:var(--htd-red)!important;color:#fff!important}
.htd-products .row>.col{padding-bottom:16px}

/* ===== COMBO ===== */
.htd-combo{position:relative;border-radius:18px;overflow:hidden;background:var(--htd-red);padding:40px 48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.htd-combo::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(0,0,0,.15)}
.htd-combo>div{position:relative;z-index:1}
.htd-combo .htd-eyebrow{color:rgba(255,255,255,.9)}
.htd-combo h2{font-family:var(--htd-head)!important;font-size:52px;line-height:1;color:#fff!important;margin:8px 0 0;text-transform:uppercase}
.htd-combo .htd-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ===== CATEGORY BLOCK + TABS ===== */
.htd-block-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:2px solid var(--htd-ink);margin-bottom:20px;min-height:52px}
.htd-block-head::before{content:"";width:6px;height:30px;background:var(--htd-red);border-radius:3px;flex:none}
.htd-block-head .htd-title{margin:0}
.htd-block-head .htd-more{margin-left:auto}
.htd-tabs{position:relative}
.htd-tabs>.nav,.htd-tabs .nav.nav-pills{position:absolute!important;top:-70px;right:120px;margin:0!important;width:auto;display:flex;gap:8px}
.htd-tabs .tab-panels{padding-top:0!important;border:0!important;background:transparent!important}
.htd-tabs .nav>li{margin:0!important}
.htd-tabs .nav>li>a{display:inline-flex;align-items:center;min-height:36px;padding:0 16px!important;border:1px solid #D9D9DE!important;border-radius:999px!important;font-size:13px!important;color:var(--htd-body-text)!important;background:#fff!important;text-transform:none!important;font-weight:400!important;letter-spacing:0}
.htd-tabs .nav>li>a:hover{border-color:var(--htd-red)!important;color:var(--htd-red)!important}
.htd-tabs .nav>li.active>a{background:var(--htd-ink)!important;border-color:var(--htd-ink)!important;color:#fff!important}

/* ===== BRANDS ===== */
.htd-center{text-align:center;margin-bottom:24px}
.htd-center .htd-title{font-size:38px;margin:6px 0 0}
.htd-brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.htd-brands .htd-img{aspect-ratio:16/9;background:var(--htd-soft2);display:flex;align-items:center;justify-content:center;color:var(--htd-muted3);font-size:13px;background-size:cover;background-position:center}
.htd-brands .htd-brand-b{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.htd-brands b{display:block;font-family:var(--htd-head);font-weight:700;font-size:26px;text-transform:uppercase;color:var(--htd-ink)}
.htd-brands small{display:block;font-size:13px;color:var(--htd-muted2);margin-top:2px}
.htd-arrow{width:44px;height:44px;flex:none;border-radius:50%;background:var(--htd-red);display:flex;align-items:center;justify-content:center;color:#fff}

/* ===== BOOKING ===== */
.htd-book{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));border-radius:18px;overflow:hidden;border:1px solid var(--htd-line)}
.htd-book-l{background:var(--htd-ink);padding:44px;display:flex;flex-direction:column;gap:18px;color:#fff}
.htd-book-l .htd-eyebrow{color:var(--htd-red-light)}
.htd-book-l .htd-title{font-size:40px;line-height:1;margin:0;color:#fff}
.htd-book-l p{margin:0;color:#C2C2C8;line-height:1.7;font-size:15px}
.htd-book-r{background:var(--htd-white);padding:44px}
.htd-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.htd-form br{display:none}
.htd-form .htd-f{display:flex;flex-direction:column;gap:6px;margin:0;font-weight:400}
.htd-form .htd-f>span:first-child{font-size:13px;color:var(--htd-body-text)}
.htd-form .wpcf7-form-control-wrap{display:block}
.htd-form input,.htd-form select{height:46px!important;width:100%;margin:0!important;font-size:14px}
.htd-form .htd-full{grid-column:span 2}
.htd-form .htd-submit,.htd-form input[type=submit]{width:100%;min-height:50px;font-size:15px!important;margin:0!important}
.wpcf7-response-output{color:var(--htd-text);border-radius:10px}
.wpcf7-not-valid-tip{font-size:12px;color:var(--htd-red)}

/* ===== REVIEWS / NEWS / SHOWROOMS ===== */
.htd-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.htd-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.htd-review{padding:24px;gap:14px}
.htd-stars{color:var(--htd-red);font-size:15px;letter-spacing:3px}
.htd-review p{margin:0;color:var(--htd-body-text);line-height:1.7;font-size:14px}
.htd-person{display:flex;align-items:center;gap:12px;margin-top:auto}
.htd-person i{width:40px;height:40px;border-radius:50%;background:var(--htd-line);display:block}
.htd-person b{display:block;font-weight:600;font-size:14px}
.htd-person small{display:block;font-size:12px;color:var(--htd-muted)}
.htd-news .post-item .col-inner{background:var(--htd-white);border:1px solid var(--htd-line);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;height:100%}
.htd-news .post-item .col-inner:hover{border-color:var(--htd-red);transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,20,22,.08)}
.htd-news .box-image{background:var(--htd-soft2)}
.htd-news .box-text{padding:18px!important;text-align:left}
.htd-news .post-title{font-family:var(--htd-body)!important;font-weight:600;font-size:16px;line-height:1.4;color:var(--htd-ink);text-transform:none;letter-spacing:0}
.htd-news .is-divider{display:none}
.htd-news .cat-label{font-size:11px;letter-spacing:.2em;color:var(--htd-red)!important;font-weight:700;opacity:1}
.htd-news .badge.post-date{display:none}
.htd-show{padding:22px;gap:10px;border-top:4px solid var(--htd-red)!important}
.htd-show .htd-dot{font-weight:700;font-size:16px;color:var(--htd-ink)}
.htd-show span{font-size:13px;color:var(--htd-muted2);line-height:1.6}
.htd-show a{font-size:13px;color:var(--htd-red)!important;font-weight:600;margin-top:4px}

/* ===== FOOTER ===== */
.footer-wrapper,.footer-1,.footer-2{background:var(--htd-black)!important}
.htd-footer{background:var(--htd-black);border-top:4px solid var(--htd-red);padding:48px 0 32px;color:#F2F2F2}
.htd-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1280px;margin:0 auto;padding:0 24px}
.htd-footer-grid>div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.htd-footer-grid b{color:#fff;font-weight:700}
.htd-footer-grid a,.htd-footer-grid p{color:#A3A3A8!important;margin:0;font-size:13px;line-height:1.7}
.htd-footer-grid a{font-size:14px}
.htd-footer-grid a:hover{color:#fff!important}
.htd-footer-logo{font-family:var(--htd-head);font-weight:800;font-size:26px;letter-spacing:.04em;color:#fff}
.htd-nl{display:flex}
.htd-nl input{flex:1;min-width:0;height:44px!important;background:#1A1A1D!important;border:1px solid #2A2A2E!important;border-right:0!important;border-radius:10px 0 0 10px!important;margin:0!important;color:#F2F2F2!important}
.htd-nl button{border-radius:0 10px 10px 0!important;min-height:44px;margin:0}
.absolute-footer,.absolute-footer.dark,.absolute-footer.light{background:var(--htd-black)!important;border-top:1px solid #1E1E22;color:var(--htd-muted3)!important;font-size:12px}
.absolute-footer a{color:var(--htd-muted3)}
.back-to-top{background:var(--htd-red)!important;border-color:var(--htd-red)!important;color:#fff!important}

/* ===== SHOP / SINGLE PRODUCT ===== */
.product-info .product-title{font-size:32px}
.product-info .price .amount{font-size:26px}
.shop_table th,.shop_table td{border-color:var(--htd-line)!important}

/* ===== RESPONSIVE ===== */
@media (max-width:849px){
  .htd-hero-txt h1,.htd-hero-txt h2{font-size:42px}
  .htd-hero-ph{display:none}
  .htd-slide .banner-bg::before{width:22%;right:-60px}
  .htd-slide .banner-bg::after{width:8%;right:-30px}
  .htd-slide .text-box{width:100%!important}
  .htd-side{min-height:0;grid-template-rows:auto;grid-template-columns:1fr 1fr}
  .htd-side a{min-height:150px}
  .htd-tabs>.nav,.htd-tabs .nav.nav-pills{position:static!important;margin:0 0 16px!important;flex-wrap:wrap}
  .htd-flash .htd-head>div:first-child{flex-wrap:wrap}
  .htd-combo{padding:32px 24px}
  .htd-combo h2{font-size:40px}
}
@media only screen and (max-width:48em){
  .htd-side{grid-template-columns:1fr}
  .htd-hero-txt{gap:12px}
  .htd-hero-txt h1,.htd-hero-txt h2{font-size:36px}
  .htd-hero-txt p{font-size:14px}
  .htd-flash{padding:20px 14px 4px}
  .htd-title,.htd-block-head .htd-title{font-size:24px}
  .htd-flash .htd-title,.htd-center .htd-title{font-size:28px}
  .htd-book-l,.htd-book-r{padding:28px 20px}
  .htd-book-l .htd-title{font-size:32px}
  .htd-form{grid-template-columns:1fr}
  .htd-form .htd-full{grid-column:auto}
  .htd-trust{grid-template-columns:1fr 1fr}
  .htd-trust>div{padding:14px;gap:10px}
  .htd-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .htd-cats a{padding:14px 6px;gap:8px}
  .htd-cats .htd-cat-ico{width:44px;height:44px}
  .htd-cats span{font-size:12px}
  .htd-combo h2{font-size:34px}
  #logo a::after{display:none}
  #logo a{padding-bottom:0;font-size:20px!important}
  #logo a::before{width:40px;height:40px;font-size:18px}
}

/* ===== FIX v4.1 ===== */
@media (min-width:850px){
 .htd-head{flex-wrap:nowrap}
 .htd-head>*{flex:0 0 auto}
 .htd-slide .text-box{width:52%!important}
}

/* ===== SHOWROOM v4.2 ===== */
.htd-show{padding:22px;gap:14px}
.htd-show-top{display:flex;align-items:center;gap:12px}
.htd-show-logo{width:56px!important;height:56px!important;flex:none;object-fit:contain;border-radius:12px;border:1px solid var(--htd-line);background:#fff;padding:4px}
.htd-show-tag{display:block;font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--htd-red)}
.htd-show .htd-dot{font-size:16px;line-height:1.3}
.htd-show a.htd-show-hot{display:flex;justify-content:space-between;align-items:center;background:var(--htd-ink);color:#B8B8BE!important;border-radius:10px;padding:10px 14px;font-size:12px;margin:0}
.htd-show a.htd-show-hot b{font-family:var(--htd-head);font-size:22px;color:#fff;letter-spacing:.02em}
.htd-show a.htd-show-hot:hover{background:var(--htd-red)}
.htd-show a.htd-show-hot:hover b,.htd-show a.htd-show-hot:hover{color:#fff!important}
.htd-show-list{display:flex;flex-direction:column}
.htd-show-item{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-top:1px solid var(--htd-line)}
.htd-show-item b{font-size:14px;font-weight:600;color:var(--htd-ink)}
.htd-show-item span{font-size:13px;color:var(--htd-muted2);line-height:1.5}
.htd-show-item small{font-size:12px;color:var(--htd-muted3)}
.htd-show-item a{font-size:13px;margin-top:2px}

/* ===== LOGO v4.3 ===== */
#logo a{padding-bottom:0!important;gap:14px;font-size:0!important}
#logo a::before{content:none!important;display:none!important}
#logo img.header_logo,#logo img.header-logo{max-height:64px;width:auto}
#logo img.header-logo-dark{display:none!important}
#logo a::after{content:"AUTO\A ACCESSORIES";white-space:pre;position:static;display:block;padding-left:14px;border-left:2px solid var(--htd-line);font-family:var(--htd-head);font-weight:800;font-size:15px;line-height:1.05;letter-spacing:.18em;color:var(--htd-red)}
.htd-footer-logo-img{width:120px;height:auto;background:#fff;border-radius:12px;padding:8px 10px}
@media only screen and (max-width:48em){#logo img.header_logo,#logo img.header-logo{max-height:48px}}

#logo{width:auto!important;margin-right:24px}
#logo a{flex-wrap:nowrap}
#logo img{width:auto!important;max-height:64px!important;flex:none}
@media only screen and (max-width:48em){#logo img{max-height:46px!important}#logo{margin-right:0}}

/* ===== SHOP SIDEBAR v4.5 ===== */
#shop-sidebar .widget{background:#fff;border:1px solid var(--htd-line);border-radius:14px;padding:18px 18px 14px;margin-bottom:16px}
#shop-sidebar .widget-title{display:block;font-family:var(--htd-head)!important;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--htd-ink);margin-bottom:6px}
#shop-sidebar .is-divider{height:3px;width:32px;background:var(--htd-red);margin:6px 0 12px;max-width:none}
#shop-sidebar ul{margin:0}
#shop-sidebar li{margin:0;padding:6px 0;border-top:1px solid #F0F0F3;font-size:14px}
#shop-sidebar li:first-child{border-top:0}
#shop-sidebar li a{color:var(--htd-body-text)!important}
#shop-sidebar li a:hover,#shop-sidebar li.current-cat>a,#shop-sidebar li.chosen>a{color:var(--htd-red)!important;font-weight:600}
#shop-sidebar .count{float:right;background:var(--htd-soft);color:var(--htd-muted);border-radius:999px;padding:0 8px;font-size:11px;line-height:20px;opacity:1}
#shop-sidebar .children{padding-left:12px;margin-top:4px}
#shop-sidebar .children li{border-top:0;padding:4px 0;font-size:13px}
#shop-sidebar .woocommerce-widget-layered-nav-list__item--chosen a::before,#shop-sidebar .chosen a::before{color:var(--htd-red)}
#shop-sidebar .price_slider{background:var(--htd-line)}
#shop-sidebar .ui-slider-range{background:var(--htd-red)!important}
#shop-sidebar .ui-slider-handle{background:#fff!important;border:3px solid var(--htd-red)!important}
#shop-sidebar .price_slider_amount .button{background:var(--htd-ink)!important;color:#fff!important;border-radius:8px!important;font-size:12px;padding:0 14px}
#shop-sidebar .widget_layered_nav_filters li{display:inline-block;border:0;padding:0;margin:0 6px 6px 0}
#shop-sidebar .widget_layered_nav_filters li a{background:var(--htd-red-tint);color:var(--htd-red)!important;border-radius:999px;padding:4px 10px;font-size:12px}