/* TheGrowns responsive refinement — appended after approved desktop design.
   All overrides are <= 1024px; desktop remains unchanged. */
@media (max-width:1024px) {
  body.tg-approved-homepage { overflow-x:clip; }
  body.tg-approved-homepage .tg-homepage, body.tg-approved-homepage .tg-homepage section { max-width:100%; }
  body.tg-approved-homepage .tg-homepage .tg-container { width:calc(100% - 48px); max-width:100%; }
  body.tg-approved-homepage .tg-homepage .tg-hero__layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:0;gap:16px; }
  body.tg-approved-homepage .tg-homepage .tg-hero__copy { padding:72px 0; }
  body.tg-approved-homepage .tg-homepage .tg-hero__title { font-size:clamp(48px,6.3vw,72px);overflow-wrap:normal; }
  body.tg-approved-homepage .tg-homepage .tg-hero__visual { min-height:440px;background-position:center;background-size:contain; }
  body.tg-approved-homepage .tg-homepage .tg-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.tg-approved-homepage .tg-homepage .tg-process__layout { grid-template-columns:1fr;gap:38px; }
  body.tg-approved-homepage .tg-homepage .tg-process__steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.tg-approved-homepage .tg-homepage .tg-commerce__grid--three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.tg-approved-homepage .tg-homepage .tg-commerce__grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.tg-approved-homepage .tg-homepage .tg-faq { grid-template-columns:1fr;gap:16px; }
  body.tg-approved-homepage .tg-footer-container { width:calc(100% - 48px); }
  body.tg-approved-homepage .tg-footer-main { grid-template-columns:1.15fr 1fr 1fr;gap:32px;padding-bottom:52px; }
  body.tg-approved-homepage .tg-footer-telegram { grid-column:1 / -1;max-width:480px; }
  body.tg-approved-homepage .tg-footer-brand .tg-footer-logo { margin-top:0; }
}
@media (max-width:767px) {
  body.tg-approved-homepage .tg-homepage .tg-container { width:calc(100% - 36px); }
  body.tg-approved-homepage .tg-homepage .tg-hero { min-height:0; }
  body.tg-approved-homepage .tg-homepage .tg-hero__layout { display:flex;flex-direction:column;gap:0;min-height:0; }
  body.tg-approved-homepage .tg-homepage .tg-hero__copy { width:100%;padding:60px 0 22px; }
  body.tg-approved-homepage .tg-homepage .tg-hero__title { font-size:clamp(43px,9.6vw,72px);line-height:1.04;letter-spacing:-.065em;margin:18px 0; }
  body.tg-approved-homepage .tg-homepage .tg-hero__intro { font-size:14px;line-height:1.65; }
  body.tg-approved-homepage .tg-homepage .tg-hero__actions { gap:14px;margin-top:24px; }
  body.tg-approved-homepage .tg-homepage .tg-hero__button { min-height:46px;padding:13px 20px;gap:22px; }
  body.tg-approved-homepage .tg-homepage .tg-hero__visual { width:100%;min-height:clamp(260px,74vw,480px);background-size:contain;background-position:center center; }
  body.tg-approved-homepage .tg-homepage .tg-homepage-categories { padding:38px 0 45px; }
  body.tg-approved-homepage .tg-homepage .tg-category-grid { gap:12px; }
  body.tg-approved-homepage .tg-homepage .tg-category { min-height:178px;padding:17px; }
  body.tg-approved-homepage .tg-homepage .tg-category__title { max-width:150px;font-size:16px;margin-right:16px; }
  body.tg-approved-homepage .tg-homepage .tg-category__description { font-size:11px;line-height:1.5;padding-right:12px; }
  body.tg-approved-homepage .tg-homepage .tg-process, body.tg-approved-homepage .tg-homepage .tg-essentials { width:calc(100% - 24px);border-radius:13px; }
  body.tg-approved-homepage .tg-homepage .tg-process { padding:45px 0; }
  body.tg-approved-homepage .tg-homepage .tg-process__steps { grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0; }
  body.tg-approved-homepage .tg-homepage .tg-process__step { padding:4px 14px; }
  body.tg-approved-homepage .tg-homepage .tg-commerce { padding-block:45px 55px; }
  body.tg-approved-homepage .tg-homepage .tg-commerce__grid--three { grid-template-columns:1fr; }
  body.tg-approved-homepage .tg-homepage .tg-commerce__grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.tg-approved-homepage .tg-homepage .tg-commerce__heading { align-items:flex-start;flex-direction:column; }
  body.tg-approved-homepage .tg-homepage .tg-commerce__heading h2 { font-size:clamp(38px,8vw,55px); }
  body.tg-approved-homepage .tg-homepage .tg-commerce__details { padding:18px; }
  body.tg-approved-homepage .tg-homepage .tg-essentials { min-height:420px;background-position:center,right bottom;background-size:cover,auto 65%; }
  body.tg-approved-homepage .tg-homepage .tg-essentials__inner { padding-top:46px;padding-bottom:175px; }
  body.tg-approved-homepage .tg-homepage .tg-faq { padding-top:55px;padding-bottom:65px; }
  body.tg-approved-homepage .tg-homepage .tg-faq__items { grid-template-columns:1fr; }
  body.tg-approved-homepage .tg-footer-container { width:calc(100% - 36px); }
  body.tg-approved-homepage .tg-signature-footer { padding:50px 0 25px; }
  body.tg-approved-homepage .tg-footer-main { grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px;padding-bottom:42px; }
  body.tg-approved-homepage .tg-footer-brand { grid-column:1 / -1; }
  body.tg-approved-homepage .tg-footer-brand p { max-width:420px; }
  body.tg-approved-homepage .tg-footer-logo { max-width:190px; }
  body.tg-approved-homepage .tg-footer-telegram { grid-column:1 / -1;max-width:none; }
  body.tg-approved-homepage .tg-footer-bottom { align-items:flex-start;flex-direction:column; }
  body.tg-approved-homepage .tg-footer-legal { gap:12px 20px; }
}
@media (max-width:390px) {
  body.tg-approved-homepage .tg-homepage .tg-container { width:calc(100% - 28px); }
  body.tg-approved-homepage .tg-homepage .tg-hero__title { font-size:clamp(38px,10vw,44px); }
  body.tg-approved-homepage .tg-homepage .tg-category { min-height:180px;padding:13px; }
  body.tg-approved-homepage .tg-homepage .tg-category__description { font-size:10px; }
  body.tg-approved-homepage .tg-homepage .tg-commerce__grid--four { gap:10px; }
  body.tg-approved-homepage .tg-footer-container { width:calc(100% - 28px); }
}
@media (prefers-reduced-motion:reduce) {
  body.tg-approved-homepage .tg-homepage .tg-hero__vial { animation:none; }
}


