/* V12: independently controlled product-variant sliders. Same-size product frames.
   Uses unchanged, losslessly cropped user-supplied PNGs. */
.site--platonik .product-list{align-items:stretch;}
.site--platonik .product-card.product-card--individual{
  display:flex!important;flex-direction:column!important;position:relative;
  box-sizing:border-box;min-width:0;width:100%;
  height:clamp(330px,52svh,510px)!important;max-height:510px!important;
  min-height:330px!important;aspect-ratio:auto!important;
  padding:0!important;align-items:stretch!important;
  overflow:hidden;border-radius:20px;
  background:linear-gradient(150deg,rgba(255,255,255,.17),rgba(86,153,235,.11),rgba(10,32,153,.24))!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:0 15px 36px rgba(0,22,89,.24)!important;
  text-align:center;transition:box-shadow .28s ease,transform .28s ease;
}
.site--platonik .product-card--individual:hover{transform:translateY(-5px)!important;box-shadow:0 23px 48px rgba(0,22,89,.32)!important;}
.site--platonik .product-card--individual::after{display:none!important;}
.site--platonik .product-card--individual .card-category{
  position:absolute!important;top:13px!important;left:12px!important;
  bottom:auto!important;right:auto!important;z-index:6!important;
  width:auto!important;height:auto!important;min-height:0!important;
  padding:6px 11px!important;
  font-size:10px!important;line-height:1.15!important;opacity:1!important;
  border-radius:99px!important;background:rgba(13,50,157,.48)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  white-space:nowrap;flex:none!important;
}
.site--platonik .product-card--individual .product-visual-frame{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;flex:1 1 auto;min-height:0;
  padding:48px 12px 48px;
  isolation:isolate;
}
.site--platonik .product-card--individual .product-visual-frame::before{
  content:"";position:absolute;inset:16% 10% 9%;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse,rgba(195,229,255,.21),transparent 69%);z-index:-1;
}
.site--platonik .product-card--individual .product-stage-open{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;min-width:0;min-height:0;
  padding:0;border:0;background:transparent;cursor:zoom-in;
  -webkit-tap-highlight-color:transparent;
}
/* The picture's FRAME is identical for every product. Source proportions remain intact. */
.site--platonik .product-card--individual .product-visual-frame .variant-image{
  display:block!important;position:relative!important;
  flex:none!important;min-height:0!important;max-height:100%!important;
  width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;
  background:transparent!important;
  object-fit:contain!important;object-position:center center!important;
  transform:none!important;mix-blend-mode:normal!important;
  filter:drop-shadow(0 15px 14px rgba(0,16,74,.23))!important;
  transition:filter .3s ease!important;
}
.site--platonik .product-card--individual:hover .variant-image{
  transform:none!important;filter:drop-shadow(0 17px 16px rgba(0,16,74,.32))!important;
}
.site--platonik .product-card--individual .variant-controls{
  position:absolute;bottom:7px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;gap:9px;z-index:8;
  height:33px;padding:3px 5px;
  border:1px solid rgba(255,255,255,.32);border-radius:999px;
  background:rgba(4,38,115,.48);backdrop-filter:blur(12px);
  box-shadow:0 7px 16px rgba(0,22,81,.2);white-space:nowrap;
}
.site--platonik .variant-arrow{
  display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;
  padding:0;border:0;border-radius:99px;cursor:pointer;
  background:rgba(255,255,255,.17);color:white;
  font:normal 25px/1 Arial,sans-serif;transition:background .22s,transform .22s;
}
.site--platonik .variant-arrow:hover,.site--platonik .variant-arrow:focus-visible{
  background:#fff;color:#1350a5;transform:scale(1.07);
}
.site--platonik .variant-status{
  color:#fff;font-size:10px;letter-spacing:.06em;font-weight:800;
  display:block;min-width:37px;text-align:center;
}
.site--platonik .product-card--individual .product-zoom{
  z-index:8!important;top:12px!important;right:12px!important;
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
  padding:0!important;line-height:1!important;cursor:pointer;
  border-radius:50%;border:1px solid rgba(255,255,255,.66)!important;
  color:#1551a5!important;background:rgba(255,255,255,.94)!important;
}
.site--platonik .product-card--individual .product-card-label{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;flex:0 0 84px!important;
  position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;
  width:100%!important;height:84px!important;min-height:84px!important;
  margin:0!important;z-index:5!important;
  padding:12px 8px 13px!important;
  background:linear-gradient(180deg,rgba(4,35,142,.03),rgba(3,37,129,.54))!important;
  border-top:1px solid rgba(255,255,255,.19)!important;
  text-shadow:none!important;
  opacity:1!important;gap:6px!important;
}
.site--platonik .product-card--individual .product-card-label strong{
  color:#fff!important;font-size:clamp(13px,1.06vw,17px)!important;
  font-weight:800!important;line-height:1.16!important;letter-spacing:0!important;
}
.site--platonik .product-card--individual .product-card-label small{
  color:#dbeeff!important;font-size:11px!important;letter-spacing:.035em!important;
  line-height:1.16!important;white-space:normal!important;
}
.site--platonik .product-card--individual .variant-spacer{display:none;}
.site--platonik .modal-variant-stage{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding-bottom:48px;}
.site--platonik .modal-variant-stage .modal-variant-image{max-width:100%;max-height:100%;height:100%;object-fit:contain;}
.site--platonik .modal-variant-controls{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:#08368caa;border:1px solid #ffffff56;border-radius:99px;padding:5px 8px;color:#fff;white-space:nowrap;}
.site--platonik .modal-variant-controls button{width:33px;height:33px;border:0;border-radius:50%;background:#ffffff30;color:#fff;font-size:28px;cursor:pointer;}
.site--platonik .modal-variant-controls button:hover{background:#fff;color:#07439f;}
.site--platonik .modal-variant-controls span{font-size:13px;font-weight:700;letter-spacing:.05em;}
@media(max-width:900px){
  .site--platonik .product-card.product-card--individual{height:clamp(295px,48svh,440px)!important;min-height:295px!important;}
}
@media(max-width:650px){
  .site--platonik .product-card.product-card--individual{height:clamp(235px,45svh,370px)!important;min-height:235px!important;border-radius:15px!important;}
  .site--platonik .product-card--individual .product-visual-frame{padding:45px 5px 44px!important;}
  .site--platonik .product-card--individual .product-card-label{height:68px!important;min-height:68px!important;flex-basis:68px!important;padding:6px 5px 8px!important;gap:3px!important;}
  .site--platonik .product-card--individual .product-card-label strong{font-size:clamp(11px,3.0vw,14px)!important;}
  .site--platonik .product-card--individual .product-card-label small{font-size:10px!important;}
  .site--platonik .product-card--individual .card-category{top:7px!important;left:5px!important;padding:4px 6px!important;max-width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;font-size:9px!important;}
  .site--platonik .product-card--individual .product-zoom{right:5px!important;top:6px!important;width:27px!important;height:27px!important;}
  .site--platonik .variant-controls{gap:4px!important;height:29px!important;padding:2px 4px!important;}
  .site--platonik .variant-arrow{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:22px!important;}
  .site--platonik .variant-status{font-size:9px!important;min-width:34px!important;}
}
@media(max-width:380px){
  .site--platonik .product-card.product-card--individual{height:clamp(215px,42svh,320px)!important;min-height:215px!important;}
  .site--platonik .product-card--individual .product-visual-frame{padding-block:42px 36px!important;}
}
@media(prefers-reduced-motion:reduce){.site--platonik .product-card--individual{transition:none!important;}}
/* Legacy rules styled all spans as absolute overlays; reset the per-card slide counter. */
.site--platonik .product-card--individual .variant-controls .variant-status{
  position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  width:auto!important;height:auto!important;min-height:0!important;
  min-width:35px!important;flex:0 0 auto!important;
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;color:white!important;
  text-shadow:none!important;opacity:1!important;
  font-size:10px!important;line-height:1!important;letter-spacing:.04em!important;
}
/* Retain the official navy logo artwork and improve contrast without recolouring it. */
.site--platonik .site-header .brand,
.site--platonik .overlay-head .brand,
.site--platonik .footer-logo--official{
  border-radius:999px!important;background:rgba(255,255,255,.92)!important;
  padding:4px 12px!important;box-shadow:0 4px 22px rgba(0,23,79,.1)!important;
}
@media(max-width:650px){
  .site--platonik .site-header .brand{padding:3px 9px!important;}
  .site--platonik .product-card--individual .variant-controls .variant-status{font-size:9px!important;min-width:32px!important;}
}