/* ChatGPT avto-aksesoari visual migration layer */
body { background:#fff; color:#222; font-size:14px; }
#top { background:#f8971d; border:0; min-height:0; margin:0; color:#111; }
#top .container { max-width:1140px; width:90%; padding-top:0; padding-bottom:0; }
#top #top-links { float:none !important; text-align:right; padding:0 0 14px; }
#top #top-links a, #top #top-links span { color:#111; text-shadow:none; font-size:14px; }
#top #top-links .dropdown-menu a { color:#333; }
header { background:#f8971d; padding:28px 0 18px; margin:0 0 28px; }
header .container, #menu .container, #common-home.container, .container { width:90%; max-width:1140px; }
header .row { display:flex; align-items:center; flex-wrap:wrap; }
#logo img { max-height:118px; width:auto; }
#search { margin:10px 0 8px; }
#search .form-control { height:42px; font-size:14px; border-radius:4px 0 0 4px; }
#search .btn { height:42px; background:#444; color:#fff; border-color:#444; }
#cart { margin:10px 0 8px; }
#cart > .btn { height:42px; background:#444; border-color:#444; color:#fff; font-weight:bold; box-shadow:none; }
#menu { background:#444; border:0; border-radius:0; min-height:0; margin:0; position:relative; z-index:5; }
#menu .nav { text-align:center; float:none; }
#menu .nav > li { float:none; display:inline-block; vertical-align:top; }
#menu .nav > li > a { color:#ffe500; text-shadow:none; font-weight:bold; font-size:14px; padding:15px 18px; background:transparent; }
#menu .nav > li > a:hover, #menu .nav > li.open > a { background:#333; color:#fff200; }
#menu .dropdown-menu { background:#fff; border:1px solid #ddd; }
#menu .dropdown-menu a { color:#222; }
#menu .btn-navbar { background:#333; border:0; color:#ffe500; }
#common-home { margin-top:0; }
#content h3, #content h2 { font-size:25px; font-weight:400; margin:0 0 22px; }
.product-layout { margin-bottom:30px; }
.product-thumb { border:1px solid #ddd; overflow:hidden; min-height:462px; display:flex; flex-direction:column; }
.product-thumb .image { padding:10px; min-height:235px; display:flex; align-items:center; justify-content:center; }
.product-thumb .image img { max-height:none; width:auto; margin:auto; }
.product-thumb .caption { padding:0 20px 12px; flex:1 1 auto; min-height:180px; }
.product-thumb h4 a { color:#178dcc; font-size:18px; line-height:1.15; font-weight:bold; }
.product-thumb .description { color:#555; line-height:1.55; min-height:62px; }
.product-thumb .price { color:#222; font-size:16px; }
.product-thumb .button-group { border-top:1px solid #ddd; background:#eee; display:flex; }
.product-thumb .button-group button { border:0; border-right:1px solid #ddd; background:#eee; height:44px; color:#333; }
.product-thumb .button-group button:first-child { width:60%; font-weight:bold; }
.product-thumb .button-group button + button { width:20%; }
.list-group a { border:0; border-bottom:1px solid #ddd; color:#555; padding:10px 12px; }
.list-group a.active, .list-group a.active:hover { background:#eee; color:#222; border-color:#ddd; text-shadow:none; }
footer { margin-top:35px; background:#222; border-top:0; color:#ccc; }
footer a { color:#ddd; }
@media (max-width:767px){
  header .row { display:block; }
  header .container, #menu .container, #common-home.container, .container { width:94%; }
  #logo img { max-height:90px; margin:0 auto 12px; }
  #menu .nav > li { display:block; text-align:left; }
  #menu .nav > li > a { padding:10px 15px; }
  #top #top-links { text-align:center; padding-bottom:8px; }
  .product-thumb { min-height:0; }
}
/* ChatGPT avto order cleanup */
body{display:block!important;}
#menu{display:block!important;margin:0 auto!important;width:90%!important;max-width:1140px!important;}
header{margin:0!important;padding:26px 0 18px!important;}
#top{margin:0!important;padding:0!important;}
#top .container{padding:8px 15px!important;}
#common-home{margin-top:18px!important;}

/* ChatGPT avto final order fix */
body{display:flex!important;flex-direction:column!important;}
body>nav#menu{order:1!important;margin:0 auto!important;width:90%!important;max-width:1140px!important;background:#444!important;}
body>nav#top{order:3!important;background:#f8971d!important;}
body>header{order:2!important;background:#f8971d!important;margin:0!important;padding:26px 0 18px!important;}
body>div.container, body>#common-home{order:4!important;}
body>footer{order:5!important;}
#menu .navbar-collapse{display:block!important;}
#menu .nav>li{display:inline-block!important;float:none!important;}
#menu .nav{text-align:center!important;float:none!important;}
#common-home{margin-top:18px!important;}

/* ChatGPT avto menu wrapper order */
body>.avto-menu-wrap{order:1!important;width:90%!important;max-width:1140px!important;margin:0 auto!important;padding:0!important;}
body>.avto-menu-wrap #menu{width:100%!important;max-width:100%!important;margin:0!important;}
body>header{order:2!important;}
body>nav#top{order:3!important;}
body>#common-home{order:4!important;}

/* ChatGPT avto live-match css-file 20260927 */
@media (min-width:768px){
body{display:flex!important;flex-direction:column!important;background:#fff!important;overflow-x:hidden!important}
body>div.container.avto-menu-wrap{order:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#444!important}
body>div.container.avto-menu-wrap #menu{width:100%!important;max-width:none!important;margin:0!important;min-height:82px!important;height:82px!important;border:0!important;border-radius:0!important;background:#444!important;overflow:visible!important}
#menu .nav{max-width:1140px!important;margin:0 auto!important;float:none!important;display:block!important}
#menu .nav>li{float:left!important}
#menu .nav>li>a{color:#ff0!important;background:transparent!important;text-shadow:none!important;font-weight:bold!important;font-size:14px!important;line-height:15px!important;padding:13px 17px!important}
#menu .nav>li>a:hover,#menu .nav>li.open>a{color:#fff!important;background:transparent!important}
body>header{order:2!important;width:100%!important;height:192px!important;min-height:192px!important;background:#ff9919!important;margin:0!important;padding:0!important}
body>header .container{width:1170px!important;max-width:1170px!important;height:192px!important;margin:0 auto!important;padding:50px 15px 0!important}
header .row{display:block!important;margin-left:-15px!important;margin-right:-15px!important}
header .row:before,header .row:after{content:" ";display:table!important} header .row:after{clear:both!important}
header .row>[class*="col-"]{float:left!important;display:block!important;position:relative!important;min-height:1px!important;padding-left:15px!important;padding-right:15px!important}
header .row>.col-sm-4{width:33.33333333%!important} header .row>.col-sm-5{width:41.66666667%!important} header .row>.col-sm-3{width:25%!important}
header #logo{margin:0!important;text-align:left!important} header #logo img{width:360px!important;max-width:360px!important;height:auto!important;max-height:none!important}
#search{width:458px!important;max-width:458px!important;margin:20px 0 0!important} #search .input-lg{height:40px!important;font-size:12px!important}
#cart{width:263px!important;max-width:263px!important;margin:20px 0 0!important} #cart>.btn{height:40px!important;line-height:20px!important}
body>nav#top{order:3!important;width:100%!important;height:51px!important;min-height:51px!important;margin:-83px 0 32px!important;background:transparent!important;border:0!important;position:relative!important;z-index:5!important}
body>nav#top .container{width:1170px!important;max-width:1170px!important;margin:0 auto!important;padding:0 15px!important}
#top,#top a,#top .btn-link{color:#222!important;text-shadow:none!important;font-size:14px!important}
body>#common-home.container{order:4!important;width:1170px!important;max-width:1170px!important;margin:0 auto!important;padding-left:15px!important;padding-right:15px!important}
#common-home #content{width:100%!important;max-width:1170px!important;margin:0!important;padding:0!important}
#common-home .product-layout{width:25%!important;float:left!important;padding-left:15px!important;padding-right:15px!important}
#common-home .product-thumb{width:100%!important;min-height:482px!important;display:flex!important;flex-direction:column!important}
#common-home .product-thumb .image{height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
#common-home .product-thumb .image img{max-width:100%!important;max-height:none!important;width:auto!important;height:auto!important}
#common-home .product-thumb .caption{min-height:200px!important;flex:1 1 auto!important} #common-home .product-thumb .button-group{margin-top:auto!important}
.product-thumb h4{min-height:40px!important}
}
@media (max-width:767px){#menu .btn-navbar,#menu .navbar-header span{color:#222!important}header #logo img{max-width:100%!important;height:auto!important}}
/* ChatGPT avto frontend 80 live match 20260928 START */
@media (min-width:768px){
  body{display:flex!important;flex-direction:column!important;background:#fff!important;overflow-x:hidden!important;}
  body>div.container.avto-menu-wrap{order:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#444!important;}
  body>div.container.avto-menu-wrap #menu{width:100%!important;max-width:none!important;margin:0!important;min-height:82px!important;height:82px!important;border:0!important;border-radius:0!important;background:#444!important;overflow:visible!important;}
  #menu .navbar-collapse{padding:0!important;border:0!important;box-shadow:none!important;}
  #menu .nav{width:80vw!important;max-width:80vw!important;margin:0 auto!important;float:none!important;display:block!important;}
  #menu .nav>li{float:left!important;display:block!important;}
  #menu .nav>li>a{color:#ffff00!important;background:transparent!important;text-shadow:none!important;font-weight:bold!important;font-size:14px!important;line-height:15px!important;padding:13px 17px!important;}
  #menu .nav>li>a:hover,#menu .nav>li.open>a{color:#fff!important;background:transparent!important;}
  #menu .dropdown-menu{background:#444!important;border:0!important;box-shadow:none!important;}
  #menu .dropdown-menu a{color:#ffff00!important;background:#444!important;}
  body>header{order:2!important;width:100%!important;height:192px!important;min-height:192px!important;background:#ff9919!important;margin:0!important;padding:0!important;}
  body>header .container{width:80vw!important;max-width:80vw!important;height:192px!important;margin:0 auto!important;padding:50px 15px 0!important;}
  header .row{display:block!important;margin-left:-15px!important;margin-right:-15px!important;}
  header .row:before,header .row:after{content:' ';display:table!important;} header .row:after{clear:both!important;}
  header .row>[class*='col-']{float:left!important;display:block!important;position:relative!important;min-height:1px!important;padding-left:15px!important;padding-right:15px!important;}
  header .row>.col-sm-4{width:33.33333333%!important;} header .row>.col-sm-5{width:41.66666667%!important;} header .row>.col-sm-3{width:25%!important;}
  header #logo{margin:0!important;text-align:left!important;} header #logo img{width:360px!important;max-width:100%!important;height:auto!important;max-height:none!important;}
  #search{width:100%!important;max-width:458px!important;margin:20px 0 0!important;} #search .input-lg{height:40px!important;font-size:12px!important;}
  #cart{width:263px!important;max-width:100%!important;margin:20px 0 0!important;} #cart>.btn{height:40px!important;line-height:20px!important;}
  body>nav#top{order:3!important;width:100%!important;height:51px!important;min-height:51px!important;margin:-83px 0 32px!important;background:transparent!important;border:0!important;position:relative!important;z-index:5!important;}
  body>nav#top .container{width:80vw!important;max-width:80vw!important;margin:0 auto!important;padding:0 15px!important;}
  #top,#top a,#top .btn-link{color:#222!important;text-shadow:none!important;font-size:14px!important;}
  body>.container:not(.avto-menu-wrap), body>.container-fluid:not(.avto-menu-wrap){width:80vw!important;max-width:80vw!important;margin-left:auto!important;margin-right:auto!important;padding-left:15px!important;padding-right:15px!important;}
  #common-home #content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
  #common-home .product-layout{width:25%!important;float:left!important;padding-left:15px!important;padding-right:15px!important;}
  .product-category #column-left{width:20%!important;}
  .product-category #content.col-sm-9{width:80%!important;}
  .product-category #content .product-layout{width:25%!important;float:left!important;padding-left:15px!important;padding-right:15px!important;}
  .product-layout .product-thumb{width:100%!important;min-height:482px!important;display:flex!important;flex-direction:column!important;}
  .product-thumb .image{height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .product-thumb .image img{max-width:100%!important;max-height:none!important;width:auto!important;height:auto!important;}
  .product-thumb .caption{min-height:200px!important;flex:1 1 auto!important;}
  .product-thumb .button-group{margin-top:auto!important;}
  .product-thumb h4{min-height:40px!important;}
}
@media (min-width:768px) and (max-width:1199px){ #menu .nav>li>a{font-size:13px!important;padding:11px 12px!important;} }
@media (max-width:767px){#menu .btn-navbar,#menu .navbar-header span{color:#222!important;} header #logo img{max-width:100%!important;height:auto!important;}}
/* ChatGPT avto frontend 80 live match 20260928 END */

/* ChatGPT restore point: new-avto-20260928-1536-css. Product gallery + safe PageSpeed overrides. */
#product-product #content ul.thumbnails {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: flex-start;
}
#product-product #content ul.thumbnails > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#product-product #content ul.thumbnails > li:first-child {
  flex: 0 0 100%;
  max-width: 100%;
}
#product-product #content ul.thumbnails > li:first-child > a.thumbnail {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#product-product #content ul.thumbnails > li:first-child img {
  max-width: 100%;
  max-height: none;
  width: auto;
  height: auto;
}
#product-product #content ul.thumbnails > li.image-additional {
  flex: 0 0 auto;
  width: auto;
}
#product-product #content ul.thumbnails > li.image-additional > a.thumbnail {
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#product-product #content ul.thumbnails > li.image-additional img {
  max-width: 100%;
  max-height: none;
  width: auto;
  height: auto;
}
#product-product .breadcrumb a,
#product-product .rating a,
#product-product #content a[href*="product/search"],
#product-product #content a[href*="route=product/search"] {
  color: #005a8d;
}
@media (max-width: 767px) {
  #product-product #content ul.thumbnails > li:first-child > a.thumbnail { min-height: 220px; }
  #product-product #content ul.thumbnails > li:first-child img { max-height: none; }
}


/* ChatGPT avto menu/sidebar/pagespeed safe 20260928 */
@media (min-width:768px){
  #menu .nav>li>a{font-weight:400!important;color:#ffff00!important;}
  #menu .dropdown-menu{min-width:280px!important;padding:8px 0!important;background:#444!important;border:0!important;box-shadow:none!important;}
  #menu .dropdown-menu a{display:block!important;white-space:nowrap!important;padding:8px 14px!important;font-weight:400!important;color:#ffff00!important;background:#444!important;text-shadow:none!important;}
  #menu .dropdown-menu a:hover{background:#333!important;color:#fff!important;}
  #column-left .list-group{border:1px solid #ddd!important;border-radius:4px!important;overflow:hidden!important;background:#fff!important;}
  #column-left .list-group a{display:block!important;border:0!important;border-bottom:1px solid #ddd!important;margin:0!important;padding:10px 12px!important;background:#fff!important;color:#555!important;text-shadow:none!important;}
  #column-left .list-group a:last-child{border-bottom:0!important;}
  #column-left .list-group a.active,#column-left .list-group a.active:hover{background:#eee!important;color:#222!important;border-color:#ddd!important;}
}
footer a{display:inline-block;min-height:24px;padding:2px 0;}
#menu .btn-navbar{min-width:44px;min-height:44px;}
#cart>.btn,#search .btn{min-height:40px;}
@media (max-width:767px){
  #menu .navbar-header span,#category{color:#222!important;text-shadow:none!important;}
  #menu .btn-navbar{color:#222!important;min-width:44px!important;min-height:44px!important;}
}


/* ChatGPT avto see-all text visual fix 20260928 */
#menu .dropdown-menu a.see-all{font-size:0!important;}
#menu .dropdown-menu a.see-all:before{content:'Виж всички';font-size:14px!important;}


/* ChatGPT avto see-all text visual fix 20260928 */
#menu .dropdown-menu a.see-all{font-size:0!important;}
#menu .dropdown-menu a.see-all:before{content:'Виж всички';font-size:14px!important;}

/* Avto side category menu outline - 2026-09-28 */
#column-left .list-group {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
#column-left .list-group > a,
#column-left .list-group > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #ddd;
}
#column-left .list-group > a:last-child,
#column-left .list-group > .list-group-item:last-child {
  border-bottom: 0;
}

/* Avto PageSpeed safe accessibility/font fixes - 2026-09-28 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../../javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../../../javascript/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media (max-width: 767px) {
  #menu .navbar-header #category,
  #menu .navbar-header .visible-xs {
    color: #222 !important;
    text-shadow: none !important;
  }
  #menu .navbar-header {
    background: #fff !important;
  }
}


/* Codex PageSpeed/accessibility safe refinements 2026-09-28 */
@media (min-width: 768px) {
  .avto-menu-wrap #menu .nav > li > a,
  .avto-menu-wrap #menu .dropdown-menu > li > a {
    color: #fff200 !important;
    font-weight: 400 !important;
    line-height: 22px;
  }
  .avto-menu-wrap #menu .nav > li > a {
    min-height: 42px;
    padding-top: 11px;
    padding-bottom: 9px;
  }
  .avto-menu-wrap #menu .dropdown-menu > li > a {
    min-height: 40px;
    padding: 10px 16px;
  }
  #top-links a,
  #top-links .dropdown-toggle {
    color: #111 !important;
    min-height: 34px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
  }
  #top-links li {
    margin-left: 8px;
  }
  .product-thumb .button-group button {
    min-height: 44px;
  }
}

/* Codex PageSpeed/accessibility desktop contrast/tap refinements 2026-09-28 */
@media (min-width: 768px) {
  .product-thumb h4 a,
  .breadcrumb a,
  .list-group a,
  #content a:not(.btn) {
    color: #005f9f;
  }
  .product-thumb h4 a:hover,
  .breadcrumb a:hover,
  .list-group a:hover,
  #content a:not(.btn):hover {
    color: #004b7f;
  }
  #top-links a,
  #top-links .dropdown-toggle {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #top-links li {
    margin-left: 12px;
  }
  #top-links .dropdown-menu > li > a {
    min-height: 40px;
    padding: 10px 16px !important;
    color: #111 !important;
  }
}


/* Codex hotfix: restore normal document flow after PageSpeed flex experiment 2026-09-28 */
@media (min-width: 768px) {
  body {
    display: block !important;
  }
}

/* Codex hotfix: keep header/menu before content in flex document flow 2026-09-28 */
@media (min-width: 768px) {
  #site-main {
    order: 4 !important;
    width: 80vw !important;
    max-width: 80vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body > footer {
    order: 5 !important;
    width: 100% !important;
  }
}

/* Codex: accessibility/contrast safe refinements 2026-09-28 */
#content .rating a, #content .breadcrumb a, #content .nav-tabs > li > a, #content a:not(.btn) { color: #005f9f; }
#content .rating a:hover, #content .breadcrumb a:hover, #content .nav-tabs > li > a:hover, #content a:not(.btn):hover { color: #004b7f; }
button[onclick*="wishlist"], button[onclick*="compare"], .btn-group button { min-width: 44px !important; min-height: 44px !important; }
.product-thumb .button-group button { min-height: 44px !important; }
/* Codex frontend width guard 20260928: keep avto frontend at adaptive 80% without touching header/menu rules */
@media (min-width:768px){
  html body > div#common-home.container,
  html body > div#product-category.container,
  html body > div[id^="product-category"].container,
  html body > div#product-product.container,
  html body > div[id^="product-product"].container,
  html body > div#information-information.container,
  html body > div#information-contact.container,
  html body > div#account-login.container,
  html body > div#checkout-cart.container{
    width:80vw!important;
    max-width:80vw!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* Codex nested page container guard 20260928: inner OC containers fill the 80vw site-main */
@media (min-width:768px){
  html body main#site-main > div.container,
  html body #site-main > div.container,
  html body #site-main > div[id^="product-"].container,
  html body #site-main > div[id^="information-"].container,
  html body #site-main > div[id^="account-"].container,
  html body #site-main > div[id^="checkout-"].container{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Codex 20260929: product price is visual text, not heading */
.product-price-main{font-size:30px;line-height:1.2;margin:20px 0 10px;color:#222;font-weight:400;}

/* Codex 20260929 live stock/font patch */
@media (min-width:768px){
  #menu .nav>li>a, #menu .dropdown-menu a{font-size:14px!important;font-weight:400!important;}
  #top, #top a, #top .btn-link, #top-links, #top-links a, #top-links .btn-link{font-size:14px!important;line-height:20px!important;}
}
/* Codex: keep header above page containers when body flex is enabled 2026-09-29 */
@media (min-width:768px) {
  body { display:flex !important; flex-direction:column !important; }
  body > .avto-menu-wrap { order:0 !important; }
  body > #top { order:1 !important; }
  body > header { order:2 !important; }
  body > .container:not(.avto-menu-wrap) { order:3 !important; }
  body > footer { order:4 !important; }
}

/* Codex: mobile body order fix for avto layout 2026-09-29 */
@media (max-width:767px) {
  body {
    display:flex !important;
    flex-direction:column !important;
  }
  body > .avto-menu-wrap { order:0 !important; }
  body > #top { order:1 !important; }
  body > header { order:2 !important; }
  body > #menu { order:3 !important; }
  body > .container:not(.avto-menu-wrap) { order:4 !important; }
  body > footer { order:99 !important; }
}

/* Codex live mobile homepage/footer order fix 2026-09-29 */
@media (max-width: 767px) {
  html, body {
    min-height: 100%;
  }

  body {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body > .avto-menu-wrap {
    order: 0 !important;
  }

  body > #top {
    order: 1 !important;
  }

  body > header {
    order: 2 !important;
  }

  body > #menu {
    order: 3 !important;
  }

  body > #common-home,
  body > #product-category,
  body > #product-product,
  body > #information-information,
  body > #account-login,
  body > #checkout-cart,
  body > #checkout-checkout,
  body > .container:not(.avto-menu-wrap):not(.menu-container) {
    order: 4 !important;
  }

  #common-home,
  #common-home #content,
  #common-home .row,
  #common-home .product-layout,
  #common-home .product-thumb {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #common-home {
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
  }

  #common-home #content {
    width: 100% !important;
    min-height: 1px !important;
  }

  footer {
    order: 99 !important;
    width: 100% !important;
    clear: both !important;
  }
}

/* Codex live mobile homepage/footer order fix 2026-09-29 v2 site-main */
@media (max-width: 767px) {
  body { display: flex !important; flex-direction: column !important; }
  body > header { order: 0 !important; }
  body > #top { order: 1 !important; }
  body > .avto-menu-wrap { order: 2 !important; }
  body > #site-main, body > #common-home, body > #product-category, body > #product-product { order: 3 !important; }
  footer { order: 99 !important; position: static !important; }
}

/* OpenCart 3.0.5.1 default: required field marker */
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* Open mini-cart above #top links (#top has z-index 5) */
#cart.open {
	z-index: 1001 !important;
}

/* Mini-cart inner spacing */
#cart .dropdown-menu {
	padding: 8px 12px;
}
#cart .dropdown-menu .table {
	margin-bottom: 8px;
}
#cart .dropdown-menu p.text-right {
	margin: 4px 0;
	padding: 0 4px;
}

/* Mini-cart width (desktop): product names on max 2 lines */
@media (min-width: 768px) {
	#cart .dropdown-menu {
		width: 450px;
		min-width: 450px;
	}
}

/* footer link hover/focus contrast on dark background (site orange) 2026-10-02 */
footer a:hover,footer a:focus,footer a:active{color:#f8971d;text-decoration:underline;}

/* PageSpeed CLS 2026-10-02: reserve image box before load (theme sets width:auto, which cancels width/height attributes) */
#product-product #content ul.thumbnails > li:first-child img{width:228px;max-width:100%;height:auto;aspect-ratio:1/1;}
#product-product #content ul.thumbnails > li.image-additional img{width:200px;max-width:100%;height:auto;aspect-ratio:1/1;}

/* PageSpeed 2026-10-02: product grid images keep their current display size and reserve the box before load */
#product-product .product-thumb .image img{width:200px!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1;}
#product-category .product-thumb .image img,#product-search .product-thumb .image img,#product-special .product-thumb .image img,#product-manufacturer-info .product-thumb .image img{width:500px!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1;}
#product-category #content .img-thumbnail{width:80px;height:auto;aspect-ratio:1/1;}

/* Header on 992-1684px screens, 2026-10-20: codex-visual-tune uses fixed sizes (search 650px, top links at 733px, menu 1170px)
   that only fit ~1685px+; below that the search covered the cart and the top links/menu overflowed to the right. */
@media (min-width:992px){
html body #menu .nav.navbar-nav{max-width:100%!important;}
}
@media (min-width:992px) and (max-width:1684px){
html body > header #search{left:390px!important;right:auto!important;width:calc(100% - 700px)!important;min-width:0!important;max-width:650px!important;}
html body > nav#top #top-links{left:auto!important;right:15px!important;width:auto!important;}
}
@media (min-width:992px) and (max-width:1279px){
html body > header #logo{width:300px!important;max-width:300px!important;}
html body > header #logo img{width:100%!important;max-width:100%!important;height:auto!important;}
html body > header #search{left:330px!important;width:calc(100% - 590px)!important;}
html body > header #cart{width:220px!important;}
}