/* MINEREX v6 — аккуратные правки без смены общего стиля */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.logo{display:flex;align-items:center;min-width:0;flex:0 1 auto}
.logo img{display:block;width:auto;max-width:100%;height:auto!important;max-height:42px}
.header-inner{gap:14px}
section{scroll-margin-top:84px}

/* Мобильное меню */
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--blue);border-radius:10px;cursor:pointer;flex:0 0 auto;padding:0}
.mobile-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .18s,background .18s}
.mobile-menu-toggle span::before,.mobile-menu-toggle span::after{content:'';position:absolute;left:0;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,top .18s}
.mobile-menu-toggle span::before{top:-7px}.mobile-menu-toggle span::after{top:7px}
body.menu-open .mobile-menu-toggle span{background:transparent}
body.menu-open .mobile-menu-toggle span::before{top:0;transform:rotate(45deg)}
body.menu-open .mobile-menu-toggle span::after{top:0;transform:rotate(-45deg)}
.mobile-menu-backdrop{display:none;position:fixed;inset:60px 0 0;background:rgba(14,25,43,.18);z-index:98}
body.menu-open .mobile-menu-backdrop{display:block}
@media(max-width:760px){
  header{z-index:120}
  .header-inner{height:60px!important;padding:0 14px!important;gap:8px!important;align-items:center!important}
  .logo{max-width:calc(100vw - 84px)}
  .logo img{max-height:35px!important}
  .mobile-menu-toggle{display:flex}
  header nav{position:fixed;top:60px;left:12px;right:12px;display:none!important;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 38px rgba(14,25,43,.16);padding:10px;z-index:130;max-height:calc(100vh - 82px);overflow:auto;-webkit-overflow-scrolling:touch}
  body.menu-open header nav{display:flex!important}
  header nav a,header nav a:not(.nav-cta){display:block!important;padding:13px 14px!important;font-size:15px!important;line-height:1.2;border-radius:10px;color:var(--text);text-align:left}
  header nav a:hover,header nav a.cur{background:var(--bg);color:var(--blue)}
  header nav .nav-cta{margin:8px 0 0!important;text-align:center!important;background:var(--blue)!important;color:#fff!important;box-shadow:none!important;border-radius:10px!important;font-size:15px!important;min-width:0!important;white-space:normal!important}
  body.menu-open{overflow:hidden}
}
@media(max-width:380px){.header-inner{padding:0 10px!important}.logo img{max-height:31px!important}.mobile-menu-toggle{width:42px;height:42px}}

/* Контакты: телефон сверху, три иконки снизу */
.contacts-line{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;align-items:stretch;max-width:560px;width:100%}
.contacts-line .phone-btn{grid-column:1/-1;width:100%;justify-content:center;min-width:0;text-align:center;box-sizing:border-box}
.contacts-line .ibtn{width:100%;height:58px;border-radius:var(--r-md);box-sizing:border-box}
@media(max-width:640px){
  .contacts-line{gap:9px!important;max-width:360px}
  .contacts-line .phone-btn{height:48px;padding:0 12px;font-size:15px;gap:8px}
  .contacts-line .phone-btn svg{width:18px;height:18px}
  .contacts-line .ibtn{height:48px}
}
@media(max-width:380px){.contacts-line .phone-btn{font-size:14px}}

/* Каталог: разделы выглядят как кликабельные карточки, без перегруза */
.cat-list{gap:12px;padding:0!important;background:transparent!important}
.cat-row{border:1px solid var(--border)!important;border-radius:14px!important;background:#fff!important;margin:0!important;padding:22px 24px!important;box-shadow:0 1px 3px rgba(0,0,0,.025),0 10px 24px rgba(27,52,85,.035);position:relative;overflow:hidden}
.cat-row:first-child{border-top:1px solid var(--border)!important}
.cat-row .arr{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:20px}
.cat-row:hover{background:#fff!important;border-color:#cfd9e8!important;box-shadow:0 4px 18px rgba(27,52,85,.075)}
.cat-name{font-weight:500!important;letter-spacing:-.015em}
@media(max-width:700px){.cat-row{padding:18px 16px!important}.cat-row .arr{width:26px;height:26px}.cat-desc{padding-right:4px}}

/* Блок о компании: убрать тяжёлый bold */
.about-cols p strong{font-weight:400!important;color:var(--mid)!important}
.about-card{padding:46px!important}.about-cols{gap:44px!important}.about-logo{margin-bottom:32px!important}.about-logo img{width:180px!important;max-width:58vw!important}
@media(max-width:760px){.about-card{padding:30px 22px!important}.about-cols{gap:8px!important}.about-logo{margin-bottom:24px!important}}

/* Больше воздуха без радикальной перестройки */
#products,#about,#contact,.prod-section,.contact-section,.cta-section,.docs-section{padding-top:44px;padding-bottom:64px}
.section-lead{margin-bottom:34px!important}
@media(max-width:760px){#products,#about,#contact,.prod-section,.contact-section,.cta-section,.docs-section{padding-top:30px;padding-bottom:48px}.section-lead{margin-bottom:24px!important}}

/* Карточка товара: галерея */
.prod-body-grid.with-photo{grid-template-columns:320px 1fr}
.product-gallery{width:100%;max-width:360px;align-self:flex-start}
.gallery-viewport{width:100%;aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative}
.gallery-track{height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{min-width:100%;height:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;background:var(--bg)}
.gallery-slide img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-dots{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;min-height:10px}
.gallery-dot{width:6px;height:6px;border-radius:50%;border:0;background:#c9d3e1;padding:0;cursor:pointer;transition:width .18s,background .18s}
.gallery-dot.active{width:18px;border-radius:999px;background:var(--blue)}
.prod-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px dashed var(--border);border-radius:14px;background:var(--bg);color:var(--light)}
@media(max-width:760px){.prod-body-grid.with-photo{grid-template-columns:1fr}.product-gallery{max-width:none;width:100%;margin-bottom:20px}.gallery-viewport{aspect-ratio:4/3}.prod-card-wrap{padding:24px 18px!important}}
@media(max-width:420px){.gallery-viewport{aspect-ratio:1}.prod-card-wrap,.cta-card,.docs-card{padding:20px 14px!important}}

/* Документы товара */
.docs-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.doc-link{border:1px solid var(--border)!important;border-radius:12px;padding:12px 14px!important;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}
.doc-link:hover{border-color:#cfd9e8!important;box-shadow:0 4px 14px rgba(27,52,85,.055);background:#fff!important}
.doc-link .doc-name{flex:1;min-width:0;overflow-wrap:anywhere}
.doc-link .doc-dl{white-space:nowrap;color:var(--light);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:520px){.doc-link{align-items:flex-start!important;gap:10px!important}.doc-link .doc-dl{margin-left:0!important;font-size:11px}}

/* Общая защита от длинных названий */
a,.pr-name,.pr-desc,.prod-text,.doc-link,.section-lead,.page-top h1,.cat-name,.cat-desc{overflow-wrap:anywhere;word-break:normal}
.prod-row>div,.prod-text,.cta-text{min-width:0}

/* Админка */
.mobile-section-select{display:none;width:100%;margin-top:10px}
.mobile-section-select select{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;background:#fff;color:var(--text)}
.file-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.file-row{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 10px;min-width:0}
.file-row img{width:48px;height:48px;object-fit:cover;border-radius:7px;background:#fff;border:1px solid var(--border);flex-shrink:0}
.file-row .file-icon{width:42px;height:42px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--red);border:1px solid var(--border);font-weight:700;font-size:11px;flex-shrink:0}
.file-row .fname{white-space:normal;line-height:1.35;overflow-wrap:anywhere}
.upload-area.is-uploading{opacity:.65;pointer-events:none}
@media(max-width:768px){
  #admin-app .layout{display:block;min-height:calc(100vh - 58px)}
  #admin-app aside{display:none!important}
  #admin-app .mobile-section-select{display:block}
  #admin-app .page-head{display:block}
  #admin-app .btn-add{width:100%;justify-content:center;margin-top:12px}
  #admin-app .prod-card{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:14px}
  #admin-app .prod-thumb{width:58px;height:58px}
  #admin-app .prod-actions{grid-column:1/-1;flex-direction:row;width:100%;justify-content:flex-end}
  #admin-app .header-right{gap:6px}#admin-app .btn-sm{padding:7px 9px;font-size:12px}
  #admin-app .modal-overlay{align-items:flex-start;padding:10px;overflow:auto}
  #admin-app .modal{max-height:none;width:100%;margin:12px 0}
}
@media(max-width:420px){#admin-app header{height:auto;min-height:58px;gap:8px;align-items:flex-start;padding:10px 12px}#admin-app .admin-badge{display:none}#admin-app main{padding:12px}#admin-app .modal-head,#admin-app .modal-body,#admin-app .modal-footer{padding-left:16px;padding-right:16px}}

/* Миниатюры в списке товаров */
.prod-row{align-items:center!important}
.list-thumb{width:62px;height:62px;border-radius:10px;border:1px solid var(--border);background:var(--bg);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.list-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.prod-mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.prod-mini-meta span{font-size:11px;color:var(--light);border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:#fff}
@media(max-width:520px){.list-thumb{width:48px;height:48px}.prod-row{gap:12px!important}}

/* MINEREX v7 final refinements */
.about-cols p strong{font-weight:400!important;color:inherit!important}
.about-card{padding-top:44px!important;padding-bottom:44px!important}
section{scroll-margin-top:76px}
.cat-row{cursor:pointer;position:relative}
.cat-row:hover .cat-name{color:var(--blue)}
.cat-row:hover .arr{transform:translateX(2px)}
.arr{transition:transform .16s ease,color .16s ease}
@media(max-width:760px){.about-card{padding-top:30px!important;padding-bottom:30px!important}.hero{padding-top:52px!important;padding-bottom:58px!important}}

/* MINEREX v8: no text label near section arrows */
.cat-row::after{content:none!important;display:none!important}


/* MINEREX v9: product documents before request block; centered contact card; easier gallery controls */
.product-gallery .gallery-viewport{cursor:pointer;user-select:none}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(207,217,232,.9);background:rgba(255,255,255,.9);color:var(--blue);display:flex;align-items:center;justify-content:center;z-index:4;cursor:pointer;box-shadow:0 6px 18px rgba(27,52,85,.10);font-size:24px;line-height:1;transition:background .15s,transform .15s,opacity .15s}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.03)}
.gallery-arrow.prev{left:12px}.gallery-arrow.next{right:12px}
.gallery-arrow[hidden]{display:none!important}
.gallery-dots{gap:2px;margin-top:12px;min-height:22px}
.gallery-dot{width:28px!important;height:20px!important;border-radius:999px!important;background:transparent!important;position:relative;padding:0!important;border:0!important;cursor:pointer}
.gallery-dot::before{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:999px;background:#c9d3e1;transform:translate(-50%,-50%);transition:width .18s,background .18s}
.gallery-dot.active::before{width:18px;background:var(--blue)}
.docs-section{padding-top:24px!important;padding-bottom:24px!important}
.cta-section{padding-top:24px!important;padding-bottom:64px!important}
.cta-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:34px 40px!important}
.cta-card .cta-text{font-size:22px!important;line-height:1.25!important;font-weight:500!important;color:var(--text)!important;margin:0 0 24px!important;text-align:center!important;width:100%}
.cta-card .contacts-line{margin:0 auto!important;max-width:660px!important;width:100%!important}
.cta-card .phone-btn{height:58px!important;font-size:17px!important}
.docs-card{padding-top:30px!important;padding-bottom:30px!important}
.docs-title{text-align:left!important}
@media(max-width:760px){
  .gallery-arrow{width:38px;height:38px;font-size:22px}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}
  .docs-section{padding-top:18px!important;padding-bottom:18px!important}
  .cta-section{padding-top:18px!important;padding-bottom:48px!important}
  .cta-card{padding:28px 18px!important}
  .cta-card .cta-text{font-size:20px!important;margin-bottom:18px!important}
  .cta-card .contacts-line{max-width:380px!important}
}
@media(max-width:420px){
  .gallery-arrow{width:34px;height:34px;font-size:20px;background:rgba(255,255,255,.86)}
  .cta-card .cta-text{font-size:19px!important}
}


/* MINEREX v10: header logo, product spacing, gallery, docs actions */
@media(min-width:761px){
  header .header-inner{height:84px!important;align-items:center!important}
  header .logo{flex:0 0 auto!important;max-width:none!important}
  header .logo img{width:180px!important;max-width:180px!important;height:auto!important;max-height:none!important;display:block!important}
  header nav a{font-size:14px!important;padding:8px 13px!important}
  header nav .nav-cta{padding:10px 18px!important}
  .page-top{padding-top:130px!important}
  .hero{padding-top:84px!important}
}
@media(max-width:760px){
  header .header-inner{height:60px!important;padding:0 14px!important}
  header .logo{max-width:calc(100vw - 84px)!important}
  header .logo img{width:155px!important;max-width:100%!important;height:auto!important;max-height:38px!important}
}
@media(max-width:380px){header .logo img{width:138px!important;max-height:34px!important}}

/* Equal vertical rhythm on product page */
.prod-section{padding-top:12px!important;padding-bottom:34px!important}
.docs-section{padding-top:0!important;padding-bottom:34px!important}
.cta-section{padding-top:0!important;padding-bottom:64px!important}
.docs-card{padding-top:30px!important;padding-bottom:30px!important}
@media(max-width:760px){.prod-section{padding-bottom:26px!important}.docs-section{padding-bottom:26px!important}.cta-section{padding-bottom:46px!important}}

/* Gallery: no large arrows; click photo = next; zoom tool */
.gallery-arrow{display:none!important}
.product-gallery .gallery-viewport{cursor:pointer;user-select:none}
.gallery-viewport::after{content:'Нажмите на фото для следующего';position:absolute;left:12px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.82);color:#6f7d8e;font-size:11px;letter-spacing:.02em;opacity:0;transition:opacity .18s;pointer-events:none;box-shadow:0 2px 8px rgba(27,52,85,.08)}
.product-gallery:hover .gallery-viewport::after{opacity:1}
.gallery-zoom{position:absolute;right:10px;top:10px;z-index:5;width:34px;height:34px;border:1px solid rgba(207,217,232,.92);border-radius:50%;background:rgba(255,255,255,.92);color:var(--blue);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(27,52,85,.12);transition:background .15s,transform .15s}
.gallery-zoom:hover{background:#fff;transform:scale(1.04)}
.gallery-dots{gap:3px!important;margin-top:12px!important;min-height:22px!important}
.gallery-dot{width:30px!important;height:22px!important;border-radius:999px!important;background:transparent!important;position:relative;padding:0!important;border:0!important;cursor:pointer}
.gallery-dot::before{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:999px;background:#c9d3e1;transform:translate(-50%,-50%);transition:width .18s,background .18s}
.gallery-dot.active::before{width:18px;background:var(--blue)}
.gallery-lightbox{position:fixed;inset:0;z-index:999;background:rgba(10,18,30,.82);display:none;align-items:center;justify-content:center;padding:28px}
.gallery-lightbox.open{display:flex}
.gallery-lightbox img{max-width:min(1200px,96vw);max-height:90vh;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.gallery-lightbox-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#1b2430;font-size:26px;line-height:1;cursor:pointer}
@media(max-width:760px){.gallery-viewport::after{display:none}.gallery-zoom{width:32px;height:32px;right:8px;top:8px}.gallery-lightbox{padding:12px}.gallery-lightbox-close{right:12px;top:12px}}

/* PDF documents: open + download */
.doc-link{display:flex!important;align-items:center!important;gap:14px!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 14px!important;background:#fff!important;color:var(--text)!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s!important}
.doc-link:hover{border-color:#cfd9e8!important;box-shadow:0 4px 14px rgba(27,52,85,.055)!important}
.doc-link .doc-name{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left}
.doc-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}
.doc-action{font-size:12px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--blue);font-weight:600;padding:7px 10px;border-radius:8px;border:1px solid transparent;line-height:1}
.doc-action:hover{border-color:var(--border);background:var(--bg)}
.doc-download{color:var(--light)}
@media(max-width:560px){.doc-link{align-items:flex-start!important;flex-wrap:wrap!important}.doc-actions{width:100%;margin-left:44px;justify-content:flex-start}.doc-action{padding:7px 8px}.doc-ext{margin-top:2px}}


/* v12: cleaner product rows inside category */
.prod-row-simple{align-items:center!important;min-height:76px}
.prod-row-simple .pr-name{font-size:clamp(18px,2.05vw,26px);line-height:1.25}
.prod-row-simple .arr{align-self:center}
@media(max-width:640px){.prod-row-simple{min-height:62px}.prod-row-simple .pr-name{font-size:18px}}


/* v13: единый стиль карточек разделов и товаров */
.prod-section .prod-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.prod-section .prod-list{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important;background:transparent!important}
.prod-section .prod-row{border:1px solid var(--border)!important;border-radius:14px!important;background:#fff!important;margin:0!important;padding:22px 24px!important;box-shadow:0 1px 3px rgba(0,0,0,.025),0 10px 24px rgba(27,52,85,.035)!important;position:relative;overflow:hidden;align-items:flex-start!important;gap:24px!important;min-height:0!important;transition:background .18s,border-color .15s,box-shadow .15s!important}
.prod-section .prod-row:first-child{border-top:1px solid var(--border)!important}
.prod-section .prod-row:hover{background:#fff!important;border-color:#cfd9e8!important;box-shadow:0 4px 18px rgba(27,52,85,.075)!important}
.prod-section .prod-row:hover .pr-name{color:var(--blue)!important}
.prod-section .prod-row:hover .arr{color:var(--blue)!important;transform:translateX(2px)!important}
.prod-section .prod-row>div{min-width:0!important;flex:1 1 auto!important}
.prod-section .pr-name{font-size:var(--fs-l)!important;font-weight:500!important;color:var(--text)!important;letter-spacing:-.015em!important;line-height:1.3!important;margin:0!important;transition:color .15s!important}
.prod-section .pr-desc{font-size:12px!important;line-height:1.55!important;color:var(--mid)!important;font-weight:400!important;margin-top:7px!important;max-width:980px!important;letter-spacing:.005em!important}
.prod-section .arr{width:30px!important;height:30px!important;border:1px solid var(--border)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;font-size:20px!important;color:var(--light)!important;align-self:center!important;line-height:1!important;font-weight:300!important;flex-shrink:0!important;transition:transform .16s ease,color .16s ease!important}
.prod-row-simple .pr-name{font-size:var(--fs-l)!important;line-height:1.3!important}
@media(max-width:700px){
  .prod-section .prod-row{padding:18px 16px!important;gap:14px!important}
  .prod-section .arr{width:26px!important;height:26px!important;font-size:18px!important}
  .prod-section .pr-name{font-size:16px!important;line-height:1.35!important}
  .prod-section .pr-desc{font-size:11.5px!important;line-height:1.5!important;margin-top:6px!important}
}


/* MINEREX v14: gallery image loading states */
.gallery-viewport.is-loading{cursor:default}
.gallery-viewport.is-loading .gallery-track{opacity:.18;pointer-events:none}
.gallery-viewport.is-loading::before{content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid #d7e1ee;border-top-color:var(--blue);border-radius:50%;animation:minerexSpin .8s linear infinite;z-index:4}
.gallery-viewport.is-loading::after{content:'Загрузка фото';position:absolute;left:50%;top:calc(50% + 28px);transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.86);color:#7f8d9f;font-size:11px;letter-spacing:.03em;z-index:4;opacity:1!important;box-shadow:0 2px 8px rgba(27,52,85,.08)}
.gallery-load-error{display:flex;align-items:center;justify-content:center;min-height:220px;color:#8b98a8;font-size:14px;text-align:center;padding:24px}
@keyframes minerexSpin{to{transform:rotate(360deg)}}


/* MINEREX v16: fixed logo proportions on iPhone/Android/Opera/Safari */
header .header-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
header .logo{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  overflow:visible!important;
}
header .logo img{
  display:block!important;
  height:auto!important;
  width:180px!important;
  max-width:180px!important;
  max-height:none!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
@media(min-width:761px){
  header .header-inner{height:94px!important;padding-top:0!important;padding-bottom:0!important}
  header .logo img{width:180px!important;max-width:180px!important;height:auto!important;max-height:none!important}
  header nav{display:flex!important;align-items:center!important;gap:0!important}
  header nav a{font-size:14px!important;padding:8px 12px!important}
  header nav .nav-cta{padding:10px 18px!important;margin-left:10px!important}
  .hero{padding-top:94px!important}
  .page-top{padding-top:140px!important}
}
@media(max-width:760px){
  header .header-inner{
    height:auto!important;
    min-height:76px!important;
    padding:8px 14px!important;
    gap:10px!important;
  }
  header .logo{max-width:calc(100vw - 78px)!important}
  header .logo img{
    width:150px!important;
    max-width:calc(100vw - 92px)!important;
    height:auto!important;
    max-height:none!important;
  }
  .mobile-menu-toggle{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .mobile-menu-backdrop{inset:76px 0 0!important}
  header nav{top:76px!important;max-height:calc(100vh - 98px)!important}
  .hero{padding-top:76px!important}
  .page-top{padding-top:110px!important}
}
@media(max-width:380px){
  header .header-inner{min-height:72px!important;padding:8px 10px!important}
  header .logo{max-width:calc(100vw - 68px)!important}
  header .logo img{width:132px!important;max-width:calc(100vw - 82px)!important;height:auto!important;max-height:none!important}
  .mobile-menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
  .mobile-menu-backdrop{inset:72px 0 0!important}
  header nav{top:72px!important;max-height:calc(100vh - 92px)!important}
}

/* V8 hard fix: breadcrumbs, wrapping and mobile gallery spacing */
.crumbs a{padding:0!important;}
.gallery-dots:empty{display:none!important;margin:0!important;min-height:0!important;}
@media (min-width:761px){
  #prod-grid.with-photo,.prod-body-grid.with-photo{display:block!important;overflow:visible!important;}
  #prod-grid.with-photo::after,.prod-body-grid.with-photo::after{content:"";display:block;clear:both;}
  #prod-gallery,.product-gallery{float:left!important;width:340px!important;max-width:340px!important;margin:0 42px 22px 0!important;display:block;}
  #prod-gallery-placeholder{float:left!important;width:340px!important;max-width:340px!important;margin:0 42px 22px 0!important;}
  #prod-desc,.prod-text{display:block!important;overflow:visible!important;}
}
@media (max-width:760px){
  #prod-grid.with-photo,.prod-body-grid.with-photo{gap:8px!important;}
  #prod-gallery,.product-gallery{margin-bottom:0!important;}
  .gallery-dots{margin-top:6px!important;min-height:10px!important;}
  .gallery-dots:empty{display:none!important;margin:0!important;min-height:0!important;}
}