:root{
  --webst-eu-blue:#0b4f9e;
  --webst-eu-blue-dark:#073b78;
  --webst-eu-blue-soft:#eef5fc;
  --webst-eu-border:#d7e3ef;
  --webst-eu-text:#1f2937;
  --webst-eu-muted:#667085;
  --webst-eu-shadow:0 8px 24px rgba(15,23,42,.08);
}

.webst-eu-site-notice{
  position:relative;
  z-index:50;
  width:100%;
  padding:7px 18px;
  background:linear-gradient(90deg,#f7fbff 0%,#fff 48%,#f7fbff 100%);
  border-bottom:1px solid #e2e8f0;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}

.webst-eu-site-notice .webst-eu-guarantee{
  max-width:1200px;
  margin:0 auto;
  padding:5px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.webst-eu-guarantee{
  box-sizing:border-box;
  clear:both;
  position:relative;
  margin:18px 0;
  padding:15px 17px;
  color:var(--webst-eu-text);
  border:1px solid var(--webst-eu-border);
  border-left:4px solid var(--webst-eu-blue);
  border-radius:12px;
  background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);
  box-shadow:var(--webst-eu-shadow);
  font-size:14px;
  line-height:1.45;
}

.webst-eu-guarantee--compact{
  display:flex;
  align-items:center;
  gap:10px 12px;
  flex-wrap:wrap;
}

.webst-eu-guarantee--compact::before{
  content:'EU';
  display:inline-grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  color:#fff;
  background:var(--webst-eu-blue);
  box-shadow:0 4px 10px rgba(11,79,158,.18);
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
}

.webst-eu-site-notice .webst-eu-guarantee--compact::before{
  width:28px;
  height:28px;
  flex-basis:28px;
  font-size:9px;
}

.webst-eu-guarantee__title{
  flex:1 1 230px;
  min-width:0;
  font-weight:700;
  color:#111827;
  letter-spacing:-.01em;
}

.webst-eu-guarantee__open,
.webst-eu-guarantee__more-link,
.webst-eu-guarantee__more a,
.webst-eu-modal__dialog p a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  box-sizing:border-box;
  border-radius:8px;
  font:inherit;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.webst-eu-guarantee__open{
  border:1px solid var(--webst-eu-blue);
  background:var(--webst-eu-blue);
  color:#fff;
  padding:8px 12px;
  cursor:pointer;
  box-shadow:0 3px 8px rgba(11,79,158,.15);
}

.webst-eu-guarantee__open:hover{
  border-color:var(--webst-eu-blue-dark);
  background:var(--webst-eu-blue-dark);
  color:#fff;
  transform:translateY(-1px);
}

.webst-eu-guarantee__more-link,
.webst-eu-guarantee__more a,
.webst-eu-modal__dialog p a{
  border:1px solid #cad8e6;
  background:#fff;
  color:var(--webst-eu-blue);
  padding:8px 12px;
}

.webst-eu-guarantee__more-link:hover,
.webst-eu-guarantee__more a:hover,
.webst-eu-modal__dialog p a:hover{
  border-color:#9cb8d4;
  background:var(--webst-eu-blue-soft);
  color:var(--webst-eu-blue-dark);
}

.webst-eu-guarantee__open:focus-visible,
.webst-eu-guarantee__more-link:focus-visible,
.webst-eu-guarantee__more a:focus-visible,
.webst-eu-modal__close:focus-visible,
.webst-garan__image-button:focus-visible{
  outline:3px solid rgba(11,79,158,.28);
  outline-offset:2px;
}

.webst-eu-guarantee--full{
  padding:20px;
}

.webst-eu-guarantee__full-image{
  display:block;
  width:100%;
  max-width:720px;
  height:auto;
  margin:0 auto;
  border-radius:8px;
  background:#fff;
}

.webst-eu-guarantee__more{
  margin:15px 0 0;
  text-align:center;
}

.webst-eu-guarantee--product{
  width:100%;
  max-width:none;
  margin-top:20px;
}

.webst-eu-guarantee--catalog{
  margin:0 0 24px;
}

.webst-eu-guarantee--cart,
.webst-eu-guarantee--checkout,
.webst-eu-guarantee--checkout-block{
  background:#f9fcff;
}

.webst-garan{
  display:flex;
  align-items:center;
  gap:18px;
  clear:both;
  margin:20px 0;
  padding:16px;
  border:1px solid var(--webst-eu-border);
  border-radius:12px;
  background:#fff;
  box-shadow:var(--webst-eu-shadow);
}

.webst-garan__image-button{
  display:block;
  flex:0 0 210px;
  width:210px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
  padding:0;
  cursor:zoom-in;
  box-shadow:0 4px 14px rgba(15,23,42,.06);
  transition:transform .18s ease,box-shadow .18s ease;
}

.webst-garan__image-button:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(15,23,42,.10);
}

.webst-garan__image-button img{
  display:block;
  width:100%;
  height:auto;
}

.webst-garan__meta{
  min-width:0;
  color:var(--webst-eu-muted);
}

.webst-garan__meta strong{
  display:block;
  margin-bottom:4px;
  color:#111827;
  font-size:15px;
}

.webst-garan__meta span{
  display:block;
  margin-top:2px;
}

.webst-eu-modal[hidden]{display:none!important}

.webst-eu-modal{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:grid;
  place-items:center;
  width:100vw;
  width:100dvw;
  height:100vh;
  height:100dvh;
  box-sizing:border-box;
  padding:24px;
}

.webst-eu-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(3px);
}

