@font-face{font-family:Manrope;src:url(manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url(manrope-cyrillic-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2116}
:root{color-scheme:dark;--ground:#11161c;--surface:#19222c;--text:#f4f6f9;--muted:#bdc9d7;--line:#34414f;--blue:#80bbff;--blue-hover:#a4cfff;--dark:#101820;--green:#9cdec0;font:16px/1.55 Manrope,system-ui,sans-serif;background:var(--ground);color:var(--text);scrollbar-color:var(--line) var(--ground)}
*{box-sizing:border-box}body{margin:0}main{min-height:72vh}::selection{color:var(--dark);background:var(--blue)}
a{color:inherit;text-decoration:none;text-underline-offset:.22em}a:hover{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.66rem 1.15rem;border:1px solid transparent;border-radius:.6rem;background:var(--blue);color:var(--dark);font-weight:800;cursor:pointer;white-space:nowrap}
button:hover,.button:hover{background:var(--blue-hover);color:var(--dark)}button:disabled{opacity:.65;cursor:wait}.secondary{background:transparent;border-color:var(--line);color:var(--text)}
input,select,textarea{min-width:0;width:100%;min-height:46px;background:#121b25;color:var(--text);border:1px solid #516175;border-radius:.55rem;padding:.6rem .78rem;caret-color:var(--blue)}
textarea{resize:vertical}label{display:grid;gap:.3rem;color:var(--muted);font-weight:650}input::placeholder{color:#aab9ca}input[type=checkbox]{width:1.1rem;min-height:1.1rem;accent-color:var(--blue)}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}h1{font-size:clamp(2.2rem,5vw,4.6rem);letter-spacing:-.038em;font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.034em}h3{font-size:1rem;line-height:1.4}p{margin-top:.8rem}img{display:block;max-width:100%}[hidden]{display:none!important}
.shell{width:min(1280px,calc(100% - 72px));margin-inline:auto}.top,.foot,.heading-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
header{border-bottom:1px solid var(--line);background:#10151b}.top{min-height:72px}.brand{display:inline-flex;align-items:center;gap:.8rem}.brand img{width:94px}.brand span{border-left:1px solid var(--line);padding-left:.8rem;letter-spacing:.14em;font-size:.83rem;font-weight:800}
nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);font-weight:740}.cart-nav span{display:inline-grid;place-items:center;padding:0 .36em;min-width:1.55rem;min-height:1.55rem;margin-left:.15rem;border-radius:2rem;background:#263b50;color:#bfdbff}
.skip{position:absolute;left:.8rem;top:.8rem;transform:translateY(-180%);background:var(--ground);padding:.6rem;z-index:2}.skip:focus{transform:none}
.hero{background:linear-gradient(90deg,#0e1722f5 1%,#101923df 28%,#111b2888 55%,#101a2315 100%),url(coastal-reflections.webp) center 55%/cover no-repeat;border-bottom:1px solid var(--line)}
.hero-inner{padding-block:clamp(80px,11vw,152px);min-height:500px}.hero h1{font-size:clamp(3.25rem,7vw,6rem);line-height:.99}.hero p{color:#e6edf5;margin-block:1.15rem 1.5rem;font-size:clamp(1rem,2vw,1.2rem)}
.search{display:flex;gap:.5rem;align-items:stretch;max-width:650px}.search input{flex:1}.hero .search{max-width:540px}.hero .text-link{display:inline-block;margin-top:1.2rem}
.text-link,.heading-row>a:not(.button){color:var(--blue);font-weight:760}.browse,.featured{padding-block:2.5rem}.model-grid,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.15rem}
.model{display:flex;align-items:baseline;gap:.35em;padding:.95rem 1rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);font-weight:700}.model strong{font-size:1.33rem}.model span{margin-left:auto;color:var(--blue)}
.featured{padding-top:1rem;padding-bottom:4rem}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface)}.product-image{display:grid;place-items:center;width:100%;aspect-ratio:4/3;background:#e8edf3;color:#213244}.product-image img{width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}.placeholder{padding:1rem;font-weight:700}
.card-content{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem}.sku,.muted{color:var(--muted)}.sku{font-size:.81rem;font-variant-numeric:tabular-nums}.card-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.4rem}.card-meta span{font-size:.76rem}.in{color:var(--green)}
.page{padding-block:clamp(2.4rem,6vw,5rem)}.page>h1,.page>.heading-row:first-child{margin-bottom:1.5rem}.filters{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.filters select{max-width:min(32rem,78vw)}.check{display:flex;align-items:center;min-height:46px;gap:.45rem}.pagination{gap:.5rem;flex-wrap:wrap;margin-top:1rem}.pagination a,.variant{border:1px solid var(--line);border-radius:.4rem;padding:.5rem .75rem}.pagination a[aria-current],.variant[aria-current]{color:var(--blue);border-color:var(--blue)}
.product{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(1rem,5vw,4rem);margin-top:1.35rem}.product h1{font-size:clamp(1.9rem,4vw,3.5rem);overflow-wrap:anywhere}.product .sku{margin:0 0 .75rem}.main-image{border-radius:.8rem;overflow:hidden}.thumbs,.variants,.buy{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.thumb{width:70px;height:58px;padding:0;overflow:hidden;background:#e8edf3}.thumb img{width:100%;height:100%;object-fit:contain}.product-price{font-size:1.85rem;font-weight:800}.buy{align-items:center;margin-block:1rem}.description{max-width:73ch;margin-top:3rem}.description p{white-space:pre-line}dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}
.checkout{display:grid;grid-template-columns:1fr minmax(270px,.75fr);gap:clamp(1rem,4vw,3rem)}.checkout form,.narrow{display:grid;gap:.85rem;max-width:32rem}.checkout form p{margin-top:0}.cart-line{display:grid;grid-template-columns:1fr 76px auto;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line)}.cart-line p{margin:.25rem 0 0}.cart-line button{white-space:normal}.cart-total{font-weight:800;margin-top:1.1rem}
.table-scroll{overflow:auto;margin-block:1.1rem}table{border-collapse:collapse;width:100%;text-align:left}th,td{border-bottom:1px solid var(--line);padding:.65rem}td small{display:block;color:var(--muted)}.editor{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;max-width:850px}.wide{grid-column:1/-1}fieldset{display:flex;flex-wrap:wrap;gap:.6rem;border:1px solid var(--line)}.order{padding:1.2rem 0;border-bottom:1px solid var(--line)}.order h2{font-size:1.35rem}.order form{display:flex;align-items:end;gap:.6rem}.order form label{min-width:180px}
footer{border-top:1px solid var(--line);color:var(--muted)}.foot{min-height:90px;font-size:.86rem}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{width:calc(100% - 42px)}}
@media(max-width:680px){.shell{width:calc(100% - 30px)}.grid,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.hero{background-position:62% center}.hero-inner{min-height:395px;padding-block:70px}.hero .search input{font-size:.85rem}.card-content{padding:.72rem}.product,.checkout{grid-template-columns:1fr}.editor{grid-template-columns:1fr}.top{min-height:62px}.brand img{width:70px}.brand span{font-size:.67rem}.top nav{gap:.7rem;font-size:.85rem}.cart-line{grid-template-columns:1fr 65px auto;gap:.35rem}.cart-line button{padding:.4rem}.foot{padding-block:1rem}}

.delivery-fields {
  display: grid;
  grid-column: 1 / -1;
  min-inline-size: 0;
  gap: .7rem;
  margin: 0;
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .55rem;
}
.delivery-fields legend {
  padding-inline: .3rem;
  font-weight: 700;
}
.delivery-structured {
  display: grid;
  gap: .65rem;
}
.delivery-combo {
  position: relative;
  min-width: 0;
}
.delivery-combo label {
  margin-bottom: .3rem;
}
.delivery-results {
  position: absolute;
  z-index: 5;
  top: calc(100% + .2rem);
  inset-inline: 0;
  max-height: 14rem;
  overflow: auto;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: .45rem;
}
.delivery-results [role=option] {
  cursor: pointer;
  padding: .55rem .7rem;
  overflow-wrap: anywhere;
}
.delivery-results [role=option] + [role=option] {
  border-top: 1px solid var(--line);
}
.delivery-results [role=option]:hover,
.delivery-results [aria-selected=true] {
  background: #263b50;
}
.delivery-feedback {
  margin: 0;
  color: var(--muted);
  font-size: .875rem;
}
