/* Tịnh Agarwood v1.18 — mobile CTA + compact footer + regression freeze.
   IMPORTANT: scoped overrides only. Desktop commerce/product layouts are intentionally untouched. */

/* Hidden by default; enabled only in mobile viewport. */
.tinh-mobile-hero-connect{display:none}
.mobile-head-consult{display:none}

/* Tablet/mobile header: persistent consult entry without opening the hamburger menu. */
@media (max-width:1180px){
  .tinh-mobile-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important}
  .mobile-head-consult{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:38px!important;min-width:78px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:var(--tinh-primary-dark,#0b2d3a)!important;color:#fff!important;font-family:var(--tinh-body-font,var(--sans))!important;font-size:11px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;box-shadow:0 6px 16px rgba(11,45,58,.12)!important;white-space:nowrap!important;cursor:pointer!important}
  .mobile-head-consult i{font-style:normal!important;font-size:13px!important;transition:transform .2s ease!important}
  .mobile-head-consult:hover i,.mobile-head-consult:focus-visible i{transform:translateX(2px)!important}
  .tinh-header-mobile .mobile-cart,.tinh-header-mobile .mobile-toggle{flex:0 0 auto!important}
}

@media (max-width:782px){
  /* Keep stable mobile header on one clean row. */
  .tinh-mobile-head-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .tinh-header-mobile .brand{flex:0 1 auto!important;max-width:38%!important}
  .tinh-header-mobile .brand .tinh-logo-img{width:min(var(--tinh-mobile-logo-width,104px),100px)!important;max-width:100%!important}
  .mobile-head-consult{height:36px!important;min-width:72px!important;padding:0 10px!important;font-size:10.5px!important}
  .tinh-header-mobile .mobile-cart{width:36px!important;height:36px!important}
  .tinh-header-mobile .mobile-toggle{width:38px!important;height:38px!important}

  /* Homepage consultation block: lives INSIDE hero copy so it is visible before the hero image. */
  body.home .tinh-mobile-hero-connect{display:block!important;margin:17px 0 13px!important;padding:12px!important;border:1px solid #e8dfd3!important;border-radius:15px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 7px 20px rgba(17,58,75,.045)!important;backdrop-filter:blur(6px)!important}
  .tinh-mobile-hero-connect__title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:9px!important}
  .tinh-mobile-hero-connect__title span{font-size:8.5px!important;font-weight:800!important;letter-spacing:.15em!important;color:#657c87!important}
  .tinh-mobile-hero-connect__title b{font-size:11px!important;line-height:1!important;color:var(--tinh-primary,#113a4b)!important;white-space:nowrap!important}
  .tinh-mobile-hero-connect__actions{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,.72fr) minmax(0,.9fr)!important;gap:7px!important}
  .tinh-mobile-hero-connect__actions>a,.tinh-mobile-hero-connect__actions>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:8px 8px!important;border:1px solid #dfe4e1!important;border-radius:999px!important;background:#fff!important;color:var(--tinh-primary,#113a4b)!important;font-family:var(--tinh-body-font,var(--sans))!important;font-size:9.5px!important;font-weight:800!important;line-height:1.1!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important}
  .tinh-mobile-hero-connect__actions>button{background:var(--tinh-primary-dark,#0b2d3a)!important;border-color:var(--tinh-primary-dark,#0b2d3a)!important;color:#fff!important}
  .tinh-mobile-hero-connect__actions i{font-style:normal!important}

  /* Old v1.17 standalone consultation panel is retired to prevent duplication. */
  .tinh-mobile-home-consult{display:none!important}

  /* Footer: one compact hierarchy, no long columns by default. */
  .tinh-footer{padding:0!important;overflow:hidden!important}
  .tinh-footer-desktop{display:none!important}
  .tinh-footer-mobile{display:block!important;background:linear-gradient(145deg,#113a4b 0%,#103848 58%,#0d303e 100%)!important;color:#fff!important}
  .tinh-footer-mobile__inner{width:calc(100% - 32px)!important;max-width:none!important;padding:17px 0 max(12px,env(safe-area-inset-bottom))!important;margin:0 auto!important}
  .tinh-footer-mobile__brand{display:flex!important;align-items:center!important;gap:11px!important;padding:0 0 12px!important;border:0!important}
  .tinh-footer-mobile__brand .tinh-logo-img{width:74px!important;height:auto!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 auto!important}
  .tinh-footer-mobile__brand>div{min-width:0!important}
  .tinh-footer-mobile__brand strong{display:block!important;font-size:12px!important;line-height:1.25!important;color:#fff!important}
  .tinh-footer-mobile__brand span{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:3px!important;font-size:9px!important;line-height:1.4!important;color:#cbd9df!important}
  .tinh-footer-mobile__quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important}
  .tinh-footer-mobile__quick a{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;margin:0!important;padding:7px 8px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:9.5px!important;line-height:1!important;text-decoration:none!important}
  .tinh-footer-mobile__quick small{font-size:10px!important;color:#dbe7eb!important}
  .tinh-footer-mobile__more{margin:0!important;border-top:1px solid rgba(255,255,255,.13)!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
  .tinh-footer-mobile__more summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:42px!important;margin:0!important;padding:0 2px!important;cursor:pointer!important;color:#fff!important;font-size:10.5px!important;font-weight:800!important}
  .tinh-footer-mobile__more summary::-webkit-details-marker{display:none!important}
  .tinh-footer-mobile__more summary i{font-style:normal!important;font-size:16px!important;font-weight:400!important;color:#cad8de!important}
  .tinh-footer-mobile__morebody{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px 18px!important;padding:2px 2px 12px!important}
  .tinh-footer-mobile__morebody>div{min-width:0!important}
  .tinh-footer-mobile__morebody>div>b{display:block!important;margin:0 0 5px!important;color:#fff!important;font-size:9.5px!important}
  .tinh-footer-mobile__morebody a,.tinh-footer-mobile__morebody span{display:block!important;margin:0!important;padding:3px 0!important;color:#c9d8de!important;font-size:8.8px!important;line-height:1.35!important;text-decoration:none!important;overflow-wrap:anywhere!important}
  .tinh-footer-mobile__morebody .contact{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto 1fr!important;column-gap:12px!important;align-items:start!important;padding-top:3px!important;border-top:1px solid rgba(255,255,255,.08)!important}
  .tinh-footer-mobile__morebody .contact>b{grid-column:1/-1!important}
  .tinh-footer-mobile__copy{margin:9px 0 0!important;padding:0!important;border:0!important;text-align:center!important;color:#aebfc6!important;font-size:8px!important;line-height:1.35!important}
}

@media (max-width:380px){
  .tinh-footer-mobile__quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .tinh-footer-mobile__quick a:last-child{grid-column:auto!important}
  .tinh-header-mobile .brand{max-width:34%!important}
  .mobile-head-consult{min-width:64px!important;padding:0 8px!important}
  .tinh-header-mobile .mobile-cart{display:grid!important;width:34px!important;height:34px!important}
  .tinh-header-mobile .mobile-toggle{width:36px!important;height:36px!important}
  .tinh-mobile-hero-connect__actions{grid-template-columns:1fr 1fr!important}
  .tinh-mobile-hero-connect__actions>button{grid-column:1/-1!important}
}

@media (min-width:783px){
  .tinh-footer-desktop{display:block!important}
  .tinh-footer-mobile{display:none!important}
}