.webst-eu-modal__dialog{
  position:relative;
  z-index:1;
  width:min(920px,96vw);
  max-height:94vh;
  overflow:auto;
  padding:20px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:16px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  scrollbar-width:thin;
}

.webst-eu-modal__dialog img{
  display:block;
  width:100%;
  height:auto;
  max-width:760px;
  margin:8px auto 0;
  border-radius:8px;
}

.webst-eu-modal__dialog p{
  text-align:center;
  margin:16px 0 2px;
}

.webst-eu-modal__close{
  position:sticky;
  top:0;
  float:right;
  z-index:2;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin:0 0 4px 12px;
  border:1px solid #e5e7eb;
  border-radius:50%;
  background:#fff;
  color:#111827;
  box-shadow:0 4px 12px rgba(15,23,42,.10);
  font-size:26px;
  line-height:1;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}

.webst-eu-modal__close:hover{
  background:#111827;
  color:#fff;
  transform:rotate(3deg);
}

body.webst-eu-modal-open{overflow:hidden}
.webst-eu-checkout-block-injected{margin:18px 0}

@media(max-width:782px){
  .webst-eu-site-notice{padding:7px 14px}
  .webst-eu-guarantee{border-radius:10px}
  .webst-eu-guarantee--compact{gap:9px}
  .webst-eu-guarantee__title{flex-basis:calc(100% - 48px)}
  .webst-eu-guarantee__open{margin-left:46px}
}

@media(max-width:600px){
  .webst-eu-site-notice{padding:6px 12px}
  .webst-eu-site-notice .webst-eu-guarantee{padding:4px 0}
  .webst-eu-guarantee{margin:15px 0;padding:14px}
  .webst-eu-guarantee--compact{display:grid;grid-template-columns:34px 1fr;align-items:center}
  .webst-eu-site-notice .webst-eu-guarantee--compact{grid-template-columns:28px 1fr}
  .webst-eu-guarantee__title{grid-column:2;flex:none}
  .webst-eu-guarantee__open,
  .webst-eu-guarantee__more-link{grid-column:1 / -1;width:100%;margin:0}
  .webst-eu-guarantee__open{margin-top:4px}
  .webst-garan{display:block;padding:14px}
  .webst-garan__image-button{width:100%;max-width:260px;margin:0 auto 14px}
  .webst-garan__meta{text-align:center}
  .webst-eu-modal{padding:8px}
  .webst-eu-modal__dialog{padding:12px;border-radius:12px}
  .webst-eu-modal__close{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){
  .webst-eu-guarantee__open,
  .webst-eu-guarantee__more-link,
  .webst-eu-guarantee__more a,
  .webst-eu-modal__dialog p a,
  .webst-eu-modal__close,
  .webst-garan__image-button{transition:none}
}