/* PopSugar Rags: restore true mobile-width layout across CS-Cart storefront.
 * Root cause: legacy CS-Cart .container-fluid min-width:760px survives mobile breakpoint.
 * 2026-11-14; only applies below 768px. Keep desktop layouts unchanged. */
@media screen and (max-width:767px) {
  html,body {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .tygh-top-panel .container-fluid,
  .tygh-header .container-fluid,
  .tygh-content .container-fluid,
  .tygh-footer .container-fluid {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .tygh-header .container-fluid {
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .tygh-content .container-fluid {
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .tygh-content .container-fluid .container-fluid{
    padding-left:0!important;
    padding-right:0!important;
  }
  .tygh-footer .container-fluid {
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .tygh-header .row-fluid,
  .tygh-content .row-fluid,
  .tygh-footer .row-fluid {
    min-width:0!important;
    max-width:100%!important;
  }
  .tygh-header .ty-logo-container {
    max-width:100%!important;
    width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    float:none!important;
    text-align:center;
  }
  .tygh-header .ty-logo-container>a {
    max-width:100%!important;
    align-items:center!important;
    justify-content:center;
  }
  .tygh-header .ty-logo-container>a:before {
    font-size:clamp(20px,6vw,27px)!important;
    letter-spacing:.015em!important;
    white-space:nowrap;
  }
  .tygh-header .ty-logo-container>a:after {
    font-size:clamp(6px,1.55vw,8px)!important;
    letter-spacing:.12em!important;
    white-space:normal;
    text-align:center;
  }
  .tygh-header .top-search,
  .tygh-header .ty-search-block,
  .tygh-header .ty-search-block__input,
  .tygh-header .top-menu,
  .tygh-header .ty-menu__items,
  .tygh-header .top-menu-grid {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .tygh-content input:not([type=checkbox]):not([type=radio]),
  .tygh-content textarea,
  .tygh-content select,
  .tygh-content .ty-control-group {
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .ty-navbar-mobile, .ty-navbar-mobile__inner {
    min-width:0!important;
    max-width:100vw!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .cm-notification-container.notification-container {
    min-width:0!important;
    max-width:100vw!important;
    width:100%!important;
  }
  body .psr-home,
  body .psae,
  body .psae .psae-wrap {
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }
  body .ty-mainbox-container,
  body .ty-breadcrumbs,
  body .ty-account-info {
    max-width:100%;
    min-width:0;
  }
}
@media screen and (max-width:380px) {
  .tygh-header .ty-logo-container>a:before{font-size:20px!important;}
}
/* Prevent the newsletter input and notification shell from spilling 11px beyond the viewport. */
@media screen and (max-width:767px) {
  .ty-footer-form-block__input,
  .ty-footer-form-block__input input.ty-input-text-medium {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .cm-notification-container.notification-container {
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
  }
}
/* Product details: fixed bottom purchase bar was 6px wider than the viewport. */
@media screen and (max-width:767px) {
  .ty-product-bottom-fixed,
  .ty-product-bottom-fixed__inner {
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .ty-product-bottom-fixed {
    left:0!important;
    right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .tygh-content .ty-breadcrumbs {
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
}