/* Tịnh Agarwood v1.17 — Mobile homepage completeness QA.
   Loaded last on purpose: fixes mobile product visibility, consultation access and compact footer. */

.tinh-mobile-home-consult,.tinh-footer-mobile,.tinh-mobile-featured-more{display:none}

/* Ensure the dedicated featured markup cannot inherit WooCommerce loop sizing. */
.featured .tinh-featured-list>.tinh-featured-card{box-sizing:border-box!important}
.featured .tinh-featured-empty{grid-column:1/-1;padding:20px;border:1px dashed #ddcfbf;border-radius:14px;background:#fff;color:#627178;font-size:13px}

@media (max-width:782px){
  /* ---------- Mobile consultation immediately after hero/benefits ---------- */
  .tinh-mobile-home-consult{display:block!important;background:#fffdf9;padding:10px 0 18px;border-bottom:1px solid #eee6db}
  .tinh-mobile-home-consult .tinh-shell{width:calc(100% - (var(--tinh-mobile-side-padding,16px) * 2))!important}
  .tinh-mobile-home-consult__box{border:1px solid #e5dccf;border-radius:18px;padding:15px;background:linear-gradient(145deg,#fff,#f8f4ec);box-shadow:0 8px 24px rgba(17,58,75,.055)}
  .tinh-mobile-home-consult__copy{display:grid;gap:3px;margin-bottom:12px}
  .tinh-mobile-home-consult__copy small{color:#55788c;font-size:9px;font-weight:800;letter-spacing:.18em}
  .tinh-mobile-home-consult__copy strong{font-family:var(--tinh-heading-font,var(--serif));font-size:19px;line-height:1.25;color:var(--tinh-primary,#113a4b)}
  .tinh-mobile-home-consult__copy span{font-size:11px;line-height:1.5;color:#65757b}
  .tinh-mobile-home-consult__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tinh-mobile-home-consult__actions a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:10px 11px;border:1px solid #e4dbcf;border-radius:12px;background:#fff;color:var(--tinh-primary,#113a4b);font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(17,58,75,.035)}
  .tinh-mobile-home-consult__actions a span{font-size:13px;line-height:1}
  .tinh-mobile-home-consult__actions .phone{background:#eef5ef;border-color:#d9e9dd;color:#2c6745}
  .tinh-mobile-home-consult__actions .zalo{background:#eef6fa;border-color:#d8e9f1;color:#176b91}
  .tinh-mobile-home-consult__actions .facebook{background:#f1f3fa;border-color:#dfe4f2;color:#315b9b}
  .tinh-mobile-home-consult__main{display:flex!important;width:100%;min-height:46px;margin-top:9px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--tinh-primary-dark,#0b2d3a);color:#fff;font-family:var(--tinh-body-font,var(--sans));font-size:var(--tinh-mobile-button-size,13px);font-weight:800;cursor:pointer}

  /* ---------- Homepage featured products: deterministic 2-column grid ---------- */
  .featured{display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;padding:22px 0 24px!important}
  .featured>.tinh-shell{display:block!important;width:calc(100% - (var(--tinh-mobile-side-padding,16px) * 2))!important;max-width:none!important}
  .featured .section-head{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0 0 13px!important;padding:0!important;background:none!important}
  .featured .section-head>div,.featured .section-head>p,.featured .section-head>a{min-width:0!important;max-width:100%!important}
  .featured .section-head small{font-size:9px!important}
  .featured .section-head h2{font-size:min(var(--tinh-mobile-section-size,32px),8.5vw)!important;line-height:1.12!important;margin:4px 0 3px!important}
  .featured .section-head p{font-size:11px!important;line-height:1.55!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .featured .section-head .outline-link{justify-self:start!important;margin-top:4px!important;padding:8px 12px!important;min-height:0!important;font-size:10px!important}
  .featured .tinh-featured-carousel{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:visible!important}
  .featured .tinh-featured-track{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .featured .tinh-featured-list{display:grid!important;grid-template-columns:repeat(var(--tinh-mobile-home-product-columns,2),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:10px!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .featured .tinh-featured-card{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;border-radius:12px!important;box-shadow:0 5px 15px rgba(17,58,75,.045)!important}
  .featured .tinh-featured-card:nth-child(n+5){display:none!important}
  .featured .tinh-featured-list.is-mobile-expanded .tinh-featured-card{display:flex!important}
  .featured .tinh-featured-media{display:block!important;width:100%!important;aspect-ratio:1/1!important;min-height:0!important;overflow:hidden!important}
  .featured .tinh-featured-media img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:cover!important}
  .featured .tinh-featured-card-body{padding:8px 9px 9px!important}
  .featured .tinh-featured-title{font-size:11px!important;line-height:1.35!important;min-height:30px!important}
  .featured .tinh-featured-price{font-size:13px!important;margin-top:5px!important}
  .featured .tinh-featured-price del{font-size:9px!important}
  .featured .tinh-featured-link{font-size:9px!important;padding-top:7px!important;margin-top:7px!important}
  .featured .tinh-featured-nav{display:none!important}
  .tinh-mobile-featured-more{display:flex!important;width:100%;min-height:42px;margin-top:11px;align-items:center;justify-content:center;gap:8px;border:1px solid #b9cbd1;border-radius:999px;background:#fffdf9;color:var(--tinh-primary,#113a4b);font-family:var(--tinh-body-font,var(--sans));font-size:11px;font-weight:800;cursor:pointer}
  .tinh-mobile-featured-more i{font-style:normal}

  /* ---------- Footer: separate compact mobile information architecture ---------- */
  .tinh-footer{padding:0!important;background:var(--tinh-primary,#113a4b)!important}
  .tinh-footer-desktop{display:none!important}
  .tinh-footer-mobile{display:block!important;color:#fff;background:linear-gradient(145deg,#113a4b,#0e3342)}
  .tinh-footer-mobile__inner{width:calc(100% - (var(--tinh-mobile-side-padding,16px) * 2))!important;padding:20px 0 max(15px,env(safe-area-inset-bottom))!important}
  .tinh-footer-mobile__brand{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.13)}
  .tinh-footer-mobile__brand .tinh-logo-img{display:block!important;width:84px!important;height:auto!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important}
  .tinh-footer-mobile__brand strong{display:block;font-size:13px;line-height:1.25;color:#fff}
  .tinh-footer-mobile__brand span{display:block;margin-top:3px;color:#cad9df;font-size:9.5px;line-height:1.45}
  .tinh-footer-mobile__contactline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;color:#dce7eb;font-size:9.5px}
  .tinh-footer-mobile__contactline b{color:#fff;margin-right:4px}
  .tinh-footer-mobile__quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
  .tinh-footer-mobile__quick a{display:flex!important;align-items:center;justify-content:space-between;gap:5px;margin:0!important;padding:9px 10px;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(255,255,255,.07);color:#fff!important;font-size:10px!important}
  .tinh-footer-mobile__quick small{font-size:11px;color:#d9e7ec}
  .tinh-footer-mobile__groups{border-top:1px solid rgba(255,255,255,.11)}
  .tinh-footer-mobile__groups details{border-bottom:1px solid rgba(255,255,255,.11)}
  .tinh-footer-mobile__groups summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:43px;cursor:pointer;color:#fff;font-size:11px;font-weight:800}
  .tinh-footer-mobile__groups summary::-webkit-details-marker{display:none}
  .tinh-footer-mobile__groups summary span{font-size:17px;font-weight:400;color:#cad8de}
  .tinh-footer-mobile__groups details>div{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:0 0 10px}
  .tinh-footer-mobile__groups details a{display:block!important;margin:0!important;padding:5px 0;color:#cfdae0!important;font-size:9.5px!important;line-height:1.35}
  .tinh-footer-mobile__info{display:flex;flex-wrap:wrap;gap:5px 12px;padding-top:11px;color:#c8d7dd;font-size:9px;line-height:1.45}
  .tinh-footer-mobile__copy{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);text-align:center;color:#aebfc7;font-size:8.5px;line-height:1.4}
}

@media (max-width:380px){
  .tinh-mobile-home-consult__actions{grid-template-columns:1fr 1fr}
  .tinh-mobile-home-consult__actions .facebook{grid-column:1/-1}
  .featured .tinh-featured-list{grid-template-columns:1fr 1fr!important}
  .tinh-footer-mobile__quick{grid-template-columns:1fr 1fr}
  .tinh-footer-mobile__quick a:last-child{grid-column:1/-1}
}

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