/* Hydro-part: old OpenCart pages (cart, checkout, account, info, blog, contact) inside the new header/footer. Loaded after bootstrap 3. */
body.hp{font:400 16px/1.5 var(--f);color:var(--txt)}
.hp-legacy #main>.container,.hp-legacy #main .container{max-width:1280px;width:auto;padding:0 16px}
.hp-legacy h1,.hp-legacy h2,.hp-legacy h3,.hp-legacy h4{font-family:var(--f-h);font-weight:700;color:var(--txt);line-height:1.15}
.hp-legacy h1{font-size:30px;margin:8px 0 20px}
.hp-legacy h2{font-size:24px}
.hp-legacy a{color:inherit}
.hp-legacy #content a:not(.btn){text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:2px;text-underline-offset:2px}
.hp-legacy .breadcrumb{background:none;padding:14px 0 6px;margin:0;font-size:13px;border-radius:0}
.hp-legacy .breadcrumb>li+li:before{content:"›";color:var(--mut);padding:0 6px}
.hp-legacy .breadcrumb a{color:var(--mut)}
.hp-legacy .breadcrumb i.fa-home:before{content:"Головна";font-family:var(--f);font-style:normal}
.hp-legacy .btn{border-radius:var(--r-s);font-weight:600;min-height:44px;padding:10px 18px;border:1.5px solid transparent;box-shadow:none;text-shadow:none;background-image:none}
.hp-legacy .btn-primary,.hp-legacy .btn-success{background:var(--y);color:var(--ink);border-color:var(--y)}
.hp-legacy .btn-primary:hover,.hp-legacy .btn-success:hover,.hp-legacy .btn-primary:focus{background:var(--y-h);border-color:var(--y-h);color:var(--ink)}
.hp-legacy .btn-default{background:#fff;border-color:var(--ink);color:var(--ink)}
.hp-legacy .btn-default:hover{background:var(--bg)}
.hp-legacy .btn-danger{background:#fff;border-color:var(--err);color:var(--err)}
.hp-legacy .form-control{min-height:48px;border:1.5px solid var(--line2);border-radius:var(--r-s);box-shadow:none;font-size:16px;padding:10px 14px}
.hp-legacy .form-control:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(255,212,20,.6)}
.hp-legacy .control-label,.hp-legacy label{font-weight:600;font-size:14px;color:#3b3f47}
.hp-legacy .table{font-size:15px}
.hp-legacy .table>thead>tr>td,.hp-legacy .table>thead>tr>th{background:var(--bg);font-weight:600;border-bottom:1px solid var(--line)}
.hp-legacy .table-bordered,.hp-legacy .table-bordered td,.hp-legacy .table-bordered th{border-color:var(--line)}
.hp-legacy .img-thumbnail{border-radius:var(--r-s);border-color:var(--line)}
.hp-legacy .alert{border-radius:var(--r-s);font-size:15px}
.hp-legacy .alert-success{background:#e8f6ee;border-color:#bfe5cf;color:#14633a}
.hp-legacy .alert-danger{background:#fdecec;border-color:#f6c5c5;color:#9b1c1c}
.hp-legacy .panel{border-radius:var(--r);border-color:var(--line);box-shadow:none}
.hp-legacy .panel-heading{background:var(--bg)!important;border-color:var(--line)!important;border-radius:var(--r) var(--r) 0 0}
.hp-legacy .list-group-item{border-color:var(--line)}
.hp-legacy .list-group-item.active,.hp-legacy .list-group-item.active:hover{background:var(--ink);border-color:var(--ink)}
.hp-legacy #content{padding-bottom:48px;min-height:40vh}
/* images inside page text stay inline, as the admin editor placed them */
.hp-legacy #content img{display:inline-block;vertical-align:top;margin:6px}
.hp-legacy #content .img-thumbnail,.hp-legacy #content .thumbnail img{margin:0}
.hp-legacy .hp-hdr .ib,.hp-legacy .hp-nav a,.hp-legacy .hp-foot a,.hp-legacy .hp-mbar a,.hp-legacy .hp-drw a{text-decoration:none}
.hp-legacy .hp-hdr *,.hp-legacy .hp-nav *,.hp-legacy .hp-foot *,.hp-legacy .hp-mbar *,.hp-legacy .hp-drw *,.hp-legacy .hp-mod *{box-sizing:border-box}
.hp-legacy .hp-foot h4{font-family:var(--f);color:#fff;font-size:13px;margin:0 0 12px}
.hp-legacy .hp-foot ul{padding:0}
.hp-legacy .hp-mod h3,.hp-legacy .hp-foot p{margin:0}
.hp-legacy .hp-mod h3{margin-bottom:6px}
.hp-legacy .hp-mod label{font-size:13px}
.pagination,.pager-w .pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0;padding:0}
.pager-w .pagination>li>a,.pager-w .pagination>li>span,.hp-legacy .pagination>li>a,.hp-legacy .pagination>li>span{min-width:44px;height:44px;padding:0 12px;border-radius:var(--r-s)!important;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--txt);float:none;margin:0}
.pager-w .pagination>.active>span,.hp-legacy .pagination>.active>span{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (min-width:768px){.hp-legacy #main .container{padding:0 24px}}
@media (min-width:1024px){.hp-legacy #main .container{padding:0 32px}.hp-legacy h1{font-size:38px}}