/*
Theme Name: TruongThinh Child - Huawei WiFi
Description: Huawei WiFi homepage + global header/footer for TruongThinh child theme
Author: UX Themes
Template: flatsome
Version: 1.8.17
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* Bắt buộc Top Bar full width 100% màn hình */
#top-bar .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ẩn background gốc của Flatsome để hiện background của Marquee */
#top-bar {
    background: linear-gradient(90deg, #cb1c22 0%, #fb6d00 100%) !important;
}

/* Đảm bảo element HTML chiếm toàn bộ không gian Top Bar */
#top-bar .flex-col {
    flex-basis: 100% !important;
    max-width: 100% !important;
}
#top-bar .nav, #top-bar .nav > li {
    width: 100% !important;
}



/* Vô hiệu hóa hiệu ứng xé rào cũ vì Container đã được mở rộng */
.tt-header-top-v2 {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    background: transparent !important;
}

/* ========================================================
   UI/UX 2026 OVERHAUL - TRUONG THINH TELECOM
   Tối ưu UX/UI hiện đại: Bo góc, đổ bóng, màu đồng bộ, Glassmorphism
   ======================================================== */

/* 1. MÀU SẮC ĐỒNG BỘ THƯƠNG HIỆU & BO GÓC CHUNG */
:root {
    --brand-red: #cb1c22;
    --brand-orange: #fb6d00;
    --brand-gradient: linear-gradient(90deg, #cb1c22 0%, #fb6d00 100%);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 50px;
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 8px 25px rgba(203, 28, 34, 0.35);
    --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 2. NÚT BẤM (BUTTONS) - Đổ bóng & Bo tròn hiện đại */
.button, button, input[type="submit"], input[type="button"], .is-form {
    border-radius: var(--radius-pill) !important;
    transition: var(--transition-smooth) !important;
    border: none !important;
}

.button.primary, 
.button.is-primary, 
input[type="submit"].primary, 
.checkout-button, 
.add_to_cart_button {
    background: var(--brand-gradient) !important;
    color: #fff !important;
    box-shadow: var(--shadow-glow) !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

.button.primary:hover, 
.button.is-primary:hover, 
input[type="submit"].primary:hover, 
.checkout-button:hover, 
.add_to_cart_button:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 12px 30px rgba(203, 28, 34, 0.5) !important;
    opacity: 1 !important;
}

/* 3. KHUNG SẢN PHẨM & BÀI VIẾT (PRODUCT CARDS & POSTS) */
.product-small .box, .post-item .box, .col-inner {
    border-radius: var(--radius-lg) !important;
    overflow: hidden !important;
    transition: var(--transition-smooth) !important;
    background: #ffffff;
}

.product-small .box:hover, .post-item .box:hover, .col-inner:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--shadow-hover) !important;
    z-index: 2;
}

.product-small .box-image, .post-item .box-image {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
    overflow: hidden !important;
}

/* Badges (Giảm giá, Nổi bật) */
.badge-inner {
    border-radius: var(--radius-sm) !important;
    background: var(--brand-red) !important;
    box-shadow: var(--shadow-glow) !important;
    font-weight: bold !important;
    border: none !important;
}

/* 4. MENU ĐỔ XUỐNG (DROPDOWN MENUS) - 2026 Glassmorphism */
.nav-dropdown, .sub-menu {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-hover) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    padding: 10px !important;
    transform-origin: top center;
    animation: fadeInDownMenu 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

