/* PREDEL SHELL 1.0.0-beta1 — responsive brand chrome for OC4 Russian build */
:root { --ps-blue:#198eaa; --ps-blue-dark:#126d86; --ps-ink:#24313b; --ps-muted:#61707c; --ps-line:#e5ecef; --ps-bg:#f6fafb; }
.predel-shell-header, .predel-shell-footer, .predel-shell-dialog { font:inherit; color:var(--ps-ink); box-sizing:border-box; }
.predel-shell-header *, .predel-shell-header *::before,.predel-shell-header *::after,
.predel-shell-footer *, .predel-shell-footer *::before,.predel-shell-footer *::after,
.predel-shell-dialog * {box-sizing:border-box;}
.predel-shell-container{width:min(100% - 32px, 1200px);margin-inline:auto;min-width:0;}
/* Suppress stock menu only while replacement stylesheet is active. */
nav#menu{display:none!important;}
.predel-shell-top{background:#f3f7f8;border-bottom:1px solid var(--ps-line);font-size:13px;line-height:1.4;}
.predel-shell-top-inner{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:6px;}
.predel-shell-top-contacts,.predel-shell-top-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 19px;}
.predel-shell-header a,.predel-shell-footer a {text-decoration:none;}
.predel-shell-top-contacts a{color:#19485c;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums;}
.predel-shell-top-links a{color:#42515c;white-space:nowrap;}
.predel-shell-top-links .predel-shell-top-callback{color:var(--ps-blue-dark);font-weight:700;}
.predel-shell-header a:hover,.predel-shell-footer a:hover{text-decoration:underline;}
.predel-shell-main{min-height:110px;display:grid;grid-template-columns:minmax(220px,290px) minmax(220px,1fr) minmax(170px,260px);align-items:center;gap:22px;padding-block:12px;}
.predel-shell-brand{min-width:0;display:flex;align-items:center;gap:11px;color:var(--ps-ink)!important;}
.predel-shell-brand img{max-width:68px;width:auto;height:62px;object-fit:contain;flex-shrink:0;}
.predel-shell-brand-title{display:flex;flex-direction:column;gap:3px;min-width:0;}
.predel-shell-brand-title strong{font-size:29px;line-height:1;font-weight:700;letter-spacing:0.09em;color:#26363d;}
.predel-shell-brand-title small{color:#526773;font-size:11px;line-height:1.4;font-weight:500;}
.predel-shell-search{min-width:0;} .predel-shell-search input[type="text"],.predel-shell-search input[type="search"]{width:100%;}
.predel-shell-search .input-group{max-width:100%;}
.predel-shell-cart{min-width:0;} .predel-shell-cart #cart{width:100%;} .predel-shell-cart button{max-width:100%;}
.predel-shell-menu{background:linear-gradient(100deg,#158eae,#087b9f);color:#fff;position:relative;z-index:20;}
.predel-shell-menu .predel-shell-container{position:relative;}
.predel-shell-menu-list{display:flex;list-style:none;padding:0;margin:0;align-items:stretch;flex-wrap:wrap;gap:0;}
.predel-shell-menu-item{position:relative;display:flex;align-items:center;gap:0;}
.predel-shell-menu-item>a{display:block;color:#fff!important;font-weight:600;font-size:14px;padding:15px 17px;text-decoration:none;line-height:1.2;}
.predel-shell-menu-item:hover,.predel-shell-menu-item:focus-within{background:rgba(0,0,0,.16);}
.predel-shell-menu-item>a:hover{text-decoration:none;}
.predel-shell-menu-button{display:none;border:0;color:#fff;background:transparent;font-size:15px;font-weight:700;min-height:44px;padding:11px 12px;}
.predel-shell-subnav-toggle{border:0;background:transparent;color:#fff;padding:8px 9px;font-size:17px;cursor:pointer;}
.predel-shell-subnav{position:absolute;top:100%;left:0;z-index:30;width:270px;max-width:90vw;background:#fff;border:1px solid var(--ps-line);box-shadow:0 12px 25px #00172822;border-radius:0 0 10px 10px;list-style:none;margin:0;padding:8px;display:none;max-height:65vh;overflow:auto;}
.predel-shell-subnav li a{display:block;color:var(--ps-ink)!important;padding:10px 13px;border-radius:6px;font-size:13px;}
.predel-shell-subnav li a:hover{background:#eef7fa;text-decoration:none;}
.predel-shell-menu-item:hover .predel-shell-subnav,.predel-shell-menu-item:focus-within .predel-shell-subnav,.predel-shell-menu-item[data-subnav-open] .predel-shell-subnav{display:block;}
.predel-shell-footer{background:#243039;color:#f0f4f5;margin-top:45px;}
.predel-shell-footer-grid{padding-block:39px;display:grid;grid-template-columns:1.2fr 0.8fr 1fr 1.2fr;gap:36px;}
.predel-shell-footer h2{font-size:16px;margin:0 0 15px;color:white;font-weight:700;}
.predel-shell-footer p,.predel-shell-footer address{color:#d0dde1;line-height:1.7;font-size:13px;margin:0 0 12px;font-style:normal;}
.predel-shell-footer a{color:#ddebf0;}
.predel-shell-footer-column ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:13px;}
.predel-shell-footer-contacts{display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.predel-shell-footer-contacts address{margin:0;}
.predel-shell-footer-contacts .predel-shell-phone{font-weight:700;font-size:16px;color:#fff;font-variant-numeric:tabular-nums;}
.predel-shell-footer-contacts .predel-shell-email{font-size:13px;overflow-wrap:anywhere;}
.predel-shell-hours{font-size:12px;line-height:1.75;color:#d0dde1;margin-top:6px;}
.predel-shell-hours strong,.predel-shell-hours span{display:block;}
.predel-shell-footer-call,.predel-shell-submit{border:0;border-radius:8px;background:var(--ps-blue);color:#fff;cursor:pointer;font-weight:700;padding:12px 17px;min-height:44px;}
.predel-shell-footer-call:hover,.predel-shell-submit:hover{background:var(--ps-blue-dark);}
.predel-shell-foot-bottom{border-top:1px solid #3e4c55;font-size:12px;color:#c3d1d5;padding-block:15px;}
.predel-shell-foot-bottom>.predel-shell-container{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;}
.predel-shell-foot-bottom a{font-size:12px;}
.predel-shell-dialog{width:min(100% - 24px,460px);max-height:min(86dvh,760px);border:0;padding:24px;background:white;border-radius:16px;box-shadow:0 18px 70px #0005;overflow-y:auto;}
.predel-shell-dialog::backdrop{background:#0f2538aa;}
.predel-shell-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:12px;}
.predel-shell-dialog-head h2{font-size:20px;line-height:1.3;font-weight:700;margin:0;}
.predel-shell-dialog-head button{border:0;background:#ecf2f4;color:#263b45;font-size:18px;border-radius:6px;width:36px;height:36px;flex:none;cursor:pointer;}
.predel-shell-dialog>p{font-size:13px;color:var(--ps-muted);line-height:1.5;margin:10px 0 20px;}
.predel-shell-dialog form{display:grid;gap:13px;}
.predel-shell-dialog form>label:not(.predel-shell-honeypot){font-size:13px;color:#364651;display:grid;gap:6px;font-weight:600;}
.predel-shell-dialog input[type=text],.predel-shell-dialog input[type=tel],.predel-shell-dialog textarea{display:block;border:1px solid #cad6dc;border-radius:7px;padding:11px;width:100%;background:#fff;color:#22313a;font-size:15px;font-weight:400;}
.predel-shell-dialog .predel-shell-consent{display:flex!important;align-items:flex-start;gap:9px!important;font-size:12px!important;font-weight:400!important;line-height:1.5;color:#4c5b66;}
.predel-shell-consent input{margin-top:3px;flex-shrink:0;accent-color:var(--ps-blue);}
.predel-shell-consent a{color:var(--ps-blue-dark);text-decoration:underline;}
.predel-shell-form-message{margin:0;font-size:13px;color:#135d73;min-height:0;}
.predel-shell-submit:disabled{opacity:.6;cursor:progress;}
.predel-shell-honeypot{display:none!important;}
@media(max-width:940px){.predel-shell-main{grid-template-columns:1fr 1fr;gap:10px 18px;}.predel-shell-brand{grid-column:1/-1;}.predel-shell-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}}
@media(max-width:680px){
  .predel-shell-container{width:calc(100% - 24px);}
  .predel-shell-top-inner{justify-content:center;gap:6px 12px;}
  .predel-shell-top-contacts{width:100%;justify-content:center;gap:4px 14px;}
  .predel-shell-top-contacts a{font-size:12px;}
  .predel-shell-top-links{gap:6px 14px;justify-content:center;}
  .predel-shell-top-links a{font-size:11px;}
  .predel-shell-main{min-height:0;padding-block:10px;grid-template-columns:minmax(0,1fr) minmax(0,110px);gap:9px;}
  .predel-shell-brand{grid-column:1/-1;justify-content:center;gap:9px;}
  .predel-shell-brand img{height:48px;max-width:51px;}
  .predel-shell-brand-title strong{font-size:23px;}
  .predel-shell-brand-title small{font-size:10px;}
  .predel-shell-search{grid-column:1;min-width:0;}
  .predel-shell-cart{grid-column:2;min-width:0;}
  .predel-shell-cart .btn,.predel-shell-cart button{font-size:11px;padding:8px 5px;white-space:normal;line-height:1.2;min-height:40px;}
  .predel-shell-menu-button{display:block;width:100%;text-align:left;}
  .predel-shell-menu-list{display:none;flex-direction:column;align-items:stretch;border-top:1px solid #ffffff4a;padding:5px 0 8px;}
  .predel-shell-menu-list[data-open="true"]{display:flex;}
  .predel-shell-menu-item{min-height:43px;border-bottom:1px solid #ffffff2a;flex-wrap:wrap;align-items:center;}
  .predel-shell-menu-item>a{padding:12px;flex:1;}
  .predel-shell-subnav-toggle{height:42px;min-width:44px;}
  .predel-shell-subnav{position:static;flex-basis:100%;width:100%;max-width:none;max-height:40vh;box-shadow:none;border-radius:8px;margin:0 0 8px;}
  .predel-shell-menu-item:not([data-subnav-open]) .predel-shell-subnav{display:none;}
  .predel-shell-footer-grid{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:32px;}
  .predel-shell-footer-column{min-width:0;}
  .predel-shell-foot-bottom>.predel-shell-container{flex-direction:column;}
  .predel-shell-dialog{padding:18px;width:calc(100% - 22px);max-height:78dvh;}
}
@media (prefers-reduced-motion:reduce){.predel-shell-dialog{scroll-behavior:auto;}}

/* PREDEL SHELL SEARCH FIX 1.0.1: keep the original OpenCart search field and button on one row. */
.predel-shell-search{min-width:0;max-width:100%;}
.predel-shell-search #search,
.predel-shell-search .input-group{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch;
  width:100%;min-width:0;max-width:100%;
}
.predel-shell-search #search > input[type="text"],
.predel-shell-search #search > input[type="search"],
.predel-shell-search .input-group > input[type="text"],
.predel-shell-search .input-group > input[type="search"]{
  display:block;
  flex:1 1 0%!important;
  width:1%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0;
}
.predel-shell-search #search > button,
.predel-shell-search .input-group > button{
  display:flex;
  flex:0 0 46px;
  width:46px;
  max-width:46px;
  min-width:44px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  margin:0;
  white-space:nowrap;
}
.predel-shell-search #search > .input-group-btn,
.predel-shell-search .input-group > .input-group-btn{
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
}
.predel-shell-search .input-group-btn > button{min-width:44px;white-space:nowrap;}

/* PREDEL SHELL LAYOUT FIX 1.0.5
 * Root cause: OpenCart 4.1.0.4 stock CSS uses 400px desktop / 730px
 * mobile padding-bottom on #content and side columns. That was needed
 * for the stock position:absolute footer. The Predel branded footer is
 * in normal document flow, so stock padding creates giant white gaps.
 * Scope all resets to pages with our branded footer, preserving stock layout
 * if the shell module is disabled or the header/footer renderer is absent.
 */
#container:has(> footer.predel-shell-footer) {
  display: block !important;
  position: relative !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}
#container:has(> footer.predel-shell-footer) #content,
#container:has(> footer.predel-shell-footer) #column-left,
#container:has(> footer.predel-shell-footer) #column-right {
  padding-bottom: 0 !important;
}
#container:has(> footer.predel-shell-footer) > main {
  display: flow-root !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}
#container > footer.predel-shell-footer {
  display: block !important;
  position: static !important;
  inset: auto !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 32px 0 0 !important;
  padding-top: 0 !important;
  border: 0 !important;
}
/* Mobile submenu scrolls naturally with the page. */
@media (max-width: 680px) {
  .predel-shell-menu .predel-shell-menu-list[data-open="true"] {
    display: flex !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .predel-shell-menu .predel-shell-subnav,
  .predel-shell-menu .predel-shell-menu-item[data-subnav-open] > .predel-shell-subnav {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  .predel-shell-menu .predel-shell-menu-item[data-subnav-open] > .predel-shell-subnav {
    display: block !important;
  }
  #container > footer.predel-shell-footer {
    margin-top: 24px !important;
  }
}