/* Mobile visual QA round 2: source-specific fixes, never affect desktop. */
@media (max-width:1024px) {
  body.tg-approved-homepage #masthead,
  body.tg-approved-homepage #masthead .site-header-row-container,
  body.tg-approved-homepage #masthead .site-header-row-container-inner,
  body.tg-approved-homepage #masthead .site-header-row,
  body.tg-approved-homepage #masthead .site-main-header-wrap,
  body.tg-approved-homepage #masthead .site-header-mobile-drawer {
    background:linear-gradient(112deg,#fff 0%,#fdfbff 34%,#f2eafa 76%,#fff 100%)!important;
  }
  body.tg-approved-homepage #masthead { border-bottom:1px solid rgba(130,94,171,.17);box-shadow:0 6px 25px rgba(91,55,130,.045); }
  body.tg-approved-homepage #masthead .site-header-row-container-inner { min-height:76px; }
  body.tg-approved-homepage #masthead .site-branding img { max-width:min(42vw,205px);height:auto; }
  body.tg-approved-homepage #masthead .menu-toggle-open,
  body.tg-approved-homepage #masthead .search-toggle-open,
  body.tg-approved-homepage #masthead .header-cart-button,
  body.tg-approved-homepage #masthead .header-account-wrap a { color:#282034!important; }
  body.tg-approved-homepage #masthead .menu-toggle-open:hover,
  body.tg-approved-homepage #masthead .search-toggle-open:hover { color:#8060aa!important; }
  body.tg-approved-homepage #masthead .header-cart-total { background:#80659d!important;color:white!important;border:0!important;border-radius:50%!important; }
  body.tg-approved-homepage #masthead .header-mobile-drawer .menu-item a,
  body.tg-approved-homepage #masthead .mobile-navigation .menu-item a { font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-weight:650;letter-spacing:.095em;text-transform:uppercase;color:#30253e; }
  body.tg-approved-homepage #masthead .header-html a:has(> img)::after {transform:none;}
  body.tg-approved-homepage #masthead .header-html a:has(> img) {width:34px;height:34px;}
}
@media(max-width:767px) {
  /* The 4K poster is a full-bleed background, not a separate mobile product image. */
  body.tg-approved-homepage .tg-homepage .tg-hero { min-height:0;isolation:isolate; }
  body.tg-approved-homepage .tg-homepage .tg-hero__motion { background-position:60% center!important; }
  body.tg-approved-homepage .tg-homepage .tg-hero__motion::after {
    background:linear-gradient(180deg,rgba(252,250,255,.91) 0%,rgba(252,250,255,.79) 43%,rgba(252,250,255,.18) 78%,rgba(252,250,255,.04) 100%)!important;
  }
  body.tg-approved-homepage .tg-homepage .tg-hero__motion::before {animation:tg-epic-beam-v3 10s linear infinite!important;opacity:0;}
  body.tg-approved-homepage .tg-homepage .tg-hero__layout { min-height:0; }
  body.tg-approved-homepage .tg-homepage .tg-hero__copy { padding:52px 0 30px; }
  body.tg-approved-homepage .tg-homepage .tg-hero__visual { min-height:clamp(140px,34vw,240px); }
  body.tg-approved-homepage .tg-homepage .tg-hero__title {max-width:11ch;font-size:clamp(40px,9vw,67px);line-height:1.04;}
  body.tg-approved-homepage .tg-homepage .tg-hero__intro {font-size:clamp(14px,3.7vw,17px)!important;line-height:1.6!important;}
  body.tg-approved-homepage .tg-homepage .tg-category-grid .tg-category--accessories { min-height:220px;padding:22px 22px 60px; }
  body.tg-approved-homepage .tg-homepage .tg-category--accessories::after {
    /* Use the theme-bundled 4K ribbon instead of a staging-only uploads URL. */
    background-image:url('../tg-4k-master/TheGrowns_4K_Master_Assets/02_Category_Ribbons/WEBP/aging-bronze.webp')!important;
    background-size:contain!important;background-position:right center!important;
    filter:grayscale(1) contrast(1.25)!important;
    width:65%!important;opacity:.45!important;
  }
  body.tg-approved-homepage .tg-homepage .tg-category--accessories::before {background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.28) 100%)!important;}
  body.tg-approved-homepage .tg-homepage .tg-category--accessories .tg-category__description {max-width:70%;margin-right:0;}
  body.tg-approved-homepage .tg-homepage .tg-category--accessories .tg-category__arrow {left:auto!important;right:18px!important;bottom:18px!important;top:auto!important;}
}
@media(max-width:390px){
  body.tg-approved-homepage .tg-homepage .tg-category--accessories .tg-category__description {max-width:80%;}
}
@media(prefers-reduced-motion:reduce) {
  body.tg-approved-homepage .tg-homepage .tg-hero__motion::before {animation:none!important;}
}
