/* TG style-audit 1030 START — shops 50 (/en/) + 72 (/in/) only; loaded from head.tpl with shop-id guard */
/* Spec: /workspace/uiux_1030/style-spec.md */

/* 1. Categories page (CMS 169) tile grid: single clean card, readable labels, larger flat icons */
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box{width:100%}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-inner-column > .elementor-column-wrap:has(.elementor-widget-image-box),
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-inner-column > .elementor-column-wrap:has(.elementor-widget-image-box){
  background:#fff!important;border:1px solid #ececec!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(17,17,17,.06)!important;
  margin:0!important;padding:10px 4px 10px!important;height:100%;min-height:0!important;align-items:flex-start!important;align-content:flex-start!important}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-column-wrap:has(.elementor-widget-image-box) .elementor-widget-wrap,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-column-wrap:has(.elementor-widget-image-box) .elementor-widget-wrap,
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box,
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box *,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box *{background-color:transparent!important;border:0!important;box-shadow:none!important}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-widget-container,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-widget-container{padding:0!important;margin:0!important}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-wrapper,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-wrapper{display:flex!important;flex-direction:column;align-items:center;text-align:center!important;padding:0!important}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-img,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-img{width:52px!important;max-width:52px!important;margin:0 auto 6px!important;padding:0!important}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-img img,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-img img{width:52px!important;height:52px!important;object-fit:contain}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-title,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-title{
  font-size:14px!important;font-weight:600!important;line-height:1.25!important;margin:0!important;text-align:center!important;
  white-space:normal!important;overflow:visible!important;overflow-wrap:normal;word-break:keep-all;hyphens:manual;letter-spacing:0;color:#111!important}
html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-content,
html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-content{width:100%;padding:0 2px!important}
@media (max-width:1024px){
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-row:has(> .elementor-inner-column .elementor-widget-image-box),
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-row:has(> .elementor-inner-column .elementor-widget-image-box){
    display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:0!important;width:100%}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-row > .elementor-inner-column:has(.elementor-widget-image-box),
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-row > .elementor-inner-column:has(.elementor-widget-image-box){
    width:auto!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-title,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-title{font-size:12.5px!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-img,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-img,
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-img img,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-img img{width:46px!important;max-width:46px!important;height:46px!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-img,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-img{height:auto!important}
}
@media (max-width:767px){
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-row:has(> .elementor-inner-column .elementor-widget-image-box),
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-row:has(> .elementor-inner-column .elementor-widget-image-box){grid-template-columns:repeat(4,minmax(0,1fr))}
}

html body:not(#tgx):not(#tgy).elementor-page-169070150 #content .elementor .elementor-widget-image-box .elementor-image-box-wrapper,
html body:not(#tgx):not(#tgy).elementor-page-169070172 #content .elementor .elementor-widget-image-box .elementor-image-box-wrapper,
html body:not(#tgx):not(#tgy).elementor-page-169070150 #content .elementor .elementor-widget-image-box .elementor-widget-container,
html body:not(#tgx):not(#tgy).elementor-page-169070172 #content .elementor .elementor-widget-image-box .elementor-widget-container{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
/* inner sections stacked with the same 10px rhythm as the tile gap */
@media (max-width:1024px){
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-inner-section:has(.elementor-widget-image-box),
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-inner-section:has(.elementor-widget-image-box){margin:0 0 10px!important;padding:0!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-title,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-title{font-size:12.5px!important}
}
@media (max-width:480px){
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-title,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-title{font-size:12px!important;font-weight:500!important;letter-spacing:-.1px}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-inner-column > .elementor-column-wrap:has(.elementor-widget-image-box),
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-inner-column > .elementor-column-wrap:has(.elementor-widget-image-box){padding:8px 2px!important}
}

@media (max-width:359px){
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-widget-image-box .elementor-image-box-title,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-widget-image-box .elementor-image-box-title{font-size:11px!important}
}

/* 1b. Categories page: tighter vertical rhythm on mobile (sections 20px, heading->grid 10px) */
@media (max-width:767px){
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-top-section:has(.elementor-widget-image-box),
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-top-section:has(.elementor-widget-image-box){padding-top:18px!important;padding-bottom:12px!important;margin-top:0!important;margin-bottom:0!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-top-section:has(.elementor-widget-image-box) .elementor-widget-heading,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-top-section:has(.elementor-widget-image-box) .elementor-widget-heading{margin-bottom:10px!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 .elementor-top-section:has(.elementor-widget-image-box) .elementor-widget-heading .elementor-widget-container,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 .elementor-top-section:has(.elementor-widget-image-box) .elementor-widget-heading .elementor-widget-container{padding:0 0 0 2px!important;margin:0!important}
  html body:not(#tgx):not(#tgy).elementor-page-169070150 #content .elementor .elementor-top-section:has(.elementor-widget-image-box) .elementor-heading-title,
  html body:not(#tgx):not(#tgy).elementor-page-169070172 #content .elementor .elementor-top-section:has(.elementor-widget-image-box) .elementor-heading-title{font-size:20px!important;font-weight:700!important;margin:0!important;line-height:1.3!important;text-align:left}
}

/* 2. Mobile horizontal overflow on non-CE pages (blog list/post, contact form, cart): .row -15px margins with 0 container padding */
@media (max-width:767px){
  body#ybc_blog_page #wrapper > .container > .row,
  body#ets_cft_page #wrapper > .container > .row,
  body#cart #wrapper > .container > .row,
  body#checkout #wrapper > .container > .row{margin-left:0!important;margin-right:0!important}
  body#ybc_blog_page #content-wrapper .row,
  body#ets_cft_page .ets_cfu_box{margin-left:0!important;margin-right:0!important}
  body#ets_cft_page .ets_cfu_box{width:auto!important;max-width:100%!important;flex-wrap:wrap}
  body#ets_cft_page .ets_cfu_box .ets_cfu_col{width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}
  body#ybc_blog_page #wrapper > .container,
  body#ets_cft_page #wrapper > .container,
  body#cart #wrapper > .container{padding-left:12px!important;padding-right:12px!important}
}

/* 3. Kids page (CMS 95) desktop horizontal scroll from oversized image/shape SVG — layout only, colours untouched */
html body:not(#tgx):not(#tgy).elementor-page-95070150 #content,html body:not(#tgx):not(#tgy).elementor-page-95070172 #content,
html body:not(#tgx):not(#tgy).elementor-page-95070150 .elementor,html body:not(#tgx):not(#tgy).elementor-page-95070172 .elementor{overflow-x:clip}
/* TG style-audit 1030 END */