/*
 * NetYadak 6.5.42 — exact menu-width shell sync.
 * Main page sections follow the actual visible width of the header menu row.
 * Internal visual styling stays untouched.
 */
:root{
  --nyp-page-shell-width: calc(100% - 128px);
}

html body .ny-home .ny-container,
html body .ny-home #nyCategories > .ny-container,
html body .ny-home .ny-section--flash > .ny-container,
html body .ny-home .ny-section--banners > .ny-container,
html body .ny-home #nySpecial > .ny-container,
html body .ny-home .ny-section--second-products > .ny-container,
html body .ny-home #nyArticles > .ny-container,
html body .ny-home #nyTopProducts > .ny-container,
html body .ny-home #nyBrands > .ny-container,
html body .ny-home #nyReviews > .ny-container,
html body .ny-home .ny-why-container,
html body .ny-home .ny-visual-finder--clean .ny-visual-finder__exact,
html body.nyp-category-page .nyp-category-shell,
html body .nyp-page.nyp-figma-product > .nyp-container,
html body .nyp-figma-product > .nyp-container{
  width: min(var(--nyp-page-shell-width), calc(100% - 24px)) !important;
  max-width: min(var(--nyp-page-shell-width), calc(100% - 24px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1400px){
  :root{ --nyp-page-shell-width: calc(100% - 96px); }
}

@media (max-width: 1100px){
  :root{ --nyp-page-shell-width: calc(100% - 72px); }
}

@media (max-width: 680px){
  :root{ --nyp-page-shell-width: calc(100% - 32px); }
}