@keyframes fadeInDownMenu {
    0% { opacity: 0; transform: translateY(-10px) scale(0.98); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.nav-dropdown > li > a, .sub-menu > li > a {
    border-radius: var(--radius-sm) !important;
    transition: var(--transition-smooth) !important;
    border-bottom: none !important;
    color: #333 !important;
    font-weight: 500 !important;
}

.nav-dropdown > li > a:hover, .sub-menu > li > a:hover {
    background: rgba(251, 109, 0, 0.08) !important;
    color: var(--brand-red) !important;
    padding-left: 15px !important;
}

/* 5. INPUT, FORM & SEARCH BAR */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    border-radius: var(--radius-md) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    transition: var(--transition-smooth) !important;
    background: #f9f9f9 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
}

input:focus, textarea:focus, select:focus {
    background: #ffffff !important;
    border-color: var(--brand-orange) !important;
    box-shadow: 0 0 0 4px rgba(251, 109, 0, 0.15) !important;
    outline: none !important;
}

/* 6. HIỆU ỨNG TEXT SELECTION (Đồng bộ thương hiệu) */
::selection {
    background: var(--brand-red);
    color: #ffffff;
}
::-moz-selection {
    background: var(--brand-red);
    color: #ffffff;
}

/* 7. THANH CUỘN (SCROLLBAR) HIỆN ĐẠI */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: var(--brand-orange); 
    border-radius: var(--radius-pill);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--brand-red); 
}


