.hdr-in{grid-template-columns:auto 1fr auto auto auto}
.cart-btn{display:flex;align-items:center;gap:10px;padding:0 20px;border-left:1px solid var(--rule-blue);color:#fff;text-decoration:none;font:600 15px var(--f-display);letter-spacing:.07em;text-transform:uppercase;position:relative}
.cart-btn:hover{background:var(--blue-deep)}
.cart-btn b{min-width:22px;height:22px;padding:0 6px;background:var(--red);color:#fff;font:700 13px/22px var(--f-display);text-align:center}
.hdr-call{grid-column:auto}
.price-vat{font-size:14px;color:var(--ink-2)}
.tag{display:inline-block;font:600 12px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;border:1px solid var(--grid-strong);color:var(--ink-2);margin:0 4px 4px 0}
.stock{font:600 13px var(--f-display);letter-spacing:.05em;text-transform:uppercase}
.stock.on{color:#11713a}.stock.off{color:var(--ink-2)}
.stock::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:currentColor;vertical-align:1px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--blue-ink);color:#fff;padding:14px 18px;font-size:16px;z-index:50;transition:opacity .25s var(--ease-out),transform .35s var(--ease-out);box-shadow:0 14px 40px -12px rgba(6,31,74,.6);max-width:calc(100vw - 24px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast a{color:#fff;font-weight:600;margin-left:10px}
.crumbs{border-bottom:1px solid var(--rule);background:#fff}
.crumbs ol{display:flex;gap:10px;list-style:none;padding:16px 0;font:600 14px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);overflow:hidden;white-space:nowrap}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--grid-strong)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--blue)}
.ftr-in{display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:14px;flex-wrap:wrap}
@media (max-width:860px){.nav{display:none}.hdr-in{grid-template-columns:auto 1fr auto auto}}
@media (max-width:560px){.hdr-in{height:60px}.logo-cell{padding:0 12px}.logo-cell img{height:30px}.lang{display:none}.hdr-call span,.cart-btn span{display:none}.hdr-call,.cart-btn{padding:0 16px}}