/* v1.7.6 assets + svg rebuild */
.hw-svg-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:0;flex:0 0 24px}.hw-svg-icon svg{width:100%;height:100%;display:block}.hw-link-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;position:absolute;left:0;top:1px;color:var(--hw-red)}
.hw-contact-grid a{padding-left:28px;position:relative;text-decoration:none!important}.hw-contact-grid a:before{display:none!important}.hw-contact-grid .hw-link-icon .hw-svg-icon{width:18px;height:18px}
.hw-trust__item>span,.hw-support-box__icon,.hw-info-icon,.hw-mobile-bar i{line-height:0!important}
.hw-trust__item>span .hw-svg-icon{width:30px;height:30px;color:var(--hw-red)}
.hw-info-icon .hw-svg-icon,.hw-support-box__icon .hw-svg-icon{width:22px;height:22px;color:var(--hw-red)}
.hw-mobile-bar i .hw-svg-icon{width:20px;height:20px;color:var(--hw-red)}
.hw-product-group__head{background-position:center right}.hw-product-group__head:after{content:'';display:block}
.hw-solution-card{background-position:center;background-size:cover}.hw-solution-card div{padding-right:8px}
.tt-hwp-mobile-cta i .hw-svg-icon{width:16px;height:16px;color:currentColor}
.tt-px-trust div i .hw-svg-icon{width:18px;height:18px;color:var(--tt-red,#e60012)}
.tt-px-highlights li i .hw-svg-icon{width:16px;height:16px;color:var(--tt-red,#e60012)}

/* v1.8.17.5 — support/contact page flatten + spacing fix */
.hw-support-showcase,.hw-contact-showcase{
  padding:40px 0 64px!important;
}
.hw-support-showcase .hw-panel-card,
.hw-contact-showcase .hw-panel-card{
  width:min(calc(100% - 40px),1320px)!important;
  padding:36px 34px 40px!important;
  margin:0 auto!important;
  border-radius:12px!important;
  border:1px solid #e9edf3!important;
  box-shadow:0 10px 28px rgba(24,38,54,.04)!important;
}
.hw-support-showcase .hw-panel-head,
.hw-contact-showcase .hw-panel-head{
  margin-bottom:26px!important;
}
.hw-support-showcase .hw-panel-head h1,
.hw-contact-showcase .hw-panel-head h1{
  margin-bottom:0!important;
}
.hw-support-showcase .hw-panel-head p,
.hw-contact-showcase .hw-panel-head p{
  margin-top:12px!important;
}
.hw-support-showcase .hw-help-search{
  margin:0 auto 28px!important;
}
.hw-support-showcase .hw-support-box-grid{
  gap:18px!important;
  margin:0 0 32px!important;
}
.hw-support-showcase .hw-support-box,
.hw-contact-showcase .hw-contact-card,
.hw-contact-showcase .hw-contact-form-card,
.hw-contact-showcase .hw-knowledge-card,
.hw-contact-showcase .hw-map-box,
.hw-support-showcase .hw-checklist-panel,
.hw-support-showcase .hw-process__step,
.hw-support-showcase .hw-faq-clean details,
.hw-support-showcase .hw-support-cta-strip{
  border-radius:12px!important;
}
.hw-support-showcase .hw-support-box{
  padding:22px 20px!important;
}
.hw-support-showcase .hw-support-box__icon{
  border-radius:10px!important;
}
.hw-support-showcase .hw-knowledge-head,
.hw-contact-showcase .hw-knowledge-head{
  margin:8px 0 20px!important;
}
.hw-support-showcase .hw-checklist-panel{
  padding:24px!important;
  margin-bottom:28px!important;
}
.hw-support-showcase .hw-process{
  gap:16px!important;
  margin-top:0!important;
}
.hw-support-showcase .hw-process__step{
  padding:20px 18px!important;
}
.hw-support-showcase .hw-section-title.compact{
  margin-top:10px!important;
  margin-bottom:18px!important;
}
.hw-support-showcase .hw-faq-clean{
  gap:12px!important;
}
.hw-support-showcase .hw-faq-clean details summary{
  padding:16px 18px!important;
}
.hw-support-showcase .hw-faq-clean details>div{
  padding:0 18px 16px!important;
}
.hw-support-showcase .hw-support-cta-strip{
  margin-top:28px!important;
  padding:18px 22px!important;
}

.hw-contact-showcase .hw-contact-layout{
  gap:22px!important;
  align-items:start!important;
  margin-bottom:30px!important;
}
.hw-contact-showcase .hw-contact-card,
.hw-contact-showcase .hw-contact-form-card{
  padding:24px!important;
  box-shadow:0 8px 22px rgba(24,38,54,.04)!important;
}
.hw-contact-showcase .hw-contact-card ul{
  gap:14px!important;
}
.hw-contact-showcase .hw-contact-form-card h2,
.hw-contact-showcase .hw-contact-card h2{
  margin-bottom:14px!important;
}
.hw-contact-showcase .hw-contact-form .hw-contact-form__grid{
  gap:14px!important;
}
.hw-contact-showcase .hw-contact-form input,
.hw-contact-showcase .hw-contact-form textarea,
.hw-contact-showcase .hw-contact-form select{
  border-radius:8px!important;
}
.hw-contact-showcase .hw-contact-form .hw-btn--block{
  margin-top:14px!important;
  min-height:44px!important;
  border-radius:10px!important;
}
.hw-contact-showcase .hw-knowledge-grid{
  gap:18px!important;
}
.hw-contact-showcase .hw-knowledge-card{
  padding:20px!important;
}
.hw-contact-showcase .hw-map-box{
  margin-top:4px!important;
  overflow:hidden!important;
}
.hw-contact-showcase .hw-map-box iframe{
  display:block!important;
}

@media (max-width: 782px){
  .hw-support-showcase,.hw-contact-showcase{
    padding:26px 0 42px!important;
  }
  .hw-support-showcase .hw-panel-card,
  .hw-contact-showcase .hw-panel-card{
    width:min(calc(100% - 20px),1320px)!important;
    padding:22px 18px 26px!important;
    border-radius:10px!important;
  }
  .hw-support-showcase .hw-support-box-grid,
  .hw-contact-showcase .hw-knowledge-grid{
    gap:12px!important;
  }
  .hw-contact-showcase .hw-contact-layout{
    gap:16px!important;
    margin-bottom:22px!important;
  }
  .hw-contact-showcase .hw-contact-card,
  .hw-contact-showcase .hw-contact-form-card,
  .hw-contact-showcase .hw-knowledge-card,
  .hw-support-showcase .hw-checklist-panel,
  .hw-support-showcase .hw-process__step,
  .hw-support-showcase .hw-support-box,
  .hw-support-showcase .hw-support-cta-strip{
    padding:16px!important;
    border-radius:10px!important;
  }
  .hw-support-showcase .hw-faq-clean details summary{
    padding:14px 14px!important;
  }
  .hw-support-showcase .hw-faq-clean details>div{
    padding:0 14px 14px!important;
  }
}

/* v1.8.17.6 — global frontend/function pages spacing + tidy layout */
:root{
  --tt-hw-page-max:1280px;
  --tt-hw-page-gap:76px;
  --tt-hw-section-gap:34px;
  --tt-hw-card-radius:18px;
}

.hw-system-container,
.hw-container,
.hw-content-wrap,
.hw-content-shell,
.hw-showcase-page .hw-panel-card,
.hw-function-page .hw-container,
.hw-solutions-showcase .hw-system-container,
.hw-news-page .hw-content-wrap{
  width:min(calc(100% - var(--tt-hw-page-gap)),var(--tt-hw-page-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.hw-showcase-page,
.hw-function-page,
.hw-news-page,
.hw-home-premium,
.hw-system-page,
.hw-unified-function{
  padding-left:0!important;
  padding-right:0!important;
}

.hw-showcase-page section,
.hw-function-page section,
.hw-news-page section,
.hw-home-premium section{
  position:relative;
}

.hw-function-hero,
.hw-content-hero,
.hw-solution-premium-hero,
.hw-system-section,
.hw-function-section,
.hw-tech-showcase,
.hw-knowledge-section,
.hw-content-main,
.hw-products,
.hw-trust,
.hw-distributor,
.hw-solutions,
.hw-support-showcase,
.hw-contact-showcase{
  padding-top:44px!important;
  padding-bottom:44px!important;
}

.hw-home-premium .hw-products,
.hw-home-premium .hw-solutions,
.hw-home-premium .hw-trust,
.hw-home-premium .hw-distributor{
  padding-top:38px!important;
  padding-bottom:38px!important;
}

.hw-home-premium .hw-distributor,
.hw-function-page .hw-function-hero,
.hw-news-page .hw-content-hero,
.hw-solutions-showcase .hw-solution-premium-hero,
.hw-showcase-page .hw-panel-card,
.hw-function-page .hw-tech-showcase__row,
.hw-function-page .hw-knowledge-section,
.hw-news-page .hw-news-featured,
.hw-news-page .hw-news-grid,
.hw-home-premium .hw-product-group,
.hw-home-premium .hw-solution-card,
.hw-home-premium .hw-feature-row,
.hw-home-premium .hw-trust__grid,
.hw-contact-showcase .hw-contact-card,
.hw-contact-showcase .hw-contact-form-card,
.hw-contact-showcase .hw-knowledge-card,
.hw-contact-showcase .hw-map-box,
.hw-support-showcase .hw-support-box,
.hw-support-showcase .hw-checklist-panel,
.hw-support-showcase .hw-process__step,
.hw-support-showcase .hw-support-cta-strip,
.hw-support-showcase .hw-faq-clean details,
.hw-tech-card,
.hw-knowledge-card,
.hw-solution-stage,
.hw-content-card,
.hw-news-featured__main,
.hw-news-featured__side,
.hw-news-mini{
  border-radius:var(--tt-hw-card-radius)!important;
}

.hw-content-hero,
.hw-function-hero,
.hw-solution-premium-hero{
  margin-bottom:8px!important;
}

.hw-function-section + .hw-tech-showcase,
.hw-tech-showcase + .hw-knowledge-section,
.hw-knowledge-section + .hw-function-cta,
.hw-solution-premium-hero + .hw-knowledge-section,
.hw-content-hero + .hw-content-main,
.hw-contact-showcase .hw-panel-head + .hw-contact-layout,
.hw-contact-showcase .hw-contact-layout + .hw-knowledge-head,
.hw-contact-showcase .hw-knowledge-grid + .hw-map-box,
.hw-support-showcase .hw-panel-head + .hw-help-search,
.hw-support-showcase .hw-help-search + .hw-support-box-grid,
.hw-support-showcase .hw-support-box-grid + .hw-knowledge-head,
.hw-support-showcase .hw-checklist-panel + .hw-process,
.hw-support-showcase .hw-process + .hw-section-title,
.hw-support-showcase .hw-faq-clean + .hw-support-cta-strip{
  margin-top:0!important;
}

.hw-function-page .hw-function-hero .hw-container,
.hw-solutions-showcase .hw-system-container,
.hw-news-page .hw-content-wrap,
.hw-home-premium .hw-container,
.hw-contact-showcase .hw-panel-card,
.hw-support-showcase .hw-panel-card{
  max-width:1280px!important;
}

.hw-function-page .hw-function-hero .hw-container,
.hw-solutions-showcase .hw-system-container,
.hw-news-page .hw-content-wrap,
.hw-home-premium .hw-container{
  padding-left:0!important;
  padding-right:0!important;
}

.hw-home-premium .hw-feature-container,
.hw-home-premium .hw-section-title,
.hw-home-premium .hw-section-title + *,
.hw-function-page .hw-function-heading,
.hw-news-page .hw-news-section-head,
.hw-contact-showcase .hw-knowledge-head,
.hw-support-showcase .hw-knowledge-head,
.hw-solutions-showcase .hw-knowledge-head{
  margin-bottom:22px!important;
}

.hw-home-premium .hw-feature-row,
.hw-home-premium .hw-products-grid,
.hw-home-premium .hw-solutions__grid,
.hw-home-premium .hw-trust__grid,
.hw-function-page .hw-tech-grid,
.hw-function-page .hw-knowledge-grid,
.hw-contact-showcase .hw-knowledge-grid,
.hw-support-showcase .hw-support-box-grid,
.hw-solutions-showcase .hw-knowledge-grid,
.hw-news-page .hw-news-grid,
.hw-news-page .hw-news-featured{
  gap:20px!important;
}

.hw-function-page .hw-tech-showcase__row,
.hw-solutions-showcase .hw-solution-stage,
.hw-news-page .hw-news-featured,
.hw-contact-showcase .hw-contact-layout{
  gap:26px!important;
}

.hw-home-premium .hw-product-group,
.hw-home-premium .hw-solution-card,
.hw-home-premium .hw-trust-item,
.hw-function-page .hw-tech-card,
.hw-function-page .hw-knowledge-card,
.hw-contact-showcase .hw-knowledge-card,
.hw-solutions-showcase .hw-knowledge-card,
.hw-support-showcase .hw-support-box,
.hw-support-showcase .hw-process__step,
.hw-news-page .hw-news-mini,
.hw-news-page .hw-news-featured__main,
.hw-news-page .hw-news-featured__side{
  box-shadow:0 10px 26px rgba(18,34,52,.04)!important;
}

.hw-function-page .hw-tech-card,
.hw-function-page .hw-knowledge-card,
.hw-contact-showcase .hw-knowledge-card,
.hw-solutions-showcase .hw-knowledge-card,
.hw-support-showcase .hw-support-box,
.hw-home-premium .hw-product-group,
.hw-home-premium .hw-solution-card,
.hw-news-page .hw-news-mini{
  padding:22px!important;
}

.hw-home-premium .hw-solution-card,
.hw-home-premium .hw-product-group,
.hw-home-premium .hw-trust-item,
.hw-function-page .hw-tech-card,
.hw-function-page .hw-knowledge-card,
.hw-contact-showcase .hw-knowledge-card,
.hw-solutions-showcase .hw-knowledge-card,
.hw-support-showcase .hw-support-box,
.hw-news-page .hw-news-mini,
.hw-news-page .hw-news-featured__main,
.hw-news-page .hw-news-featured__side{
  border:1px solid #e9edf3!important;
  background:#fff!important;
}

.hw-home-premium .hw-section-title h2,
.hw-function-page .hw-function-heading h2,
.hw-news-page .hw-news-section-head h2,
.hw-solutions-showcase .hw-solution-premium-heading h1,
.hw-contact-showcase .hw-panel-head h1,
.hw-support-showcase .hw-panel-head h1{
  margin-bottom:10px!important;
}

.hw-home-premium .hw-section-title,
.hw-function-page .hw-function-heading,
.hw-news-page .hw-news-section-head,
.hw-solutions-showcase .hw-solution-premium-heading,
.hw-contact-showcase .hw-panel-head,
.hw-support-showcase .hw-panel-head{
  text-align:left!important;
}

.hw-contact-showcase .hw-panel-head,
.hw-support-showcase .hw-panel-head,
.hw-solutions-showcase .hw-solution-premium-heading,
.hw-function-page .hw-function-heading{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.hw-home-premium .hw-trust{
  margin-bottom:6px!important;
}

.hw-function-page .hw-function-cta{
  padding-top:18px!important;
  padding-bottom:46px!important;
}

.hw-function-page .hw-function-cta__inner,
.hw-support-showcase .hw-support-cta-strip{
  min-height:82px!important;
  padding:20px 24px!important;
}

.hw-contact-showcase .hw-map-box,
.hw-support-showcase .hw-panel-card,
.hw-contact-showcase .hw-panel-card,
.hw-solutions-showcase .hw-solution-stage,
.hw-function-page .hw-tech-showcase__row,
.hw-news-page .hw-news-featured{
  overflow:hidden!important;
}

@media (max-width: 1100px){
  :root{
    --tt-hw-page-gap:40px;
  }
  .hw-function-hero,
  .hw-content-hero,
  .hw-solution-premium-hero,
  .hw-system-section,
  .hw-function-section,
  .hw-tech-showcase,
  .hw-knowledge-section,
  .hw-content-main,
  .hw-products,
  .hw-trust,
  .hw-distributor,
  .hw-solutions,
  .hw-support-showcase,
  .hw-contact-showcase{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}

@media (max-width: 782px){
  :root{
    --tt-hw-page-gap:22px;
    --tt-hw-card-radius:14px;
  }
  .hw-function-hero,
  .hw-content-hero,
  .hw-solution-premium-hero,
  .hw-system-section,
  .hw-function-section,
  .hw-tech-showcase,
  .hw-knowledge-section,
  .hw-content-main,
  .hw-products,
  .hw-trust,
  .hw-distributor,
  .hw-solutions,
  .hw-support-showcase,
  .hw-contact-showcase{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  .hw-home-premium .hw-feature-row,
  .hw-home-premium .hw-products-grid,
  .hw-home-premium .hw-solutions__grid,
  .hw-home-premium .hw-trust__grid,
  .hw-function-page .hw-tech-grid,
  .hw-function-page .hw-knowledge-grid,
  .hw-contact-showcase .hw-knowledge-grid,
  .hw-support-showcase .hw-support-box-grid,
  .hw-solutions-showcase .hw-knowledge-grid,
  .hw-news-page .hw-news-grid,
  .hw-news-page .hw-news-featured{
    gap:12px!important;
  }
  .hw-function-page .hw-tech-showcase__row,
  .hw-solutions-showcase .hw-solution-stage,
  .hw-contact-showcase .hw-contact-layout{
    gap:16px!important;
  }
  .hw-function-page .hw-tech-card,
  .hw-function-page .hw-knowledge-card,
  .hw-contact-showcase .hw-knowledge-card,
  .hw-solutions-showcase .hw-knowledge-card,
  .hw-support-showcase .hw-support-box,
  .hw-home-premium .hw-product-group,
  .hw-home-premium .hw-solution-card,
  .hw-news-page .hw-news-mini{
    padding:16px!important;
  }
}

/* v1.8.17.7 — support/contact inner breathing space fix */
.hw-support-showcase .hw-panel-card,
.hw-contact-showcase .hw-panel-card{
  width:min(calc(100% - 72px),1240px)!important;
  padding:42px 40px 46px!important;
}

.hw-support-showcase .hw-panel-head,
.hw-contact-showcase .hw-panel-head,
.hw-support-showcase .hw-knowledge-head,
.hw-contact-showcase .hw-knowledge-head,
.hw-support-showcase .hw-help-search,
.hw-support-showcase .hw-support-box-grid,
.hw-support-showcase .hw-checklist-panel,
.hw-support-showcase .hw-process,
.hw-support-showcase .hw-faq-clean,
.hw-support-showcase .hw-support-cta-strip,
.hw-contact-showcase .hw-contact-layout,
.hw-contact-showcase .hw-knowledge-grid,
.hw-contact-showcase .hw-map-box{
  margin-left:10px!important;
  margin-right:10px!important;
}

.hw-support-showcase .hw-support-box-grid,
.hw-contact-showcase .hw-knowledge-grid{
  margin-top:8px!important;
  margin-bottom:34px!important;
  gap:22px!important;
}

.hw-contact-showcase .hw-contact-layout{
  gap:24px!important;
  margin-top:4px!important;
  margin-bottom:36px!important;
}

.hw-support-showcase .hw-checklist-panel{
  margin-top:8px!important;
  margin-bottom:18px!important;
  padding:26px!important;
}

.hw-support-showcase .hw-process{
  gap:18px!important;
  margin-top:10px!important;
  margin-bottom:34px!important;
}

.hw-support-showcase .hw-section-title.compact{
  margin-top:4px!important;
  margin-bottom:20px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

.hw-support-showcase .hw-faq-clean{
  margin-top:0!important;
  margin-bottom:28px!important;
}

.hw-support-showcase .hw-support-cta-strip{
  margin-top:24px!important;
}

.hw-contact-showcase .hw-map-box{
  margin-top:14px!important;
}

.hw-contact-showcase .hw-contact-card,
.hw-contact-showcase .hw-contact-form-card,
.hw-contact-showcase .hw-knowledge-card,
.hw-support-showcase .hw-support-box,
.hw-support-showcase .hw-checklist-panel,
.hw-support-showcase .hw-process__step{
  border-radius:16px!important;
}

@media (max-width: 782px){
  .hw-support-showcase .hw-panel-card,
  .hw-contact-showcase .hw-panel-card{
    width:min(calc(100% - 22px),1240px)!important;
    padding:22px 16px 26px!important;
  }
  .hw-support-showcase .hw-panel-head,
  .hw-contact-showcase .hw-panel-head,
  .hw-support-showcase .hw-knowledge-head,
  .hw-contact-showcase .hw-knowledge-head,
  .hw-support-showcase .hw-help-search,
  .hw-support-showcase .hw-support-box-grid,
  .hw-support-showcase .hw-checklist-panel,
  .hw-support-showcase .hw-process,
  .hw-support-showcase .hw-faq-clean,
  .hw-support-showcase .hw-support-cta-strip,
  .hw-contact-showcase .hw-contact-layout,
  .hw-contact-showcase .hw-knowledge-grid,
  .hw-contact-showcase .hw-map-box{
    margin-left:0!important;
    margin-right:0!important;
  }
  .hw-support-showcase .hw-support-box-grid,
  .hw-contact-showcase .hw-knowledge-grid{
    gap:12px!important;
    margin-bottom:22px!important;
  }
  .hw-contact-showcase .hw-contact-layout{
    gap:16px!important;
    margin-bottom:24px!important;
  }
  .hw-support-showcase .hw-process{
    gap:12px!important;
    margin-bottom:24px!important;
  }
  .hw-support-showcase .hw-faq-clean{
    margin-bottom:18px!important;
  }
  .hw-contact-showcase .hw-map-box{
    margin-top:10px!important;
  }
}