dialog.info{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(1180px,100vw);max-width:100vw;border:0;border-left:1px solid var(--blue);padding:0;background:#fff;color:var(--ink);overflow:hidden;display:none;flex-direction:column}
dialog.info[open]{display:flex;animation:drawer .35s var(--ease-out)}
@keyframes drawer{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
dialog.info::backdrop{background:rgba(6,31,74,.45)}
.info-top{flex:none;display:flex;justify-content:space-between;align-items:start;gap:16px;background:var(--blue);color:#fff;padding:18px 22px}
.info-top h2{font:700 34px/1 var(--f-display);text-transform:uppercase;margin-top:4px}
.info-br{font:600 12px var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--on-blue-2)}
.info-x{width:44px;height:44px;flex:none;border:1px solid var(--rule-blue-strong);background:transparent;color:#fff;font:400 30px/1 var(--f-body);cursor:pointer}
.info-x:hover{background:#fff;color:var(--blue)}
.info-grid{flex:1;min-height:0;display:grid;grid-template-columns:400px 1fr}
.info-l{overflow-y:auto;border-right:1px solid var(--blue);overscroll-behavior:contain}
.info-r{display:flex;flex-direction:column;min-height:0;min-width:0}
.info-img{position:relative;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--rule)}
.info-img img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain}
.info-th{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--rule)}
.info-th button{width:56px;height:56px;padding:3px;border:1px solid var(--rule);background:#fff;cursor:pointer}
.info-th button[aria-pressed=true]{border:2px solid var(--blue)}
.info-th img{width:100%;height:100%;object-fit:contain}
.info-txt{padding:4px 18px 24px}
.info-txt p{margin-top:10px;font-size:15px}
.info-tl{font:600 19px var(--f-display)!important;text-transform:uppercase;color:var(--blue);margin-top:16px!important}
.info-txt h3{font:700 20px var(--f-display);text-transform:uppercase;color:var(--blue);margin:20px 0 8px}
.info-tech{width:100%;border-collapse:collapse;border:1px solid var(--blue);font-size:14px}
.info-tech th{text-align:left;font-weight:400;color:var(--ink-2);padding:7px 10px;border-top:1px solid var(--rule);width:50%}
.info-tech td{padding:7px 10px;border-top:1px solid var(--rule);border-left:1px solid var(--rule);font:600 15px var(--f-display)}
.info-sh{flex:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--rule);flex-wrap:wrap}
.info-sh h3{font:700 24px var(--f-display);text-transform:uppercase;color:var(--blue)}
.info-sh h3 small{font-size:16px;color:var(--ink-2);margin-left:4px}
.info-f{height:42px;border:1px solid var(--grid-strong);padding:0 12px;font:500 16px var(--f-body);width:min(300px,100%);outline:0;border-radius:0}
.info-f:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.info-hl{flex:none;margin:0;padding:8px 18px;background:var(--paper-2);border-bottom:1px solid var(--rule);font-size:14px;color:var(--ink-2)}
.info-tw{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.info-sz{width:100%;border-collapse:collapse;font-size:15px}
.info-sz th{position:sticky;top:0;z-index:1;background:var(--blue);color:#fff;text-align:left;font:600 12px var(--f-display);letter-spacing:.1em;text-transform:uppercase;padding:9px 10px}
.info-sz td{padding:8px 10px;border-top:1px solid var(--rule);vertical-align:middle}
.info-sz .r{text-align:right}
.info-sz .sz{font:600 17px var(--f-display);letter-spacing:.02em;white-space:nowrap}
.info-sz .cd{font:600 15px var(--f-display);letter-spacing:.03em;white-space:nowrap}
.info-sz .pr{font:700 17px var(--f-display);white-space:nowrap}
.info-sz tr.hl td{background:#eaf0fa}
.info-sz tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--blue)}
.info-sz tbody tr:hover td{background:var(--paper-2)}
.info-sz .stock{font-size:11px}
.info-sz .add{height:36px;padding:0 12px;border:1px solid var(--red);background:var(--red);color:#fff;font:600 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .2s}
.info-sz .add:hover{background:var(--red-deep)}
.info-sz .add.done{background:#11713a;border-color:#11713a}
.info-sz .vm{display:none}
.info-none{padding:20px 18px;color:var(--ink-2)}
.red{color:var(--red)}
.btn-info{height:42px;padding:0 14px}
@media (max-width:860px){
  dialog.info{overflow-y:auto;display:none}dialog.info[open]{display:block}
  .info-top{position:sticky;top:0;z-index:3}
  .info-grid{display:flex;flex-direction:column}
  .info-l{overflow:visible;border-right:0;display:contents}
  .info-img{order:1;aspect-ratio:16/10}.info-th{order:2}
  .info-r{order:3;border-top:1px solid var(--blue)}
  .info-txt{order:4;border-top:1px solid var(--blue)}
  .info-top{padding:12px 14px}.info-top h2{font-size:24px}
  .info-img{aspect-ratio:auto;height:190px}.info-th{padding:8px 14px}.info-th button{width:46px;height:46px}
  .info-sh{padding:12px 14px}.info-f{width:100%}.info-hl{padding:8px 14px}
  .info-tw{overflow:visible}.info-sz th{position:static}
  .info-sz .hs,.info-sz .hv{display:none}
  .info-sz .vm{display:block;font:500 13px/1.3 var(--f-body);letter-spacing:0;color:var(--ink-2);white-space:normal;margin-top:2px}
  .info-sz .stock.vm{font:600 11px var(--f-display);color:#11713a}
  .info-sz td,.info-sz th{padding:9px 8px}.info-sz td:first-child,.info-sz th:first-child{padding-left:14px}
  .info-sz .add{padding:0 8px;font-size:12px}
}

.info-code{display:inline-block;background:#fff;color:var(--blue);padding:2px 7px;font:700 14px var(--f-display);letter-spacing:.04em;margin-left:2px}

.no-order .cart-btn{display:none!important}
.info-sz a.add{display:inline-flex;align-items:center;text-decoration:none}
.no-order .hdr-call{grid-column:-2}