/** Shopify CDN: Minification failed

Line 3885:13 Unexpected "3-image"
Line 3899:13 Unexpected "3"
Line 4033:11 Unexpected "3"
Line 4046:24 Unexpected "/"
Line 4502:32 Expected identifier but found whitespace
Line 4515:26 Expected identifier but found whitespace
Line 4515:79 Expected identifier but found whitespace
Line 4631:14 Unexpected "3er-Streifen"
Line 4702:57 Expected identifier but found whitespace
Line 4839:18 Unexpected "1"
... and 4 more hidden warnings

**/
:root{--blue:#0057b8;--blue2:#0078de;--navy:#041f3f;--cream:#fbf2e5;--paper:#fffaf3;--gold:#d9b36c;--ink:#071d35;--muted:rgba(7,29,53,.66);--line:rgba(7,29,53,.13);--shadow:0 24px 80px rgba(4,31,63,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img,svg{display:block;max-width:100%}button,input,select{font:inherit}.page{width:min(1280px,calc(100% - 34px));margin:auto}
.announcement{background:linear-gradient(90deg,var(--navy),var(--blue),var(--blue2));color:#fff;text-align:center;padding:10px 12px;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.header{position:sticky;top:0;z-index:50;background:rgba(255,250,243,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.nav a{position:relative}.nav a:hover{color:var(--blue)}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--blue);transition:.22s}.nav a:hover:after{right:0}.logo{font-family:Georgia,serif;font-size:33px;color:var(--navy);letter-spacing:.16em;text-transform:uppercase;text-align:center;line-height:.82}.logo small{display:block;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.42em;color:var(--blue);margin-top:9px}.actions{display:flex;justify-content:flex-end;gap:10px}.icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;transition:.2s}.icon:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(4,31,63,.13);color:var(--blue)}.menu-btn{display:none}.drawer{display:none}
.hero{position:relative;display:grid;grid-template-columns:42% 58%;min-height:calc(100vh - 112px);background:#fff;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:clamp(34px,6vw,88px);display:flex;flex-direction:column;justify-content:center;z-index:2}.kicker{color:var(--blue);font-size:12px;font-weight:1000;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(50px,7.4vw,112px);line-height:.86;letter-spacing:-.06em;color:var(--navy);margin:0 0 24px}.hero h1 span{color:var(--blue);font-style:italic}.hero p{color:var(--muted);max-width:580px;font-size:17px;line-height:1.78;margin:0}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:14px 23px;border:1px solid var(--navy);background:#fff;color:var(--navy);font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(4,31,63,.18)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--blue);border-color:var(--blue)}.hero-media{position:relative;min-height:660px;overflow:hidden;background:#eaf5ff}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,0) 38%,rgba(4,31,63,.05))}.hero-card{position:absolute;right:32px;bottom:32px;z-index:2;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);padding:18px 20px;max-width:330px;box-shadow:var(--shadow)}.hero-card strong{display:block;color:var(--blue);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.hero-card span{display:block;color:var(--muted);line-height:1.55;margin-top:7px;font-size:13px}
.category-strip{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px;padding:14px;background:#fff}.category-tile{position:relative;min-height:360px;overflow:hidden;background:#eee;display:flex;align-items:flex-end}.category-tile:first-child{min-height:430px}.category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.category-tile:hover img{transform:scale(1.065)}.category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(4,31,63,.66))}.category-label{position:relative;z-index:2;color:#fff;padding:26px}.category-label h3{font-family:Georgia,serif;font-weight:500;font-size:clamp(36px,3.7vw,58px);margin:0 0 8px}.category-label span{font-size:12px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.category-tile:hover .category-label span{text-decoration:underline}
.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,76px);line-height:.9;letter-spacing:-.05em;color:var(--navy);margin:0}.section p{color:var(--muted);line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(7,29,53,.06);transition:.24s}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(4,31,63,.14)}.product-image{aspect-ratio:4/5;background:#f6f6f6;overflow:hidden;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-card:hover .product-image img{transform:scale(1.045)}.product-info{padding:16px}.product-title{color:var(--navy);font-size:13px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;line-height:1.35}.price{margin-top:8px;color:var(--blue);font-weight:1000}.quick-add{width:100%;margin-top:14px;background:var(--navy);color:#fff;border:0;padding:13px 14px;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.2s}.quick-add:hover{background:var(--blue);transform:translateY(-2px)}.quick-add:active{transform:scale(.98)}.quick-add:disabled{opacity:.55;cursor:not-allowed}
.mobile-collection{display:none}.editorial{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#fff}.editorial-media{position:relative;overflow:hidden;background:#eee}.editorial-media img{width:100%;height:100%;object-fit:cover}.editorial-copy{background:var(--cream);padding:clamp(34px,6vw,86px);display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(42px,5vw,80px);line-height:.9;margin:0 0 22px;color:var(--navy)}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.trust-item{background:#fff;padding:30px}.trust-item b{display:block;color:var(--blue);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.trust-item p{color:var(--muted);line-height:1.6;font-size:14px}
.product-page{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:56px 0;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:42px;align-items:start}.product-gallery{display:grid;grid-template-columns:92px 1fr;gap:14px}.product-thumbs{display:flex;flex-direction:column;gap:10px;max-height:760px;overflow:auto}.thumb{width:92px;aspect-ratio:1/1;border:1px solid var(--line);background:#fff;padding:4px;cursor:pointer}.thumb.active{border:2px solid var(--blue)}.thumb img{width:100%;height:100%;object-fit:cover}.product-main-media{background:#fff;border:1px solid var(--line);padding:14px}.product-main-frame{width:100%;aspect-ratio:4/5;background:#f7f7f7;display:grid;place-items:center;overflow:hidden}.product-main-frame img{width:100%;height:100%;object-fit:contain}.product-summary{background:#fff;border:1px solid var(--line);padding:clamp(24px,4vw,48px);position:sticky;top:96px}.product-summary h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.045em;margin:8px 0 16px;color:var(--navy)}.product-description{color:var(--muted);line-height:1.75;margin-top:24px}.product-form{margin-top:24px;display:grid;gap:12px}.product-form select,.product-form input{width:100%;border:1px solid var(--line);background:#fff;padding:14px}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.variant-pill{border:1px solid var(--line);padding:12px;text-align:center;font-weight:900;font-size:12px;text-transform:uppercase;background:#fff;cursor:pointer}.variant-pill.active{border-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.cart-page{padding:56px 0}.cart-shell{width:min(1000px,calc(100% - 32px));margin:auto;background:#fff;border:1px solid var(--line);padding:28px}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.footer{background:var(--navy);color:rgba(255,255,255,.72);padding:54px 0}.footer-grid{width:min(1220px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer h3,.footer strong{color:#fff}.newsletter{display:flex;gap:8px;margin-top:16px}.newsletter input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;padding:13px}.newsletter button{border:0;background:#fff;color:var(--navy);font-weight:1000;padding:13px 18px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,18px);opacity:0;background:var(--navy);color:#fff;padding:13px 18px;z-index:100;font-weight:1000;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.header-inner{grid-template-columns:auto 1fr auto}.nav{display:none}.menu-btn{display:grid}.drawer.open{display:block;position:fixed;left:12px;right:12px;top:84px;background:#fff;border:1px solid var(--line);padding:16px;z-index:80;box-shadow:var(--shadow)}.drawer a{display:block;padding:14px 4px;font-weight:1000;text-transform:uppercase}.hero{grid-template-columns:1fr}.hero-media{min-height:520px;order:-1}.category-strip{grid-template-columns:1fr}.category-tile,.category-tile:first-child{min-height:340px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.editorial{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.product-page{grid-template-columns:1fr}.product-summary{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page{width:min(100% - 20px,1280px)}.announcement{font-size:10px}.header-inner{height:64px}.logo{font-size:23px}.icon{width:38px;height:38px}.hero-copy{padding:34px 18px}.hero h1{font-size:50px}.hero-media{min-height:430px}.hero-card{left:18px;right:18px;bottom:18px;max-width:none}.category-strip{gap:10px;padding:10px}.category-tile,.category-tile:first-child{min-height:270px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{box-shadow:0 5px 18px rgba(7,29,53,.07)}.product-info{padding:10px}.product-title{font-size:11px}.price{font-size:12px}.quick-add{font-size:10px;padding:11px 8px;margin-top:10px}.section{padding:50px 0}.section-head{display:block}.trust{grid-template-columns:1fr}.product-gallery{grid-template-columns:1fr}.product-thumbs{flex-direction:row;max-height:none;overflow:auto;order:2}.thumb{width:72px;min-width:72px}.product-page{width:min(100% - 20px,1220px);padding:24px 0;gap:18px}.product-main-media{padding:8px}.product-summary{padding:20px}.product-summary h1{font-size:36px}.footer-grid{grid-template-columns:1fr}.newsletter{flex-direction:column}.cart-item{grid-template-columns:76px 1fr}.cart-item .price{text-align:left}}



/* === XYRA SWISS FINAL FIX === */

:root{
  --blue:#004f9f;
  --blue2:#0074d9;
  --navy:#041f3f;
  --cream:#fbf1e2;
  --paper:#fffaf2;
  --gold:#d6ac63;
  --ink:#071d35;
  --muted:rgba(7,29,53,.66);
  --line:rgba(7,29,53,.13);
  --shadow:0 24px 80px rgba(4,31,63,.16);
}

.logo{
  font-family:Georgia,serif !important;
  font-size:33px !important;
  color:var(--navy) !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  line-height:.82 !important;
}

.logo small{
  display:block !important;
  font-family:Inter,sans-serif !important;
  font-size:9px !important;
  letter-spacing:.42em !important;
  color:var(--blue) !important;
  margin-top:9px !important;
}

/* Kaputte Bilder verhindern: nur echte vorhandene Assets referenzieren */
.category-tile img,
.hero-media img,
.editorial-media img,
.footer-shot img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Startseite cleaner */
@media (min-width: 981px){
  .hero{
    min-height:82vh !important;
  }
  .section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
  .hero-copy{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }
}

/* Kategorien hochwertig */
.category-strip{
  display:grid !important;
  grid-template-columns:1.2fr .9fr .9fr !important;
  gap:14px !important;
  padding:14px !important;
  background:#fff !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
}

.category-tile{
  position:relative !important;
  min-height:360px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:flex-end !important;
  background:#eee !important;
}

.category-tile:first-child{
  min-height:430px !important;
}

.category-tile:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(4,31,63,.66)) !important;
}

.category-label{
  position:relative !important;
  z-index:2 !important;
  color:#fff !important;
  padding:26px !important;
}

.category-label h3{
  font-family:Georgia,serif !important;
  font-weight:500 !important;
  font-size:clamp(36px,3.7vw,58px) !important;
  margin:0 0 8px !important;
  text-shadow:0 8px 24px rgba(0,0,0,.28) !important;
}

/* Produktseite PC fix */
@media (min-width: 981px){
  .product-page{
    width:min(1440px, calc(100% - 72px)) !important;
    grid-template-columns:minmax(680px, 1.08fr) minmax(460px, .92fr) !important;
    gap:56px !important;
    padding-top:72px !important;
    padding-bottom:72px !important;
    align-items:start !important;
  }

  .product-gallery{
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:18px !important;
  }

  .product-thumbs{
    gap:12px !important;
    max-height:none !important;
  }

  .thumb{
    width:104px !important;
    min-width:104px !important;
  }

  .product-main-media{
    padding:16px !important;
    background:#fff !important;
  }

  .product-main-frame{
    aspect-ratio:4/5 !important;
    min-height:680px !important;
    background:#f7f4ef !important;
  }

  .product-main-frame img{
    object-fit:contain !important;
  }

  .product-summary{
    top:96px !important;
    padding:46px !important;
    max-width:none !important;
  }

  .product-summary h1{
    font-size:clamp(54px,4.7vw,88px) !important;
    line-height:.88 !important;
    margin-bottom:18px !important;
  }

  .product-description{
    font-size:15px !important;
    line-height:1.8 !important;
  }
}

/* Keine zweite Produktsektion auf Produktseite */
.template-product .section:has(.product-grid){
  display:none !important;
}

/* Mobile Produktlisten: 2 Produkte pro Reihe */
@media(max-width:560px){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .product-info{
    padding:10px !important;
  }

  .product-title{
    font-size:10.5px !important;
    line-height:1.25 !important;
  }

  .quick-add{
    font-size:10px !important;
    padding:10px 6px !important;
  }
}

/* Warenkorb hochwertig und Bilder nicht verzerren */
.cart-page{
  padding:28px 0 56px !important;
  background:linear-gradient(180deg,#fffaf2,#fbf1e2) !important;
}

.cart-shell{
  width:min(980px,calc(100% - 28px)) !important;
  margin:auto !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(4,31,63,.11) !important;
  padding:clamp(20px,4vw,42px) !important;
  box-shadow:0 18px 55px rgba(4,31,63,.08) !important;
}

.cart-thumb{
  width:104px !important;
  height:132px !important;
  background:#f7f7f7 !important;
  border:1px solid var(--line) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.cart-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

.cart-title{
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:var(--navy) !important;
}

/* Footer mood */
.luxury-footer-top{
  background:#fff !important;
  padding:46px 0 !important;
  border-top:1px solid var(--line) !important;
}

.footer-editorial{
  width:min(1220px, calc(100% - 32px)) !important;
  margin:auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.footer-shot{
  min-height:360px !important;
  overflow:hidden !important;
}

.footer-note{
  background:var(--cream) !important;
  padding:42px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.footer-note h2{
  font-family:Georgia,serif !important;
  font-size:clamp(34px,4vw,58px) !important;
  font-weight:500 !important;
  line-height:.95 !important;
  margin:0 0 18px !important;
  color:var(--navy) !important;
}

@media(max-width:980px){
  .category-strip{
    grid-template-columns:1fr !important;
  }
  .category-tile,
  .category-tile:first-child{
    min-height:340px !important;
  }
  .footer-editorial{
    grid-template-columns:1fr !important;
  }
  .product-page{
    width:min(100% - 24px,1220px) !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding-top:28px !important;
  }
  .product-gallery{
    grid-template-columns:1fr !important;
  }
  .product-thumbs{
    order:2 !important;
    flex-direction:row !important;
    overflow-x:auto !important;
    max-height:none !important;
    padding-bottom:4px !important;
  }
  .thumb{
    width:74px !important;
    min-width:74px !important;
  }
}

@media(max-width:560px){
  .category-tile,
  .category-tile:first-child{
    min-height:285px !important;
  }
  .footer-shot{
    min-height:300px !important;
  }
  .footer-note{
    padding:30px 20px !important;
  }
  .cart-thumb{
    width:84px !important;
    height:106px !important;
  }
}



/* === XYRA EDGE HEADER PREMIUM FIX === */

/* Topbar besser lesbar */
.announcement{
  background:linear-gradient(90deg,#03224a,#0057b8,#0074d9) !important;
  color:#fff !important;
  text-align:center !important;
  padding:10px 16px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  line-height:1.35 !important;
}

/* Header-Inhalt fast ganz an den Rand, aber nicht gequetscht */
.header{
  background:rgba(255,250,242,.96) !important;
  border-bottom:1px solid rgba(4,31,63,.13) !important;
  box-shadow:0 10px 30px rgba(4,31,63,.045) !important;
}

.header-inner.edge-header{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 clamp(18px, 3vw, 54px) !important;
  height:78px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:28px !important;
}

/* Navigation links grosszügiger und besser lesbar */
.edge-nav{
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  gap:clamp(22px, 2.6vw, 46px) !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:#061f3f !important;
}

.edge-nav a{
  opacity:.78 !important;
  white-space:nowrap !important;
  position:relative !important;
  transition:.2s ease !important;
}

.edge-nav a:hover{
  opacity:1 !important;
  color:#0057b8 !important;
}

.edge-nav a:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:100% !important;
  bottom:-10px !important;
  height:2px !important;
  background:#0057b8 !important;
  transition:.22s ease !important;
}

.edge-nav a:hover:after{
  right:0 !important;
}

/* Logo mittig, klarer und hochwertiger */
.edge-logo{
  justify-self:center !important;
  font-family:Georgia,serif !important;
  font-size:34px !important;
  line-height:.82 !important;
  letter-spacing:.18em !important;
  color:#041f3f !important;
  text-transform:uppercase !important;
  text-align:center !important;
  min-width:170px !important;
}

.edge-logo small{
  display:block !important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.45em !important;
  color:#0057b8 !important;
  margin-top:9px !important;
}

/* Icons weiter rechts, cleaner und klickbarer */
.edge-actions{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
}

.edge-actions .icon{
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid rgba(4,31,63,.15) !important;
  color:#041f3f !important;
  box-shadow:0 8px 24px rgba(4,31,63,.07) !important;
  transition:.2s ease !important;
}

.edge-actions .icon:hover{
  transform:translateY(-2px) !important;
  color:#0057b8 !important;
  box-shadow:0 16px 36px rgba(4,31,63,.13) !important;
}

/* Hero beginnt sauber direkt unter Header */
.hero{
  border-top:0 !important;
}

/* Simora schlägt man mit ruhigerem Premium-Aufbau: weniger Rand in Hero */
@media (min-width:981px){
  .hero-copy{
    padding-left:clamp(54px, 6vw, 118px) !important;
  }

  .hero-media{
    min-height:690px !important;
  }
}

/* Mobile: Logo links, Icons rechts, Menü sauber */
@media(max-width:980px){
  .header-inner.edge-header{
    height:72px !important;
    grid-template-columns:auto 1fr auto !important;
    padding:0 18px !important;
    gap:14px !important;
  }

  .edge-nav{
    display:none !important;
  }

  .edge-logo{
    justify-self:start !important;
    min-width:auto !important;
    font-size:28px !important;
  }

  .edge-actions{
    justify-self:end !important;
    gap:10px !important;
  }

  .menu-btn{
    display:grid !important;
  }

  .drawer.open{
    display:block !important;
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:86px !important;
    background:#fffaf2 !important;
    border:1px solid rgba(4,31,63,.14) !important;
    padding:18px !important;
    z-index:90 !important;
    box-shadow:0 24px 70px rgba(4,31,63,.16) !important;
  }

  .drawer a{
    display:block !important;
    padding:15px 4px !important;
    font-size:13px !important;
    font-weight:1000 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
    color:#041f3f !important;
    border-bottom:1px solid rgba(4,31,63,.08) !important;
  }
}

@media(max-width:560px){
  .announcement{
    font-size:9.5px !important;
    letter-spacing:.07em !important;
    padding:8px 10px !important;
  }

  .header-inner.edge-header{
    height:66px !important;
    padding:0 14px !important;
  }

  .edge-logo{
    font-size:24px !important;
    letter-spacing:.14em !important;
  }

  .edge-logo small{
    font-size:8px !important;
    letter-spacing:.35em !important;
    margin-top:7px !important;
  }

  .edge-actions .icon{
    width:39px !important;
    height:39px !important;
  }
}



/* === PRODUCT PAGE PREMIUM ACCORDION FIX === */

.product-page-premium{
  align-items:start !important;
}

.product-summary-premium{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}

.product-summary-premium .kicker{
  letter-spacing:.22em !important;
  color:#8b8b8b !important;
}

.product-summary-premium h1{
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.product-price-large{
  margin:18px 0 24px !important;
  color:#041f3f !important;
  font-size:clamp(24px,2.2vw,34px) !important;
  letter-spacing:.16em !important;
  font-weight:500 !important;
}

.delivery-line{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#2d7b28 !important;
  font-size:16px !important;
  margin:0 0 26px !important;
}

.delivery-icon{
  display:inline-grid !important;
  place-items:center !important;
  width:22px !important;
  height:22px !important;
  border:1px solid currentColor !important;
  border-radius:999px !important;
  font-size:12px !important;
}

.stock-warning{
  color:#d88900 !important;
  font-size:19px !important;
  font-style:italic !important;
  margin:0 0 10px !important;
  padding-bottom:12px !important;
  border-bottom:4px solid #f0e3cf !important;
  position:relative !important;
}

.stock-warning:after{
  content:"" !important;
  display:block !important;
  width:22px !important;
  height:4px !important;
  background:#d88900 !important;
  position:absolute !important;
  bottom:-4px !important;
  left:0 !important;
}

.product-form-premium{
  margin-top:26px !important;
  display:grid !important;
  gap:22px !important;
}

.variant-select{
  min-height:52px !important;
}

.quantity-box{
  width:220px !important;
  height:58px !important;
  display:grid !important;
  grid-template-columns:58px 1fr 58px !important;
  border:1px solid rgba(4,31,63,.18) !important;
  background:#fff !important;
}

.quantity-box button{
  border:0 !important;
  background:#fff !important;
  color:#041f3f !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.quantity-box input{
  border:0 !important;
  text-align:center !important;
  font-size:20px !important;
  color:#041f3f !important;
  padding:0 !important;
}

.add-to-cart-main{
  width:100% !important;
  min-height:64px !important;
  background:#171717 !important;
  border-color:#171717 !important;
  color:#fff !important;
  letter-spacing:.24em !important;
  font-size:13px !important;
  margin-top:8px !important;
}

.add-to-cart-main:hover{
  background:#0057b8 !important;
  border-color:#0057b8 !important;
}

.product-service-list{
  display:grid !important;
  gap:18px !important;
  margin:34px 0 26px !important;
  padding-bottom:28px !important;
  border-bottom:1px solid rgba(4,31,63,.14) !important;
  color:#171717 !important;
  font-size:16px !important;
}

.product-service-list div{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.product-service-list span{
  width:28px !important;
  display:inline-grid !important;
  place-items:center !important;
  font-size:19px !important;
}

.product-accordions{
  border-top:1px solid rgba(4,31,63,.14) !important;
}

.product-accordion{
  border-bottom:1px solid rgba(4,31,63,.14) !important;
}

.product-accordion summary{
  list-style:none !important;
  cursor:pointer !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:18px !important;
  padding:26px 0 !important;
  color:#171717 !important;
}

.product-accordion summary::-webkit-details-marker{
  display:none !important;
}

.product-accordion summary span{
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.product-accordion summary b{
  font-size:28px !important;
  line-height:1 !important;
  font-weight:300 !important;
}

.accordion-content{
  padding:0 0 28px !important;
  color:#222 !important;
  line-height:1.75 !important;
  font-size:16px !important;
}

/* PC Produktseite: Beschreibung nicht mehr vor CTA sichtbar */
@media(min-width:981px){
  .product-description{
    display:none !important;
  }

  .product-summary-premium{
    padding-top:34px !important;
  }
}

/* Mobile: Warenkorb kommt weit oben, Accordions darunter */
@media(max-width:980px){
  .product-summary-premium{
    padding:28px 0 0 !important;
  }

  .product-summary-premium h1{
    font-size:34px !important;
    line-height:1.05 !important;
    letter-spacing:.12em !important;
  }

  .product-price-large{
    font-size:25px !important;
    letter-spacing:.16em !important;
    margin:16px 0 24px !important;
  }

  .delivery-line{
    font-size:15px !important;
    margin-bottom:24px !important;
  }

  .quantity-box{
    width:208px !important;
    height:58px !important;
  }

  .add-to-cart-main{
    min-height:64px !important;
    font-size:13px !important;
    letter-spacing:.22em !important;
  }

  .product-service-list{
    font-size:15px !important;
    margin-top:30px !important;
  }

  .product-accordion summary{
    padding:24px 0 !important;
  }

  .product-accordion summary span{
    font-size:16px !important;
    letter-spacing:.16em !important;
  }

  .accordion-content{
    font-size:16px !important;
  }
}

@media(max-width:560px){
  .product-page{
    width:min(100% - 32px,1220px) !important;
  }

  .product-summary-premium h1{
    font-size:30px !important;
    letter-spacing:.14em !important;
  }

  .product-price-large{
    font-size:24px !important;
  }

  .quantity-box{
    width:208px !important;
  }

  .product-accordion summary span{
    font-size:14px !important;
    letter-spacing:.16em !important;
  }
}


/* CLEANUP FIXES */

.features-section,
.store-benefits,
.usp-grid,
.premium-look-section{
  display:none !important;
}

/* Rücksendelabel entfernen */
.product-service-list div:first-child{
  display:none !important;
}


/* Produktgalerie Pfeile + Swipe */
.product-main-media{
  position:relative !important;
}

.product-main-frame{
  touch-action:pan-y !important;
  user-select:none !important;
}

.product-main-frame img{
  -webkit-user-drag:none !important;
}

.gallery-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  border:1px solid rgba(4,31,63,.14) !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(12px) !important;
  color:#041f3f !important;
  font-size:34px !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  box-shadow:0 12px 34px rgba(4,31,63,.12) !important;
  transition:.2s ease !important;
}

.gallery-arrow:hover{
  background:#041f3f !important;
  color:#fff !important;
  transform:translateY(-50%) scale(1.04) !important;
}

.gallery-arrow-prev{
  left:22px !important;
}

.gallery-arrow-next{
  right:22px !important;
}

@media(max-width:980px){
  .gallery-arrow{
    width:42px !important;
    height:42px !important;
    font-size:30px !important;
    opacity:.92 !important;
  }

  .gallery-arrow-prev{
    left:12px !important;
  }

  .gallery-arrow-next{
    right:12px !important;
  }
}

@media(max-width:560px){
  .gallery-arrow{
    display:none !important;
  }

  .product-main-frame:after{
    content:"Wischen für weitere Bilder" !important;
    position:absolute !important;
    left:50% !important;
    bottom:12px !important;
    transform:translateX(-50%) !important;
    background:rgba(255,255,255,.86) !important;
    color:#041f3f !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    pointer-events:none !important;
  }

  .product-main-frame{
    position:relative !important;
  }
}



/* === XYRA SWISS BETTER THAN SIMORA PRODUCT V2 === */

/* Header: grösser, luxuriöser, besser lesbar */
.announcement{
  font-size:13px !important;
  letter-spacing:.13em !important;
  padding:12px 18px !important;
}

.xyra-header{
  background:rgba(255,250,242,.98) !important;
  border-bottom:1px solid rgba(4,31,63,.11) !important;
  box-shadow:0 12px 38px rgba(4,31,63,.045) !important;
}

.xyra-header-inner{
  width:100% !important;
  max-width:none !important;
  height:92px !important;
  padding:0 clamp(28px,4vw,76px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:34px !important;
}

.xyra-nav{
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  gap:clamp(28px,3vw,58px) !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:18px !important;
  font-weight:500 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#041f3f !important;
}

.xyra-nav a{
  position:relative !important;
  opacity:.84 !important;
  white-space:nowrap !important;
  transition:.22s ease !important;
}

.xyra-nav a:hover{
  opacity:1 !important;
  color:#0057b8 !important;
}

.xyra-nav a:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:100% !important;
  bottom:-12px !important;
  height:1px !important;
  background:#0057b8 !important;
  transition:.24s ease !important;
}

.xyra-nav a:hover:after{
  right:0 !important;
}

.xyra-logo{
  justify-self:center !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:44px !important;
  line-height:.78 !important;
  letter-spacing:.18em !important;
  color:#041f3f !important;
  text-transform:uppercase !important;
  text-align:center !important;
  min-width:190px !important;
}

.xyra-logo small{
  display:block !important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.48em !important;
  color:#0057b8 !important;
  margin-top:12px !important;
}

.xyra-actions{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}

.xyra-icon{
  width:52px !important;
  height:52px !important;
  border-radius:999px !important;
  border:1px solid rgba(4,31,63,.15) !important;
  background:#fff !important;
  color:#041f3f !important;
  display:grid !important;
  place-items:center !important;
  font-size:18px !important;
  box-shadow:0 10px 26px rgba(4,31,63,.075) !important;
  transition:.22s ease !important;
}

.xyra-icon:hover{
  transform:translateY(-2px) !important;
  color:#0057b8 !important;
  box-shadow:0 18px 40px rgba(4,31,63,.14) !important;
}

.xyra-menu-btn{
  display:none !important;
}

/* Product page: editorial, less empty, more premium */
body{
  background:#f7f1e8 !important;
}

.product-page-editorial{
  width:min(1540px, calc(100% - 72px)) !important;
  margin:0 auto !important;
  padding:72px 0 92px !important;
  display:grid !important;
  grid-template-columns:minmax(660px,1.04fr) minmax(520px,.96fr) !important;
  gap:46px !important;
  align-items:start !important;
  position:relative !important;
}

.product-page-editorial:before{
  content:"" !important;
  position:absolute !important;
  inset:34px -42px auto auto !important;
  width:36vw !important;
  height:74% !important;
  background:linear-gradient(180deg,#fff,#fbf1e2) !important;
  z-index:-1 !important;
  border:1px solid rgba(4,31,63,.055) !important;
}

.product-left-editorial{
  display:grid !important;
  gap:18px !important;
}

.product-gallery{
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  gap:20px !important;
}

.product-thumbs{
  gap:14px !important;
  max-height:none !important;
}

.thumb{
  width:112px !important;
  min-width:112px !important;
  aspect-ratio:1/1 !important;
  border:1px solid rgba(4,31,63,.14) !important;
  background:#fff !important;
  padding:5px !important;
  transition:.2s ease !important;
}

.thumb.active{
  border:2px solid #0057b8 !important;
}

.product-main-media{
  position:relative !important;
  background:#fff !important;
  padding:18px !important;
  border:1px solid rgba(4,31,63,.10) !important;
  box-shadow:0 24px 70px rgba(4,31,63,.08) !important;
}

.product-main-frame{
  aspect-ratio:4/5 !important;
  min-height:720px !important;
  background:#f3eee7 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  touch-action:pan-y !important;
}

.product-main-frame img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transition:opacity .22s ease, transform .45s ease !important;
  -webkit-user-drag:none !important;
}

.product-main-media:hover .product-main-frame img{
  transform:scale(1.018) !important;
}

.gallery-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
  width:52px !important;
  height:52px !important;
  border-radius:999px !important;
  border:1px solid rgba(4,31,63,.12) !important;
  background:rgba(255,255,255,.9) !important;
  color:#041f3f !important;
  font-size:36px !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  box-shadow:0 14px 38px rgba(4,31,63,.13) !important;
  transition:.2s ease !important;
}

.gallery-arrow:hover{
  background:#041f3f !important;
  color:#fff !important;
}

.gallery-arrow-prev{left:32px !important;}
.gallery-arrow-next{right:32px !important;}

.product-editorial-note{
  background:#fff !important;
  border:1px solid rgba(4,31,63,.08) !important;
  padding:24px 28px !important;
  max-width:680px !important;
  margin-left:132px !important;
  color:#041f3f !important;
}

.product-editorial-note span{
  display:block !important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:#0057b8 !important;
  margin-bottom:10px !important;
}

.product-editorial-note p{
  margin:0 !important;
  color:rgba(4,31,63,.68) !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.product-summary-editorial{
  background:#fff !important;
  border:0 !important;
  box-shadow:0 24px 80px rgba(4,31,63,.07) !important;
  padding:52px 58px !important;
  position:sticky !important;
  top:116px !important;
}

.product-brandline{
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.28em !important;
  color:#8a8177 !important;
  text-transform:uppercase !important;
  margin-bottom:22px !important;
}

.product-summary-editorial h1{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:clamp(58px,4.8vw,96px) !important;
  line-height:.84 !important;
  letter-spacing:.03em !important;
  font-weight:500 !important;
  color:#041f3f !important;
  text-transform:uppercase !important;
  margin:0 0 24px !important;
}

.product-price-large{
  font-size:34px !important;
  letter-spacing:.18em !important;
  color:#041f3f !important;
  font-weight:500 !important;
  margin:0 0 28px !important;
}

.delivery-line{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#2b8b36 !important;
  font-size:16px !important;
  margin-bottom:24px !important;
}

.delivery-icon{
  display:inline-grid !important;
  place-items:center !important;
  width:22px !important;
  height:22px !important;
  border:1px solid currentColor !important;
  border-radius:999px !important;
  font-size:12px !important;
}

.stock-warning{
  color:#d88400 !important;
  font-size:18px !important;
  font-style:italic !important;
  margin:0 0 18px !important;
  padding-bottom:12px !important;
  border-bottom:4px solid #ead8bd !important;
  position:relative !important;
}

.stock-warning:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:-4px !important;
  width:28px !important;
  height:4px !important;
  background:#d88400 !important;
}

.product-form-premium{
  display:grid !important;
  gap:20px !important;
  margin-top:22px !important;
}

.quantity-box{
  width:230px !important;
  height:60px !important;
  display:grid !important;
  grid-template-columns:60px 1fr 60px !important;
  border:1px solid rgba(4,31,63,.17) !important;
  background:#fff !important;
}

.quantity-box button{
  border:0 !important;
  background:#fff !important;
  color:#041f3f !important;
  font-size:28px !important;
  cursor:pointer !important;
}

.quantity-box input{
  border:0 !important;
  text-align:center !important;
  font-size:20px !important;
  color:#041f3f !important;
  padding:0 !important;
}

.add-to-cart-main{
  width:100% !important;
  min-height:66px !important;
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  font-size:13px !important;
  letter-spacing:.24em !important;
  font-weight:1000 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.add-to-cart-main:hover{
  background:#0057b8 !important;
  border-color:#0057b8 !important;
  transform:translateY(-2px) !important;
}

.xyra-mini-trust{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:1px !important;
  background:rgba(4,31,63,.12) !important;
  margin:28px 0 24px !important;
  border:1px solid rgba(4,31,63,.10) !important;
}

.xyra-mini-trust div{
  background:#fbf8f2 !important;
  padding:16px 12px !important;
  text-align:center !important;
}

.xyra-mini-trust strong{
  display:block !important;
  font-size:13px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#041f3f !important;
}

.xyra-mini-trust span{
  display:block !important;
  font-size:12px !important;
  margin-top:5px !important;
  color:rgba(4,31,63,.62) !important;
}

.product-service-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin:0 0 24px !important;
  padding:0 0 24px !important;
  border-bottom:1px solid rgba(4,31,63,.13) !important;
  color:#303030 !important;
  font-size:14px !important;
}

.product-service-list div{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.product-accordions{
  border-top:1px solid rgba(4,31,63,.14) !important;
}

.product-accordion{
  border-bottom:1px solid rgba(4,31,63,.14) !important;
}

.product-accordion summary{
  list-style:none !important;
  cursor:pointer !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:24px 0 !important;
}

.product-accordion summary::-webkit-details-marker{
  display:none !important;
}

.product-accordion summary span{
  font-size:16px !important;
  font-weight:1000 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  color:#111 !important;
}

.product-accordion summary b{
  font-size:26px !important;
  font-weight:300 !important;
}

.accordion-content{
  padding:0 0 28px !important;
  color:#252525 !important;
  line-height:1.75 !important;
  font-size:16px !important;
}

/* Mobile */
@media(max-width:1100px){
  .xyra-header-inner{
    height:76px !important;
    padding:0 18px !important;
    grid-template-columns:auto 1fr auto !important;
  }

  .xyra-nav{
    display:none !important;
  }

  .xyra-logo{
    justify-self:start !important;
    font-size:30px !important;
    min-width:auto !important;
  }

  .xyra-menu-btn{
    display:grid !important;
  }

  .xyra-actions{
    gap:10px !important;
  }

  .xyra-icon{
    width:42px !important;
    height:42px !important;
  }

  .drawer.open,
  .xyra-drawer.open{
    display:block !important;
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:88px !important;
    background:#fffaf2 !important;
    border:1px solid rgba(4,31,63,.14) !important;
    padding:18px !important;
    z-index:90 !important;
    box-shadow:0 24px 70px rgba(4,31,63,.16) !important;
  }

  .drawer a,
  .xyra-drawer a{
    display:block !important;
    padding:15px 4px !important;
    font-family:Georgia,serif !important;
    font-size:18px !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    color:#041f3f !important;
    border-bottom:1px solid rgba(4,31,63,.08) !important;
  }

  .product-page-editorial{
    width:min(100% - 24px, 980px) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:28px 0 56px !important;
  }

  .product-page-editorial:before{
    display:none !important;
  }

  .product-gallery{
    grid-template-columns:1fr !important;
  }

  .product-thumbs{
    order:2 !important;
    display:flex !important;
    flex-direction:row !important;
    overflow-x:auto !important;
    gap:10px !important;
  }

  .thumb{
    width:74px !important;
    min-width:74px !important;
  }

  .product-main-frame{
    min-height:auto !important;
    aspect-ratio:4/5 !important;
  }

  .product-editorial-note{
    margin-left:0 !important;
  }

  .product-summary-editorial{
    position:static !important;
    padding:34px 24px !important;
  }

  .product-summary-editorial h1{
    font-size:clamp(38px,11vw,62px) !important;
  }

  .xyra-mini-trust{
    grid-template-columns:1fr 1fr 1fr !important;
  }
}

@media(max-width:560px){
  .announcement{
    font-size:9.5px !important;
    letter-spacing:.07em !important;
    padding:8px 10px !important;
  }

  .xyra-header-inner{
    height:68px !important;
    padding:0 14px !important;
  }

  .xyra-logo{
    font-size:25px !important;
    letter-spacing:.14em !important;
  }

  .xyra-logo small{
    font-size:8px !important;
    letter-spacing:.36em !important;
    margin-top:8px !important;
  }

  .xyra-icon{
    width:38px !important;
    height:38px !important;
    font-size:16px !important;
  }

  .gallery-arrow{
    display:none !important;
  }

  .product-summary-editorial{
    padding:30px 18px !important;
  }

  .product-brandline{
    font-size:10px !important;
    letter-spacing:.22em !important;
  }

  .product-summary-editorial h1{
    font-size:38px !important;
  }

  .product-price-large{
    font-size:24px !important;
  }

  .quantity-box{
    width:210px !important;
  }

  .xyra-mini-trust{
    grid-template-columns:1fr !important;
  }

  .product-service-list{
    grid-template-columns:1fr !important;
  }

  .product-accordion summary span{
    font-size:13px !important;
    letter-spacing:.16em !important;
  }
}



/* === XYRA WHITE LUXURY FINAL === */

/* Weg mit Beige/Braun: reiner, sauberer Luxuslook */
:root{
  --paper:#ffffff !important;
  --cream:#ffffff !important;
  --navy:#061d3c !important;
  --blue:#0057b8 !important;
  --line:rgba(6,29,60,.12) !important;
}

html, body,
main,
#MainContent,
.product-page,
.product-page-editorial,
.product-left-editorial,
.product-summary-editorial,
.product-main-media,
.product-main-frame,
.section,
.related-products-luxury{
  background:#fff !important;
}

body{
  color:#061d3c !important;
}

/* Header wie Luxusbrand: grösser, klarer, besser lesbar */
.announcement{
  background:#061d3c !important;
  color:#fff !important;
  font-size:13px !important;
  letter-spacing:.14em !important;
  padding:13px 18px !important;
  font-weight:900 !important;
}

.xyra-header{
  background:#fff !important;
  border-bottom:1px solid rgba(6,29,60,.12) !important;
  box-shadow:none !important;
}

.xyra-header-inner{
  height:96px !important;
  padding:0 clamp(34px,4.5vw,86px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:38px !important;
}

.xyra-nav{
  display:flex !important;
  gap:clamp(34px,3.4vw,66px) !important;
  align-items:center !important;
  justify-self:start !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  letter-spacing:.13em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  color:#061d3c !important;
}

.xyra-nav a{
  opacity:.9 !important;
  white-space:nowrap !important;
  position:relative !important;
}

.xyra-nav a:hover{
  color:#0057b8 !important;
}

.xyra-logo{
  justify-self:center !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:46px !important;
  line-height:.78 !important;
  letter-spacing:.18em !important;
  color:#061d3c !important;
  text-align:center !important;
}

.xyra-logo small{
  display:block !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:10px !important;
  letter-spacing:.48em !important;
  color:#0057b8 !important;
  margin-top:12px !important;
}

.xyra-actions{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.xyra-icon{
  width:58px !important;
  height:58px !important;
  border:1px solid rgba(6,29,60,.16) !important;
  background:#fff !important;
  color:#061d3c !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:none !important;
  transition:.2s ease !important;
}

.xyra-icon svg{
  width:28px !important;
  height:28px !important;
  fill:currentColor !important;
}

.xyra-icon:hover{
  background:#061d3c !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
}

.xyra-language{
  position:relative !important;
  z-index:80 !important;
}

.xyra-language summary{
  list-style:none !important;
  cursor:pointer !important;
  width:64px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(6,29,60,.16) !important;
  border-radius:999px !important;
  font-size:15px !important;
  letter-spacing:.12em !important;
  font-weight:800 !important;
  color:#061d3c !important;
}

.xyra-language summary::-webkit-details-marker{
  display:none !important;
}

.xyra-language-menu{
  position:absolute !important;
  top:68px !important;
  right:0 !important;
  min-width:190px !important;
  background:#fff !important;
  border:1px solid rgba(6,29,60,.12) !important;
  box-shadow:0 24px 70px rgba(6,29,60,.14) !important;
  padding:10px !important;
}

.xyra-language-menu a{
  display:block !important;
  padding:12px 14px !important;
  color:#061d3c !important;
  font-size:13px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.xyra-language-menu a:hover{
  background:#f5f7fb !important;
}

/* Produktseite weniger leer, weiss und editorial */
.product-page-editorial{
  width:min(1560px, calc(100% - 70px)) !important;
  grid-template-columns:minmax(720px,1.08fr) minmax(560px,.92fr) !important;
  gap:54px !important;
  padding:58px 0 76px !important;
}

.product-page-editorial:before{
  display:none !important;
}

.product-main-media{
  border:1px solid rgba(6,29,60,.11) !important;
  box-shadow:0 26px 70px rgba(6,29,60,.08) !important;
  background:#fff !important;
}

.product-main-frame{
  background:#fff !important;
  min-height:760px !important;
}

.product-summary-editorial{
  background:#fff !important;
  border:1px solid rgba(6,29,60,.10) !important;
  box-shadow:0 26px 80px rgba(6,29,60,.07) !important;
}

.product-summary-editorial h1{
  font-family:Georgia,"Times New Roman",serif !important;
  letter-spacing:.025em !important;
  color:#061d3c !important;
}

.product-editorial-note{
  background:#fff !important;
  border:1px solid rgba(6,29,60,.10) !important;
  box-shadow:0 18px 48px rgba(6,29,60,.055) !important;
}

.xyra-mini-trust div{
  background:#fff !important;
}

/* Recommended products wieder sichtbar und luxuriös */
.related-products-luxury{
  padding:80px 0 96px !important;
  border-top:1px solid rgba(6,29,60,.10) !important;
}

.related-inner{
  width:min(1480px, calc(100% - 70px)) !important;
  margin:0 auto !important;
}

.related-head{
  text-align:center !important;
  margin-bottom:42px !important;
}

.related-head span{
  display:block !important;
  font-size:12px !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  color:#0057b8 !important;
  margin-bottom:12px !important;
}

.related-head h2{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(44px,4vw,74px) !important;
  font-weight:500 !important;
  line-height:.95 !important;
  color:#061d3c !important;
  margin:0 0 12px !important;
}

.related-head p{
  color:rgba(6,29,60,.62) !important;
  font-size:16px !important;
  margin:0 !important;
}

.related-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
}

.related-grid .product-card{
  border:1px solid rgba(6,29,60,.08) !important;
  box-shadow:none !important;
  background:#fff !important;
}

.related-grid .product-card:hover{
  box-shadow:0 24px 70px rgba(6,29,60,.10) !important;
}

/* Footer: kein langweiliges Blau mehr */
.xyra-footer{
  background:#090909 !important;
  color:rgba(255,255,255,.74) !important;
  padding:0 !important;
}

.xyra-footer-top{
  width:min(1480px, calc(100% - 70px)) !important;
  margin:0 auto !important;
  padding:72px 0 54px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:60px !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.xyra-footer-top span{
  display:block !important;
  color:#d7b36d !important;
  font-size:12px !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  margin-bottom:14px !important;
}

.xyra-footer-top h2{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(42px,4vw,72px) !important;
  font-weight:500 !important;
  line-height:.95 !important;
  color:#fff !important;
  margin:0 !important;
}

.xyra-footer-top p{
  align-self:end !important;
  font-size:17px !important;
  line-height:1.8 !important;
  margin:0 !important;
}

.xyra-footer-grid{
  width:min(1480px, calc(100% - 70px)) !important;
  margin:0 auto !important;
  padding:48px 0 64px !important;
  display:grid !important;
  grid-template-columns:1.6fr repeat(3,1fr) !important;
  gap:50px !important;
}

.xyra-footer h3,
.xyra-footer strong{
  color:#fff !important;
}

.xyra-footer h3{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:30px !important;
  letter-spacing:.18em !important;
  font-weight:500 !important;
}

.xyra-footer a{
  color:rgba(255,255,255,.72) !important;
}

.xyra-footer a:hover{
  color:#fff !important;
}

.xyra-newsletter input{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
}

.xyra-newsletter button{
  background:#fff !important;
  color:#061d3c !important;
  border:0 !important;
}

/* Mobile */
@media(max-width:1100px){
  .xyra-header-inner{
    height:76px !important;
    grid-template-columns:auto 1fr auto !important;
    padding:0 18px !important;
  }

  .xyra-nav{
    display:none !important;
  }

  .xyra-logo{
    justify-self:start !important;
    font-size:30px !important;
  }

  .xyra-menu-btn{
    display:grid !important;
  }

  .xyra-icon{
    width:46px !important;
    height:46px !important;
  }

  .xyra-icon svg{
    width:25px !important;
    height:25px !important;
  }

  .xyra-language summary{
    width:54px !important;
    height:46px !important;
    font-size:13px !important;
  }

  .product-page-editorial{
    width:min(100% - 24px, 980px) !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:28px 0 54px !important;
  }

  .product-main-frame{
    min-height:auto !important;
  }

  .related-inner,
  .xyra-footer-top,
  .xyra-footer-grid{
    width:min(100% - 28px, 1480px) !important;
  }

  .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .xyra-footer-top{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .xyra-footer-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:560px){
  .announcement{
    font-size:9.5px !important;
    letter-spacing:.07em !important;
    padding:8px 10px !important;
  }

  .xyra-header-inner{
    height:68px !important;
    padding:0 14px !important;
  }

  .xyra-logo{
    font-size:25px !important;
  }

  .xyra-icon{
    width:40px !important;
    height:40px !important;
  }

  .xyra-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .xyra-language summary{
    width:46px !important;
    height:40px !important;
    font-size:11px !important;
  }

  .related-products-luxury{
    padding:54px 0 64px !important;
  }

  .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .xyra-footer-grid{
    grid-template-columns:1fr !important;
  }
}



/* === XYRA COLLECTION FINAL: BETTER THAN SIMORA === */

/* Sprache: echtes Shopify Select */
.xyra-language-form{
  margin:0 !important;
}

.xyra-language select{
  width:64px !important;
  height:58px !important;
  border:1px solid rgba(6,29,60,.16) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#061d3c !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-align:center !important;
  padding:0 12px !important;
  appearance:none !important;
  cursor:pointer !important;
}

/* Produktübersicht: Weiss, gross, hochwertig */
.xyra-collection-page{
  background:#fff !important;
  color:#061d3c !important;
}

.xyra-collection-toolbar{
  height:74px !important;
  display:grid !important;
  grid-template-columns:240px 1fr 240px !important;
  align-items:center !important;
  border-top:1px solid rgba(6,29,60,.10) !important;
  border-bottom:1px solid rgba(6,29,60,.10) !important;
  background:#fff !important;
}

.xyra-collection-toolbar.inside{
  border-top:0 !important;
  margin-bottom:34px !important;
}

.xyra-view-icons{
  display:flex !important;
  gap:12px !important;
  padding-left:46px !important;
  align-items:center !important;
}

.xyra-view-icons span{
  width:18px !important;
  height:18px !important;
  display:block !important;
  background:linear-gradient(90deg,#061d3c 45%,transparent 45%),linear-gradient(#061d3c 45%,transparent 45%) !important;
  background-size:8px 8px !important;
  opacity:.7 !important;
}

.xyra-product-count{
  text-align:center !important;
  font-size:13px !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  color:rgba(6,29,60,.56) !important;
}

.xyra-sort-label{
  height:100% !important;
  border-left:1px solid rgba(6,29,60,.10) !important;
  display:grid !important;
  place-items:center !important;
  font-size:13px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(6,29,60,.50) !important;
}

.xyra-collection-layout{
  width:100% !important;
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:42px !important;
  padding:64px 58px 96px !important;
  background:#fff !important;
}

.xyra-filter-sidebar{
  padding-right:22px !important;
}

.xyra-filter-sidebar details{
  border-bottom:1px solid rgba(6,29,60,.12) !important;
  padding:0 !important;
}

.xyra-filter-sidebar summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:22px 0 !important;
  display:flex !important;
  justify-content:space-between !important;
  font-size:14px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(6,29,60,.65) !important;
}

.xyra-filter-sidebar summary:after{
  content:"⌄" !important;
  font-size:16px !important;
}

.xyra-filter-sidebar summary::-webkit-details-marker{
  display:none !important;
}

.xyra-filter-sidebar a{
  display:block !important;
  padding:0 0 14px !important;
  color:rgba(6,29,60,.62) !important;
  font-size:14px !important;
}

.xyra-collection-main{
  min-width:0 !important;
}

.xyra-collection-title{
  display:none !important;
}

.xyra-collection-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:78px 58px !important;
}

/* Produktkarten wie High-Fashion-Katalog, nicht Shopify-Box */
.xyra-product-card{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  transition:.25s ease !important;
}

.xyra-product-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:none !important;
}

.xyra-product-image{
  aspect-ratio:1/1.12 !important;
  background:#f6f5f3 !important;
  border:0 !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}

.xyra-product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  transition:transform .42s ease !important;
}

.xyra-product-card:hover .xyra-product-image img{
  transform:scale(1.035) !important;
}

.xyra-placeholder-card{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  background:#f6f5f3 !important;
}

.xyra-placeholder-card svg{
  width:54% !important;
  opacity:.55 !important;
}

.xyra-product-info{
  padding:24px 12px 0 !important;
  background:#fff !important;
}

.xyra-product-title{
  display:block !important;
  min-height:44px !important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  color:rgba(6,29,60,.70) !important;
}

.xyra-product-price{
  margin-top:12px !important;
  color:rgba(6,29,60,.52) !important;
  font-size:17px !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
}

.xyra-product-price s{
  color:rgba(6,29,60,.34) !important;
  margin-left:8px !important;
}

.xyra-quick-add{
  opacity:0 !important;
  transform:translateY(8px) !important;
  margin:18px auto 0 !important;
  width:auto !important;
  min-width:190px !important;
  background:#061d3c !important;
  color:#fff !important;
  border:0 !important;
  padding:13px 18px !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  transition:.22s ease !important;
}

.xyra-product-card:hover .xyra-quick-add{
  opacity:1 !important;
  transform:translateY(0) !important;
}

/* Search */
.xyra-search-hero{
  width:min(980px,calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:70px 0 48px !important;
  text-align:center !important;
}

.xyra-search-hero span{
  display:block !important;
  font-size:12px !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  color:#0057b8 !important;
  font-weight:900 !important;
  margin-bottom:12px !important;
}

.xyra-search-hero h1{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(48px,5vw,82px) !important;
  font-weight:500 !important;
  line-height:.95 !important;
  margin:0 0 28px !important;
  color:#061d3c !important;
}

.xyra-search-form{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  max-width:640px !important;
  margin:0 auto !important;
}

.xyra-search-form input{
  height:56px !important;
  border:1px solid rgba(6,29,60,.16) !important;
  padding:0 18px !important;
  font-size:15px !important;
}

.xyra-search-form button{
  height:56px !important;
  border:0 !important;
  background:#061d3c !important;
  color:#fff !important;
  padding:0 28px !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
}

/* Mobile */
@media(max-width:1100px){
  .xyra-collection-toolbar{
    grid-template-columns:1fr !important;
    height:auto !important;
    padding:16px 18px !important;
    gap:10px !important;
  }

  .xyra-view-icons,
  .xyra-sort-label{
    display:none !important;
  }

  .xyra-collection-layout,
  .xyra-search-layout{
    grid-template-columns:1fr !important;
    padding:30px 18px 64px !important;
    gap:26px !important;
  }

  .xyra-filter-sidebar{
    display:none !important;
  }

  .xyra-collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:34px 14px !important;
  }

  .xyra-product-info{
    padding:14px 4px 0 !important;
  }

  .xyra-product-title{
    font-size:10.5px !important;
    letter-spacing:.10em !important;
    min-height:38px !important;
  }

  .xyra-product-price{
    font-size:13px !important;
  }

  .xyra-quick-add{
    opacity:1 !important;
    transform:none !important;
    min-width:0 !important;
    width:100% !important;
    font-size:9px !important;
    padding:11px 6px !important;
    letter-spacing:.08em !important;
  }
}

@media(max-width:560px){
  .xyra-language select{
    width:46px !important;
    height:40px !important;
    font-size:11px !important;
  }

  .xyra-search-form{
    grid-template-columns:1fr !important;
  }

  .xyra-search-form button{
    width:100% !important;
  }

  .xyra-collection-grid{
    gap:28px 12px !important;
  }
}



/* === XYRA SIMORA STYLE COLLECTION RESET === */

/* Suchleiste in der Mitte weg, Katalogansicht wie Simora */
.xyra-search-hero,
.xyra-search-form{
  display:none !important;
}

/* keine Produkte verstecken */
.xyra-product-card:has(.xyra-placeholder-card){
  display:block !important;
}

.xyra-placeholder-card{
  display:grid !important;
}

/* Toolbar wie Simora */
.xyra-collection-toolbar{
  height:74px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  border-top:1px solid rgba(0,0,0,.10) !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
  background:#fff !important;
}

.xyra-view-icons{
  display:flex !important;
  gap:12px !important;
  padding-left:46px !important;
  align-items:center !important;
}

.xyra-view-icons span{
  width:18px !important;
  height:18px !important;
  display:block !important;
  background:linear-gradient(90deg,#333 45%,transparent 45%),linear-gradient(#333 45%,transparent 45%) !important;
  background-size:8px 8px !important;
  opacity:.65 !important;
}

.xyra-product-count{
  text-align:center !important;
  font-size:13px !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
  color:rgba(0,0,0,.42) !important;
}

.xyra-sort-form{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  border-left:1px solid rgba(0,0,0,.10) !important;
  margin:0 !important;
}

.xyra-sort-form label{
  font-size:12px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(0,0,0,.42) !important;
}

.xyra-sort-form select{
  border:0 !important;
  background:transparent !important;
  color:rgba(0,0,0,.58) !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  outline:none !important;
}

/* Layout wie Simora: Sidebar + breites Grid */
.xyra-collection-layout{
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:46px !important;
  padding:64px 46px 120px !important;
  background:#fff !important;
}

.xyra-filter-sidebar{
  display:block !important;
  padding-right:24px !important;
}

.xyra-filter-sidebar details{
  border-bottom:1px solid rgba(0,0,0,.12) !important;
}

.xyra-filter-sidebar summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:22px 0 !important;
  display:flex !important;
  justify-content:space-between !important;
  font-size:14px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  color:rgba(0,0,0,.56) !important;
}

.xyra-filter-sidebar summary::-webkit-details-marker{
  display:none !important;
}

.xyra-filter-sidebar summary:after{
  content:"⌄" !important;
  font-size:15px !important;
}

.xyra-filter-sidebar a{
  display:block !important;
  padding:0 0 14px !important;
  font-size:13px !important;
  color:rgba(0,0,0,.52) !important;
}

/* Produktgrid exakt ruhiger Premium-Katalog */
.xyra-collection-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:86px 58px !important;
}

/* Produktkarte: keine Boxen, keine Buttons, nur Luxus-Katalog */
.xyra-product-card{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  transform:none !important;
}

.xyra-product-card:hover{
  box-shadow:none !important;
  transform:none !important;
}

.xyra-product-card::after{
  display:none !important;
}

.xyra-product-image{
  aspect-ratio:1 / 1.18 !important;
  background:#f7f6f4 !important;
  border:0 !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}

.xyra-product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:0 !important;
  mix-blend-mode:multiply !important;
  transition:transform .45s ease !important;
}

.xyra-product-card:hover .xyra-product-image img{
  transform:scale(1.025) !important;
}

.xyra-placeholder-card{
  width:100% !important;
  height:100% !important;
  background:#f7f6f4 !important;
  place-items:center !important;
}

.xyra-placeholder-card svg{
  width:46% !important;
  opacity:.42 !important;
}

/* Produkttext wie Simora: dezent, nicht dominant */
.xyra-product-info{
  padding:24px 8px 0 !important;
  background:#fff !important;
}

.xyra-product-title{
  display:block !important;
  min-height:48px !important;
  max-width:92% !important;
  margin:0 auto !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1.6 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  color:rgba(0,0,0,.58) !important;
}

.xyra-product-price{
  margin-top:8px !important;
  font-size:14px !important;
  letter-spacing:.16em !important;
  font-weight:400 !important;
  color:rgba(0,0,0,.48) !important;
}

.xyra-product-price s{
  color:rgba(0,0,0,.30) !important;
}

/* Quick Add komplett weg aus Katalog */
.xyra-quick-add,
.quick-add{
  display:none !important;
}

/* Simple search fallback */
.xyra-search-simple{
  width:min(760px,calc(100% - 36px)) !important;
  margin:70px auto 90px !important;
  text-align:center !important;
}

.xyra-search-simple h1{
  font-family:Georgia,serif !important;
  font-size:56px !important;
  font-weight:500 !important;
  color:#061d3c !important;
}

.xyra-search-simple form{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
}

.xyra-search-simple input{
  height:54px !important;
  border:1px solid rgba(0,0,0,.14) !important;
  padding:0 18px !important;
}

.xyra-search-simple button{
  height:54px !important;
  background:#061d3c !important;
  color:#fff !important;
  border:0 !important;
  padding:0 28px !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-weight:800 !important;
}

/* Mobile */
@media(max-width:1100px){
  .xyra-collection-toolbar{
    grid-template-columns:1fr !important;
    height:auto !important;
    padding:16px 18px !important;
    gap:8px !important;
  }

  .xyra-view-icons,
  .xyra-sort-form{
    display:none !important;
  }

  .xyra-collection-layout{
    grid-template-columns:1fr !important;
    padding:30px 18px 72px !important;
    gap:24px !important;
  }

  .xyra-filter-sidebar{
    display:none !important;
  }

  .xyra-collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:38px 14px !important;
  }

  .xyra-product-title{
    font-size:10.5px !important;
    letter-spacing:.10em !important;
    line-height:1.45 !important;
    min-height:38px !important;
  }

  .xyra-product-price{
    font-size:12px !important;
  }
}



/* === XYRA SIMORA CATALOG V2: CLEAN PREMIUM CATALOG === */

/* Remove old experimental catalog/search styles */
.xyra-search-hero,
.xyra-search-form,
.xyra-collection-title,
.xyra-product-card::after{
  display:none !important;
}

.xyra-catalog-page{
  background:#fff !important;
  color:#111 !important;
}

/* Top toolbar exactly clean catalog style */
.xyra-catalog-toolbar{
  height:78px !important;
  display:grid !important;
  grid-template-columns:280px 1fr 300px !important;
  align-items:center !important;
  background:#fff !important;
  border-top:1px solid rgba(0,0,0,.10) !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}

.xyra-toolbar-icons{
  display:flex !important;
  gap:14px !important;
  padding-left:44px !important;
  align-items:center !important;
}

.xyra-toolbar-icons span{
  display:block !important;
  opacity:.66 !important;
}

.xyra-toolbar-icons .grid-2,
.xyra-toolbar-icons .grid-3{
  width:18px !important;
  height:18px !important;
  background:
    linear-gradient(90deg,#222 42%,transparent 42%),
    linear-gradient(#222 42%,transparent 42%) !important;
  background-size:8px 8px !important;
}

.xyra-toolbar-icons .grid-list{
  width:20px !important;
  height:16px !important;
  background:
    linear-gradient(#222 0 0) top/100% 2px no-repeat,
    linear-gradient(#222 0 0) center/100% 2px no-repeat,
    linear-gradient(#222 0 0) bottom/100% 2px no-repeat !important;
}

.xyra-count{
  text-align:center !important;
  font-size:13px !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
  color:rgba(0,0,0,.45) !important;
  font-weight:400 !important;
}

.xyra-sort{
  height:100% !important;
  margin:0 !important;
  border-left:1px solid rgba(0,0,0,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}

.xyra-sort label{
  font-size:12px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:rgba(0,0,0,.38) !important;
  font-weight:400 !important;
}

.xyra-sort select{
  max-width:130px !important;
  border:0 !important;
  outline:0 !important;
  background:#fff !important;
  color:rgba(0,0,0,.52) !important;
  font-size:12px !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

/* Main layout */
.xyra-catalog-layout{
  background:#fff !important;
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:42px !important;
  padding:58px 46px 110px !important;
}

/* Sidebar */
.xyra-sidebar{
  display:block !important;
  padding-right:22px !important;
}

.xyra-sidebar details{
  border-bottom:1px solid rgba(0,0,0,.13) !important;
}

.xyra-sidebar summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:23px 0 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  font-size:14px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  color:rgba(0,0,0,.56) !important;
}

.xyra-sidebar summary::-webkit-details-marker{
  display:none !important;
}

.xyra-sidebar summary:after{
  content:"⌄" !important;
  font-size:15px !important;
  color:rgba(0,0,0,.55) !important;
}

.xyra-sidebar a{
  display:block !important;
  padding:0 0 14px !important;
  font-size:13px !important;
  color:rgba(0,0,0,.52) !important;
  text-decoration:none !important;
}

/* Product grid: Simora-like */
.xyra-catalog-main{
  min-width:0 !important;
}

.xyra-catalog-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:86px 58px !important;
}

/* Product item */
.xyra-product-card{
  display:block !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  transform:none !important;
}

.xyra-product-card:hover{
  transform:none !important;
  box-shadow:none !important;
}

.xyra-product-image{
  display:grid !important;
  place-items:center !important;
  aspect-ratio:1 / 1.18 !important;
  background:#f7f6f4 !important;
  overflow:hidden !important;
  border:0 !important;
}

.xyra-product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:0 !important;
  transition:transform .42s ease !important;
}

.xyra-product-card:hover .xyra-product-image img{
  transform:scale(1.025) !important;
}

.xyra-placeholder-card{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  background:#f7f6f4 !important;
}

.xyra-placeholder-card svg{
  width:44% !important;
  opacity:.42 !important;
}

/* Product text */
.xyra-product-info{
  padding:24px 8px 0 !important;
  background:#fff !important;
}

.xyra-product-title{
  display:block !important;
  max-width:92% !important;
  min-height:46px !important;
  margin:0 auto !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1.58 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  color:rgba(0,0,0,.58) !important;
}

.xyra-product-price{
  margin-top:8px !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  letter-spacing:.16em !important;
  font-weight:400 !important;
  color:rgba(0,0,0,.48) !important;
}

.xyra-product-price s{
  color:rgba(0,0,0,.28) !important;
  margin-left:7px !important;
}

.quick-add,
.xyra-quick-add{
  display:none !important;
}

/* Pagination visible and elegant */
.xyra-pagination{
  margin:78px auto 0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:24px !important;
}

.xyra-pagination a,
.xyra-pagination span{
  font-size:13px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:rgba(0,0,0,.58) !important;
  text-decoration:none !important;
}

.xyra-pagination a{
  border:1px solid rgba(0,0,0,.16) !important;
  padding:13px 22px !important;
}

.xyra-pagination a:hover{
  background:#061d3c !important;
  color:#fff !important;
}

/* Minimal search fallback */
.xyra-search-minimal{
  width:min(720px,calc(100% - 40px)) !important;
  margin:80px auto 100px !important;
  text-align:center !important;
}

.xyra-search-minimal h1{
  font-family:Georgia,serif !important;
  font-size:56px !important;
  font-weight:500 !important;
  color:#061d3c !important;
}

.xyra-search-minimal form{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
}

.xyra-search-minimal input{
  height:54px !important;
  border:1px solid rgba(0,0,0,.14) !important;
  padding:0 18px !important;
}

.xyra-search-minimal button{
  height:54px !important;
  background:#061d3c !important;
  color:#fff !important;
  border:0 !important;
  padding:0 28px !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-weight:800 !important;
}

/* Mobile */
@media(max-width:1100px){
  .xyra-catalog-toolbar{
    grid-template-columns:1fr !important;
    height:auto !important;
    padding:16px 18px !important;
    gap:8px !important;
  }

  .xyra-toolbar-icons,
  .xyra-sort{
    display:none !important;
  }

  .xyra-catalog-layout{
    grid-template-columns:1fr !important;
    padding:30px 18px 72px !important;
    gap:24px !important;
  }

  .xyra-sidebar{
    display:none !important;
  }

  .xyra-catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:38px 14px !important;
  }

  .xyra-product-title{
    font-size:10.5px !important;
    line-height:1.45 !important;
    letter-spacing:.10em !important;
    min-height:38px !important;
  }

  .xyra-product-price{
    font-size:12px !important;
  }
}

@media(max-width:560px){
  .xyra-catalog-grid{
    gap:32px 12px !important;
  }

  .xyra-search-minimal form{
    grid-template-columns:1fr !important;
  }
}

/* === XYRA SAFE FIX: Header, Produktübersicht, Sortierung, Produkttexte === */
.xyra-fixed-header{height:96px!important;min-height:96px!important;background:#fffdf8!important;border-bottom:1px solid rgba(7,31,63,.13)!important;display:flex!important;align-items:center!important;z-index:30!important;position:relative!important}
.xyra-fixed-header-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0 58px!important;height:96px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:24px!important}
.xyra-fixed-nav{display:flex!important;align-items:center!important;gap:44px!important;justify-content:flex-start!important;white-space:nowrap!important}
.xyra-fixed-nav a{font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:700!important;color:#071f3f!important;text-decoration:none!important}
.xyra-fixed-brand{justify-self:center!important;text-align:center!important;color:#071f3f!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;line-height:.8!important;min-width:150px!important}
.xyra-fixed-brand span{font-family:Georgia,'Times New Roman',serif!important;font-size:48px!important;letter-spacing:.16em!important;font-weight:500!important;line-height:.9!important}
.xyra-fixed-brand small{display:block!important;font-family:Arial,sans-serif!important;font-size:10px!important;letter-spacing:.46em!important;font-weight:800!important;margin-top:7px!important;color:#0065bd!important}
.xyra-fixed-icons{justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:13px!important}
.xyra-lang-form{margin:0!important;padding:0!important}.xyra-lang-pill{position:relative!important;width:58px!important;height:58px!important;border:1px solid rgba(7,31,63,.18)!important;border-radius:999px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#071f3f!important;font-size:14px!important;font-weight:900!important;letter-spacing:.06em!important;box-shadow:0 8px 20px rgba(7,31,63,.04)!important}.xyra-lang-pill select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;border:0!important}.xyra-round-icon{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border:1px solid rgba(7,31,63,.18)!important;border-radius:999px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#071f3f!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(7,31,63,.04)!important;font-size:21px!important;padding:0!important;line-height:1!important}.xyra-round-icon svg{width:25px!important;height:25px!important;fill:#071f3f!important;display:block!important}.xyra-round-icon:hover,.xyra-lang-pill:hover{border-color:#0065bd!important;transform:translateY(-1px)}
.announcement{font-size:14px!important;letter-spacing:.12em!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}

.xyra-clean-toolbar{min-height:82px!important;border-top:1px solid rgba(7,31,63,.12)!important;border-bottom:1px solid rgba(7,31,63,.12)!important;background:#fff!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;padding:0 48px!important}.xyra-toolbar-icons{display:none!important}.xyra-count{grid-column:2!important;justify-self:center!important;font-size:17px!important;font-weight:900!important;letter-spacing:.16em!important;color:#071f3f!important;opacity:1!important;text-transform:uppercase!important}.xyra-sort{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:14px!important;min-width:330px!important}.xyra-sort label{font-size:15px!important;font-weight:900!important;letter-spacing:.14em!important;color:#0057b8!important;text-transform:uppercase!important;opacity:1!important;white-space:nowrap!important}.xyra-sort select{min-height:52px!important;min-width:190px!important;border:1px solid rgba(7,31,63,.28)!important;background:#fff!important;color:#071f3f!important;font-size:15px!important;font-weight:800!important;letter-spacing:.05em!important;padding:0 18px!important;border-radius:0!important}.xyra-visible-sidebar{padding-top:42px!important}.xyra-visible-sidebar details{border-bottom:1px solid rgba(7,31,63,.18)!important;padding:0 0 22px!important;margin-bottom:24px!important}.xyra-visible-sidebar summary{font-size:17px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#0057b8!important;opacity:1!important;cursor:pointer!important}.xyra-visible-sidebar a{display:block!important;font-size:17px!important;line-height:1.7!important;font-weight:650!important;letter-spacing:.03em!important;color:#071f3f!important;opacity:1!important;text-decoration:none!important;margin-top:10px!important}.xyra-visible-sidebar a:hover{color:#0057b8!important}.xyra-catalog-grid{column-gap:54px!important;row-gap:74px!important}.xyra-product-info{margin-top:16px!important;padding-top:0!important;text-align:center!important}.xyra-product-title{font-size:18px!important;line-height:1.35!important;letter-spacing:.10em!important;font-weight:750!important;color:#071f3f!important;opacity:1!important;margin:0 0 10px 0!important;text-transform:uppercase!important;display:block!important}.xyra-product-price{font-size:17px!important;line-height:1.35!important;letter-spacing:.10em!important;font-weight:650!important;color:#071f3f!important;opacity:1!important;margin-top:0!important}.xyra-product-image{background:#f7f7f5!important;overflow:hidden!important}.xyra-product-image img{transition:transform .35s ease,opacity .35s ease!important}.xyra-product-card:hover .xyra-product-image img{transform:scale(1.018)!important}.xyra-pagination{margin:64px 0!important;text-align:center!important}.xyra-pagination a,.xyra-pagination span{font-size:16px!important;color:#071f3f!important;letter-spacing:.08em!important;margin:0 12px!important}
.trust{min-height:116px!important;align-items:center!important}.trust-item b{font-size:19px!important;line-height:1.35!important;letter-spacing:.12em!important;font-weight:900!important}.trust-item p{font-size:16px!important;line-height:1.65!important;color:#41536b!important}
@media(max-width:980px){.xyra-fixed-header{height:88px!important;min-height:88px!important}.xyra-fixed-header-inner{height:88px!important;padding:0 20px!important;grid-template-columns:auto 1fr auto!important}.xyra-fixed-nav{display:none!important}.xyra-fixed-brand{justify-self:start!important}.xyra-fixed-brand span{font-size:34px!important}.xyra-lang-pill,.xyra-round-icon{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.announcement{font-size:11px!important;min-height:30px!important;padding:0 10px!important}.xyra-clean-toolbar{min-height:96px!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px 18px!important}.xyra-count{grid-column:1!important;font-size:13px!important}.xyra-sort{grid-column:1!important;justify-self:center!important;min-width:0!important;width:100%!important;justify-content:center!important}.xyra-sort label{font-size:12px!important}.xyra-sort select{min-height:46px!important;min-width:150px!important;font-size:13px!important}.xyra-visible-sidebar{padding:22px 18px!important}.xyra-visible-sidebar summary,.xyra-visible-sidebar a{font-size:15px!important}.xyra-catalog-grid{column-gap:16px!important;row-gap:42px!important}.xyra-product-title{font-size:13px!important;letter-spacing:.07em!important;margin-bottom:8px!important}.xyra-product-price{font-size:13px!important}.trust{min-height:auto!important}.trust-item b{font-size:16px!important}.trust-item p{font-size:14px!important}}

/* === XYRA PRODUCT PAGE ONLY: gross, spannend, luxuriös === */
body:has(.xyra-product-redesign){
  background:#fff !important;
}

.xyra-product-redesign{
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  padding:54px clamp(28px,4vw,76px) 72px !important;
  display:grid !important;
  grid-template-columns:minmax(720px,1.18fr) minmax(470px,.82fr) !important;
  gap:clamp(42px,5vw,86px) !important;
  align-items:start !important;
  background:
    radial-gradient(circle at 7% 18%, rgba(0,101,189,.08), transparent 24%),
    linear-gradient(90deg,#ffffff 0%,#ffffff 59%,#f7f9fc 59%,#f7f9fc 100%) !important;
  border-bottom:1px solid rgba(7,31,63,.12) !important;
  position:relative !important;
  overflow:hidden !important;
}

.xyra-product-redesign:before{
  content:'XYRA SWISS';
  position:absolute;
  right:clamp(20px,5vw,90px);
  bottom:22px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(72px,8vw,150px);
  letter-spacing:.14em;
  color:rgba(7,31,63,.035);
  pointer-events:none;
  white-space:nowrap;
}

.xyra-product-left-redesign{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:18px !important;
  position:relative !important;
  z-index:2 !important;
}

.xyra-product-left-redesign .product-gallery{
  width:100% !important;
  display:grid !important;
  grid-template-columns:104px minmax(0,1fr) !important;
  gap:22px !important;
  background:#fff !important;
  border:1px solid rgba(7,31,63,.13) !important;
  padding:18px !important;
  box-shadow:0 28px 80px rgba(7,31,63,.10) !important;
}

.xyra-product-left-redesign .product-thumbs{
  gap:14px !important;
  max-height:760px !important;
  overflow:auto !important;
  padding-right:4px !important;
}

.xyra-product-left-redesign .thumb{
  width:104px !important;
  min-width:104px !important;
  aspect-ratio:1/1.2 !important;
  border:1px solid rgba(7,31,63,.18) !important;
  background:#fff !important;
  padding:4px !important;
  transition:all .25s ease !important;
}

.xyra-product-left-redesign .thumb.active,
.xyra-product-left-redesign .thumb:hover{
  border-color:#0065bd !important;
  box-shadow:0 10px 24px rgba(0,101,189,.14) !important;
}

.xyra-product-left-redesign .thumb img{
  object-fit:cover !important;
}

.xyra-product-left-redesign .product-main-media{
  background:#f6f5f2 !important;
  border:0 !important;
  padding:0 !important;
  position:relative !important;
  min-height:720px !important;
}

.xyra-product-left-redesign .product-main-frame{
  aspect-ratio:auto !important;
  height:min(78vh,820px) !important;
  min-height:700px !important;
  background:#f6f5f2 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.xyra-product-left-redesign .product-main-frame img,
.xyra-product-left-redesign .product-main-frame svg{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.xyra-product-left-redesign .gallery-arrow{
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(7,31,63,.12) !important;
  color:#071f3f !important;
  font-size:34px !important;
  box-shadow:0 12px 28px rgba(7,31,63,.12) !important;
}

.xyra-product-left-redesign .gallery-arrow-prev{left:18px !important;}
.xyra-product-left-redesign .gallery-arrow-next{right:18px !important;}

.xyra-product-left-redesign .product-editorial-note{
  display:grid !important;
  grid-template-columns:170px 1fr !important;
  gap:28px !important;
  align-items:center !important;
  background:#071f3f !important;
  color:#fff !important;
  border:0 !important;
  padding:24px 30px !important;
  box-shadow:0 20px 50px rgba(7,31,63,.10) !important;
}

.xyra-product-left-redesign .product-editorial-note span{
  font-size:14px !important;
  color:#fff !important;
  letter-spacing:.22em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.xyra-product-left-redesign .product-editorial-note p{
  color:rgba(255,255,255,.82) !important;
  font-size:16px !important;
  line-height:1.65 !important;
  margin:0 !important;
}

.xyra-product-summary-redesign{
  position:sticky !important;
  top:118px !important;
  z-index:3 !important;
  background:#fff !important;
  border:1px solid rgba(7,31,63,.13) !important;
  padding:clamp(34px,3.4vw,58px) !important;
  box-shadow:0 30px 90px rgba(7,31,63,.11) !important;
  min-height:720px !important;
}

.xyra-product-summary-redesign:before{
  content:'';
  display:block;
  width:70px;
  height:4px;
  background:#0065bd;
  margin-bottom:34px;
}

.xyra-product-summary-redesign .product-brandline{
  font-size:13px !important;
  letter-spacing:.24em !important;
  color:#6f7b8d !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.xyra-product-summary-redesign h1{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(62px,5.1vw,104px) !important;
  line-height:.88 !important;
  letter-spacing:-.055em !important;
  color:#071f3f !important;
  margin:18px 0 24px !important;
  max-width:780px !important;
}

.xyra-product-summary-redesign .product-price-large{
  font-size:31px !important;
  letter-spacing:.20em !important;
  font-weight:700 !important;
  color:#071f3f !important;
  margin:0 0 20px !important;
}

.xyra-product-summary-redesign .delivery-line{
  font-size:16px !important;
  color:#188038 !important;
  margin:16px 0 18px !important;
}

.xyra-product-summary-redesign .stock-warning{
  font-size:16px !important;
  color:#d37a00 !important;
  font-style:italic !important;
  padding-bottom:14px !important;
  border-bottom:2px solid rgba(211,122,0,.35) !important;
  margin-bottom:24px !important;
}

.xyra-product-summary-redesign .product-form-premium{
  margin-top:24px !important;
  display:grid !important;
  gap:18px !important;
}

.xyra-product-summary-redesign .quantity-box{
  width:220px !important;
  height:58px !important;
  border:1px solid rgba(7,31,63,.22) !important;
  display:grid !important;
  grid-template-columns:58px 1fr 58px !important;
}

.xyra-product-summary-redesign .quantity-box button,
.xyra-product-summary-redesign .quantity-box input{
  height:58px !important;
  font-size:18px !important;
  color:#071f3f !important;
  background:#fff !important;
  border:0 !important;
  text-align:center !important;
}

.xyra-product-summary-redesign .add-to-cart-main{
  width:100% !important;
  height:68px !important;
  background:#070707 !important;
  color:#fff !important;
  font-size:15px !important;
  letter-spacing:.22em !important;
  font-weight:900 !important;
  border:0 !important;
}

.xyra-product-summary-redesign .add-to-cart-main:hover{
  background:#071f3f !important;
  transform:translateY(-2px) !important;
}

.xyra-product-summary-redesign .xyra-mini-trust{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  margin:26px 0 18px !important;
  border:1px solid rgba(7,31,63,.20) !important;
  background:#fbfcff !important;
}

.xyra-product-summary-redesign .xyra-mini-trust div{
  padding:18px 12px !important;
  text-align:center !important;
  border-right:1px solid rgba(7,31,63,.12) !important;
}

.xyra-product-summary-redesign .xyra-mini-trust div:last-child{border-right:0 !important;}

.xyra-product-summary-redesign .xyra-mini-trust strong{
  display:block !important;
  font-size:13px !important;
  letter-spacing:.17em !important;
  color:#071f3f !important;
  text-transform:uppercase !important;
}

.xyra-product-summary-redesign .xyra-mini-trust span{
  display:block !important;
  font-size:11px !important;
  color:#7b8492 !important;
  margin-top:6px !important;
}

.xyra-product-summary-redesign .product-service-list{
  margin:18px 0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  color:#3e4a5e !important;
  font-size:15px !important;
}

.xyra-product-summary-redesign .product-accordions{
  margin-top:22px !important;
}

.xyra-product-summary-redesign .product-accordion{
  border-top:1px solid rgba(7,31,63,.16) !important;
}

.xyra-product-summary-redesign .product-accordion:last-child{
  border-bottom:1px solid rgba(7,31,63,.16) !important;
}

.xyra-product-summary-redesign .product-accordion summary{
  min-height:66px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  font-size:15px !important;
  letter-spacing:.20em !important;
  color:#071f3f !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.xyra-product-summary-redesign .accordion-content{
  font-size:16px !important;
  line-height:1.85 !important;
  color:#465368 !important;
  padding:0 0 24px !important;
}

/* Related only on product page: one elegant line, not bulky */
.xyra-related-one-line{
  padding:58px clamp(28px,5vw,90px) 66px !important;
  background:#fff !important;
  border-top:1px solid rgba(7,31,63,.10) !important;
}

.xyra-related-wrap{
  width:min(1560px,100%) !important;
  margin:0 auto !important;
}

.xyra-related-titleline{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:end !important;
  gap:28px !important;
  margin-bottom:34px !important;
}

.xyra-related-titleline span{
  justify-self:start !important;
  font-size:12px !important;
  letter-spacing:.26em !important;
  color:#0065bd !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.xyra-related-titleline h2{
  justify-self:center !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(36px,3vw,56px) !important;
  line-height:1 !important;
  color:#071f3f !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.xyra-related-titleline p{
  justify-self:end !important;
  font-size:14px !important;
  color:#718094 !important;
  line-height:1.55 !important;
  margin:0 !important;
}

.xyra-related-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(18px,2.4vw,38px) !important;
}

.xyra-related-card .product-card{
  box-shadow:none !important;
  border:0 !important;
  background:transparent !important;
}

.xyra-related-card .product-image,
.xyra-related-card .card__media,
.xyra-related-card .media{
  background:#f5f4f2 !important;
  aspect-ratio:1/1.08 !important;
  overflow:hidden !important;
}

.xyra-related-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.xyra-related-card .product-info,
.xyra-related-card .card__content,
.xyra-related-card .card-information{
  padding-top:16px !important;
  margin-top:0 !important;
  text-align:center !important;
}

.xyra-related-card .product-title,
.xyra-related-card .card__heading,
.xyra-related-card .full-unstyled-link{
  font-size:14px !important;
  line-height:1.35 !important;
  letter-spacing:.13em !important;
  color:#071f3f !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

.xyra-related-card .price,
.xyra-related-card .price-item{
  font-size:13px !important;
  color:#071f3f !important;
  letter-spacing:.10em !important;
}

@media(max-width:1280px){
  .xyra-product-redesign{
    grid-template-columns:1fr !important;
    padding:34px 22px 54px !important;
  }
  .xyra-product-summary-redesign{
    position:relative !important;
    top:auto !important;
    min-height:auto !important;
  }
}

@media(max-width:760px){
  .xyra-product-redesign{
    padding:18px 12px 42px !important;
    background:#fff !important;
  }
  .xyra-product-left-redesign .product-gallery{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:10px !important;
  }
  .xyra-product-left-redesign .product-thumbs{
    order:2 !important;
    flex-direction:row !important;
    max-height:none !important;
  }
  .xyra-product-left-redesign .thumb{
    width:74px !important;
    min-width:74px !important;
  }
  .xyra-product-left-redesign .product-main-media{
    min-height:auto !important;
  }
  .xyra-product-left-redesign .product-main-frame{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4/5 !important;
  }
  .xyra-product-left-redesign .product-editorial-note{
    grid-template-columns:1fr !important;
    padding:18px !important;
  }
  .xyra-product-summary-redesign{
    padding:26px 18px !important;
    box-shadow:0 18px 50px rgba(7,31,63,.10) !important;
  }
  .xyra-product-summary-redesign h1{
    font-size:42px !important;
  }
  .xyra-product-summary-redesign .product-price-large{
    font-size:22px !important;
  }
  .xyra-product-summary-redesign .product-service-list{
    grid-template-columns:1fr !important;
  }
  .xyra-related-one-line{
    padding:42px 14px 52px !important;
  }
  .xyra-related-titleline{
    display:block !important;
    text-align:center !important;
  }
  .xyra-related-titleline h2{
    margin:8px 0 !important;
    white-space:normal !important;
  }
  .xyra-related-titleline p{
    margin:0 auto !important;
  }
  .xyra-related-row{
    display:flex !important;
    overflow-x:auto !important;
    gap:14px !important;
    scroll-snap-type:x mandatory !important;
    padding-bottom:10px !important;
  }
  .xyra-related-card{
    min-width:66vw !important;
    scroll-snap-align:start !important;
  }
}


/* =========================================================
   XYRA FIX: Startseite erster Bildschirm nur Hero-Bild
   Nach globalem 75%-Scale darf unten keine nächste Sektion sichtbar sein.
   ========================================================= */

body.template-index .hero,
.template-index .hero,
main .hero:first-child,
#MainContent .hero:first-child{
  height:calc(133.333vh - 125px) !important;
  min-height:900px !important;
  max-height:none !important;
  overflow:hidden !important;
}

body.template-index .hero-media,
.template-index .hero-media,
main .hero:first-child .hero-media,
#MainContent .hero:first-child .hero-media{
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
}

body.template-index .hero-media img,
.template-index .hero-media img,
main .hero:first-child .hero-media img,
#MainContent .hero:first-child .hero-media img{
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Hero-Inhalt vertikal wie im Referenzbild halten */
body.template-index .hero-copy,
.template-index .hero-copy,
main .hero:first-child .hero-copy,
#MainContent .hero:first-child .hero-copy{
  justify-content:center !important;
}

/* Kategorie-Sektion kommt erst nach dem ersten Bildschirm */
body.template-index .category-strip,
.template-index .category-strip,
body.template-index .category-grid,
.template-index .category-grid,
body.template-index .collection-tiles,
.template-index .collection-tiles{
  margin-top:0 !important;
}

@media(max-width:980px){
  body.template-index .hero,
  .template-index .hero,
  main .hero:first-child,
  #MainContent .hero:first-child{
    height:auto !important;
    min-height:auto !important;
  }
}

/* XYRA FINAL: sichtbare Hero-Box, kleinere Preise, Hut-Kachel cleaner */
body.template-index .hero-card,.template-index .hero-card,main .hero:first-child .hero-card,#MainContent .hero:first-child .hero-card{width:315px!important;max-width:315px!important;min-height:135px!important;max-height:none!important;padding:24px 26px!important;right:28px!important;bottom:32px!important;overflow:visible!important;z-index:5!important;}
body.template-index .hero-card strong,.template-index .hero-card strong,main .hero:first-child .hero-card strong,#MainContent .hero:first-child .hero-card strong{font-size:13px!important;line-height:1.35!important;margin-bottom:10px!important;}
body.template-index .hero-card span,.template-index .hero-card span,body.template-index .hero-card p,.template-index .hero-card p,main .hero:first-child .hero-card span,#MainContent .hero:first-child .hero-card span{font-size:12px!important;line-height:1.65!important;max-height:none!important;overflow:visible!important;}
.product-card .price,.product-info .price,.card-information .price,.price,.price__regular,.price-item,.price-item--regular,.product-grid .price,.collection .price{font-size:22px!important;line-height:1.25!important;letter-spacing:.07em!important;font-weight:500!important;color:#071f3f!important;}
body.template-index .product-card .price,.template-index .product-card .price,body.template-index .price,.template-index .price{font-size:24px!important;}
.product-card .product-title,.product-title,.card__heading,.card__heading a,.full-unstyled-link{font-size:15px!important;line-height:1.35!important;letter-spacing:.09em!important;font-weight:700!important;color:#071f3f!important;margin-bottom:8px!important;}
.category-card img,.collection-tile img,.category-strip img{object-fit:cover!important;object-position:center center!important;}
.category-card[href*='hut'] img,.category-card[href*='huete'] img,a[href*='hute'] img,a[href*='huete'] img,a[href*='h%C3%BCte'] img{object-position:center 20%!important;}
@media(max-width:980px){body.template-index .hero-card,.template-index .hero-card,main .hero:first-child .hero-card,#MainContent .hero:first-child .hero-card{width:270px!important;max-width:270px!important;min-height:auto!important;padding:18px 20px!important;right:16px!important;bottom:16px!important}.product-card .price,.price,.price-item{font-size:17px!important}}


/* XYRA COMPLETE FIX: Hero-Textbox komplett sichtbar */
body.template-index .hero,.template-index .hero,main .hero:first-child,#MainContent .hero:first-child{min-height:calc(100vh - 125px)!important;height:calc(100vh - 125px)!important;max-height:none!important;overflow:visible!important;}
body.template-index .hero-media,.template-index .hero-media,main .hero:first-child .hero-media,#MainContent .hero:first-child .hero-media{overflow:visible!important;position:relative!important;}
body.template-index .hero-card,.template-index .hero-card,main .hero:first-child .hero-card,#MainContent .hero:first-child .hero-card{width:345px!important;max-width:345px!important;min-height:auto!important;height:auto!important;max-height:none!important;padding:22px 26px!important;right:30px!important;bottom:72px!important;overflow:visible!important;z-index:100!important;box-sizing:border-box!important;}
body.template-index .hero-card strong,.template-index .hero-card strong,main .hero:first-child .hero-card strong,#MainContent .hero:first-child .hero-card strong{display:block!important;font-size:13px!important;line-height:1.35!important;margin:0 0 9px 0!important;white-space:normal!important;}
body.template-index .hero-card span,.template-index .hero-card span,body.template-index .hero-card p,.template-index .hero-card p,main .hero:first-child .hero-card span,#MainContent .hero:first-child .hero-card span,main .hero:first-child .hero-card p,#MainContent .hero:first-child .hero-card p{display:block!important;font-size:12px!important;line-height:1.6!important;max-height:none!important;height:auto!important;overflow:visible!important;white-space:normal!important;margin:0!important;}
.template-index .price,body.template-index .price,.product-card .price,.card-information .price,.price-item,.price__regular{font-size:20px!important;line-height:1.25!important;letter-spacing:.06em!important;font-weight:500!important;color:#071f3f!important;}
@media(max-width:980px){body.template-index .hero,.template-index .hero,main .hero:first-child,#MainContent .hero:first-child{height:auto!important;min-height:auto!important;}body.template-index .hero-card,.template-index .hero-card,main .hero:first-child .hero-card,#MainContent .hero:first-child .hero-card{width:285px!important;max-width:285px!important;right:14px!important;bottom:24px!important;padding:18px 20px!important;}}

/* =========================================================
   XYRA FINAL: Beim Öffnen nur Hero sichtbar + Sprachswitch DE/EN/FR/IT
   ========================================================= */

/* Durch body zoom:0.75 braucht der Hero rechnerisch mehr Höhe, damit visuell genau ein Screen gefüllt ist */
body.template-index .hero,
.template-index .hero,
main .hero:first-child,
#MainContent .hero:first-child{
  min-height:calc(133.333vh - 126px) !important;
  height:calc(133.333vh - 126px) !important;
  max-height:none !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(5,34,68,.14) !important;
}

body.template-index .hero-media,
.template-index .hero-media,
main .hero:first-child .hero-media,
#MainContent .hero:first-child .hero-media{
  height:100% !important;
  min-height:100% !important;
  overflow:visible !important;
}

body.template-index .hero-media img,
.template-index .hero-media img,
main .hero:first-child .hero-media img,
#MainContent .hero:first-child .hero-media img{
  height:100% !important;
  width:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Box rechts unten vollständig sichtbar */
body.template-index .hero-card,
.template-index .hero-card,
main .hero:first-child .hero-card,
#MainContent .hero:first-child .hero-card{
  width:340px !important;
  max-width:340px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:22px 26px !important;
  right:28px !important;
  bottom:70px !important;
  overflow:visible !important;
  z-index:80 !important;
  box-sizing:border-box !important;
}

body.template-index .hero-card strong,
.template-index .hero-card strong,
main .hero:first-child .hero-card strong,
#MainContent .hero:first-child .hero-card strong{
  display:block !important;
  font-size:13px !important;
  line-height:1.35 !important;
  margin:0 0 9px 0 !important;
  white-space:normal !important;
}

body.template-index .hero-card span,
.template-index .hero-card span,
body.template-index .hero-card p,
.template-index .hero-card p,
main .hero:first-child .hero-card span,
#MainContent .hero:first-child .hero-card span{
  display:block !important;
  font-size:12px !important;
  line-height:1.6 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  white-space:normal !important;
  margin:0 !important;
}

/* Native Shopify Language Selector nicht doppelt anzeigen, eigener Switcher ist sauberer */
.localization-form,
.shopify-localization-form,
form[action*="/localization"],
select[name="locale_code"],
select[name="language_code"]{
  display:none !important;
}

/* Eigener Sprachswitcher DE EN FR IT */
.xyra-language-switcher{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-left:8px !important;
}

.xyra-language-switcher a{
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(5,34,68,.22) !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  color:#061f40 !important;
  background:#fff !important;
  text-decoration:none !important;
}

.xyra-language-switcher a.is-active{
  background:#061f40 !important;
  color:#fff !important;
  border-color:#061f40 !important;
}

/* Preise kleiner */
.product-card .price,
.card-information .price,
.price,
.price-item,
.price__regular{
  font-size:20px !important;
  line-height:1.25 !important;
  letter-spacing:.06em !important;
  font-weight:500 !important;
  color:#071f3f !important;
}

@media(max-width:980px){
  body.template-index .hero,
  .template-index .hero,
  main .hero:first-child,
  #MainContent .hero:first-child{
    min-height:auto !important;
    height:auto !important;
  }

  body.template-index .hero-card,
  .template-index .hero-card{
    bottom:22px !important;
    right:14px !important;
    width:280px !important;
    max-width:280px !important;
    padding:18px 20px !important;
  }

  .xyra-language-switcher{
    gap:5px !important;
  }

  .xyra-language-switcher a{
    width:32px !important;
    height:32px !important;
    font-size:10px !important;
  }
}


   Only this 3-image category row is changed.
   ========================================================= */
.xyra-final-category-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;padding:12px 12px 0!important;margin:0!important;background:#fff!important;}
.xyra-final-category-row .category-tile{position:relative!important;display:block!important;height:390px!important;min-height:390px!important;overflow:hidden!important;background:#f7f7f4!important;text-decoration:none!important;border:1px solid rgba(6,31,64,.10)!important;}
.xyra-final-category-row .category-tile img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;transform:none!important;filter:brightness(.96) contrast(1.03) saturate(1.04)!important;}
.xyra-final-category-row .category-tile::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,24,48,0) 42%,rgba(4,24,48,.62) 100%)!important;}
.xyra-final-category-row .category-label{position:absolute!important;left:28px!important;bottom:28px!important;z-index:2!important;color:#fff!important;margin:0!important;padding:0!important;}
.xyra-final-category-row .category-tile>h3,.xyra-final-category-row .category-tile>span,.xyra-final-category-row .category-tile>p,.xyra-final-category-row .category-tile>.title,.xyra-final-category-row .category-tile>.link{display:none!important;}
.xyra-final-category-row .category-label h3{display:block!important;position:static!important;margin:0 0 12px 0!important;padding:0!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:48px!important;line-height:.9!important;font-weight:700!important;letter-spacing:-.04em!important;text-shadow:0 3px 20px rgba(0,0,0,.32)!important;}
.xyra-final-category-row .category-label span{display:inline-block!important;position:static!important;color:#fff!important;font-size:11px!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:900!important;text-decoration:underline!important;text-underline-offset:4px!important;text-shadow:0 2px 12px rgba(0,0,0,.35)!important;}
.xyra-final-category-row .category-tile:hover img{transform:scale(1.025)!important;transition:transform .45s ease!important;}
@media(max-width:780px){.xyra-final-category-row{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}.xyra-final-category-row .category-tile{height:330px!important;min-height:330px!important}.xyra-final-category-row .category-label{left:22px!important;bottom:24px!important}.xyra-final-category-row .category-label h3{font-size:38px!important}.xyra-final-category-row .category-label span{font-size:10px!important}}


   Nur diese 3 Kategorie-Kacheln: echte Sorena-Bilder, clean, keine Doppelbilder.
   ========================================================= */
.xyra-sorena-real-categories{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:12px !important;
  padding:12px 12px 0 !important;
  margin:0 !important;
  background:#fff !important;
  border-top:1px solid rgba(6,31,64,.10) !important;
  border-bottom:1px solid rgba(6,31,64,.12) !important;
}

.xyra-sorena-real-categories .category-tile{
  position:relative !important;
  display:block !important;
  height:410px !important;
  min-height:410px !important;
  overflow:hidden !important;
  background:#f7f7f4 !important;
  text-decoration:none !important;
  border:1px solid rgba(6,31,64,.10) !important;
}

.xyra-sorena-real-categories .category-tile img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  transform:none !important;
  filter:brightness(.92) contrast(1.04) saturate(1.04) !important;
}

/* Exakte Bildausschnitte: kein komisches Blurbg, keine Maus, keine Doppelbeschriftung */
.xyra-sorena-real-categories .category-tile--bags img{
  object-position:58% 48% !important;
}

.xyra-sorena-real-categories .category-tile--hats img{
  object-position:center 34% !important;
}

.xyra-sorena-real-categories .category-tile--dresses img{
  object-position:62% 46% !important;
}

.xyra-sorena-real-categories .category-tile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(4,24,48,0) 42%, rgba(4,24,48,.66) 100%) !important;
}

.xyra-sorena-real-categories .category-label{
  position:absolute !important;
  left:30px !important;
  bottom:30px !important;
  z-index:2 !important;
  color:#fff !important;
  margin:0 !important;
  padding:0 !important;
}

/* Verhindert garantiert alte Doppel-Titel */
.xyra-sorena-real-categories .category-tile > h3,
.xyra-sorena-real-categories .category-tile > span,
.xyra-sorena-real-categories .category-tile > p,
.xyra-sorena-real-categories .category-tile > .title,
.xyra-sorena-real-categories .category-tile > .link{
  display:none !important;
}

.xyra-sorena-real-categories .category-label h3{
  display:block !important;
  position:static !important;
  margin:0 0 12px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:50px !important;
  line-height:.9 !important;
  font-weight:700 !important;
  letter-spacing:-.04em !important;
  text-shadow:0 3px 22px rgba(0,0,0,.36) !important;
}

.xyra-sorena-real-categories .category-label span{
  display:inline-block !important;
  position:static !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
  text-shadow:0 2px 12px rgba(0,0,0,.35) !important;
}

.xyra-sorena-real-categories .category-tile:hover img{
  transform:scale(1.025) !important;
  transition:transform .45s ease !important;
}

@media(max-width:780px){
  .xyra-sorena-real-categories{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:10px !important;
  }

  .xyra-sorena-real-categories .category-tile{
    height:340px !important;
    min-height:340px !important;
  }

  .xyra-sorena-real-categories .category-label{
    left:22px !important;
    bottom:24px !important;
  }

  .xyra-sorena-real-categories .category-label h3{
    font-size:38px !important;
  }

  .xyra-sorena-real-categories .category-label span{
    font-size:10px !important;
  }
}


   Nur die 3 Kategorie-Kacheln.
   ========================================================= */
.xyra-final-category-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;padding:12px 12px 0!important;margin:0!important;background:#fff!important;border-top:1px solid rgba(6,31,64,.10)!important;border-bottom:1px solid rgba(6,31,64,.12)!important;}
.xyra-final-category-row .category-tile{position:relative!important;display:block!important;height:410px!important;min-height:410px!important;overflow:hidden!important;background:#f7f7f4!important;text-decoration:none!important;border:1px solid rgba(6,31,64,.10)!important;}
.xyra-final-category-row .category-tile img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;filter:brightness(.96) contrast(1.03) saturate(1.04)!important;transform:none!important;}
.xyra-final-category-row .category-tile::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,24,48,0) 44%,rgba(4,24,48,.62) 100%)!important;}
.xyra-final-category-row .category-label{position:absolute!important;left:30px!important;bottom:30px!important;z-index:2!important;color:#fff!important;margin:0!important;padding:0!important;}
.xyra-final-category-row .category-tile>h3,.xyra-final-category-row .category-tile>span,.xyra-final-category-row .category-tile>p,.xyra-final-category-row .category-tile>.title,.xyra-final-category-row .category-tile>.link{display:none!important;}
.xyra-final-category-row .category-label h3{display:block!important;position:static!important;margin:0 0 12px 0!important;padding:0!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:50px!important;line-height:.9!important;font-weight:700!important;letter-spacing:-.04em!important;text-shadow:0 3px 22px rgba(0,0,0,.36)!important;}
.xyra-final-category-row .category-label span{display:inline-block!important;position:static!important;color:#fff!important;font-size:11px!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:900!important;text-decoration:underline!important;text-underline-offset:4px!important;text-shadow:0 2px 12px rgba(0,0,0,.35)!important;}
@media(max-width:780px){.xyra-final-category-row{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}.xyra-final-category-row .category-tile{height:340px!important;min-height:340px!important}.xyra-final-category-row .category-label{left:22px!important;bottom:24px!important}.xyra-final-category-row .category-label h3{font-size:38px!important}.xyra-final-category-row .category-label span{font-size:10px!important}}


   Only active on phones/tablets.
   ========================================================= */
@media (max-width: 780px){
  html, body{overflow-x:hidden!important;width:100%!important;}
  body{min-width:0!important;}

  .announcement-bar,.top-bar,.xyra-announcement{
    font-size:10px!important;line-height:1.25!important;padding:6px 10px!important;
    text-align:center!important;letter-spacing:.08em!important;white-space:normal!important;
  }

  header,.site-header,.header,.main-header{min-height:78px!important;padding:10px 14px!important;}
  .header-inner,.header__inner,.site-header__inner{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:8px!important;width:100%!important;
  }

  .logo,.site-logo,.header__heading,.header__heading-link{max-width:142px!important;flex:0 0 auto!important;}
  .logo img,.site-logo img,.header__heading-logo{max-width:142px!important;height:auto!important;}

  .header-icons,.header__icons,.site-header__icons,.xyra-language-switcher{
    gap:5px!important;flex-wrap:nowrap!important;
  }
  .header-icons a,.header__icons a,.site-header__icons a,.xyra-language-switcher a,.icon-button,.header-icon{
    width:34px!important;height:34px!important;min-width:34px!important;font-size:10px!important;
  }
  .xyra-language-switcher{margin-left:4px!important;}
  .xyra-language-switcher a{width:28px!important;height:28px!important;min-width:28px!important;font-size:9px!important;}

  .hero,.hero-section,.xyra-hero,.homepage-hero,.hero-split{
    display:flex!important;flex-direction:column!important;min-height:auto!important;height:auto!important;overflow:visible!important;
  }

  .hero-image,.hero__image,.xyra-hero-image,.hero-media,.hero__media{
    order:1!important;width:100%!important;height:330px!important;min-height:330px!important;
    max-height:330px!important;overflow:hidden!important;
  }

  .hero-image img,.hero__image img,.xyra-hero-image img,.hero-media img,.hero__media img,.hero img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
  }

  .hero-content,.hero__content,.xyra-hero-content,.hero-text,.hero__text{
    order:2!important;width:100%!important;padding:34px 24px 36px!important;text-align:left!important;
  }

  .hero-content h1,.hero__content h1,.xyra-hero-content h1,.hero-text h1,.hero__text h1{
    font-size:47px!important;line-height:.92!important;letter-spacing:-.045em!important;
    margin:0 0 18px!important;max-width:100%!important;
  }

  .hero-content p,.hero__content p,.xyra-hero-content p,.hero-text p,.hero__text p{
    font-size:16px!important;line-height:1.55!important;margin:0 0 24px!important;max-width:100%!important;
  }

  .hero-buttons,.hero__buttons,.xyra-hero-buttons{
    display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;
  }

  .hero-buttons a,.hero__buttons a,.xyra-hero-buttons a,.button,.btn{
    min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:12px!important;letter-spacing:.12em!important;
  }

  .hero-card,.hero__card,.xyra-selection-card,.xyra-hero-card{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
    width:calc(100% - 32px)!important;max-width:none!important;margin:-78px auto 28px!important;
    padding:24px!important;z-index:3!important;
  }

  .hero-card h3,.hero__card h3,.xyra-selection-card h3,.xyra-hero-card h3{
    font-size:15px!important;line-height:1.2!important;
  }
  .hero-card p,.hero__card p,.xyra-selection-card p,.xyra-hero-card p{
    font-size:14px!important;line-height:1.55!important;
  }

  .xyra-final-category-row,.xyra-sorena-real-categories,.category-strip{
    grid-template-columns:1fr!important;gap:12px!important;padding:12px!important;
  }

  .xyra-final-category-row .category-tile,
  .xyra-sorena-real-categories .category-tile,
  .category-strip .category-tile{
    height:345px!important;min-height:345px!important;width:100%!important;
  }

  .xyra-final-category-row .category-label,
  .xyra-sorena-real-categories .category-label,
  .category-strip .category-label{
    left:22px!important;bottom:24px!important;
  }

  .xyra-final-category-row .category-label h3,
  .xyra-sorena-real-categories .category-label h3,
  .category-strip .category-label h3{
    font-size:40px!important;line-height:.92!important;
  }

  .xyra-final-category-row .category-label span,
  .xyra-sorena-real-categories .category-label span,
  .category-strip .category-label span{font-size:10px!important;}

  .product-grid,.grid.product-grid,.collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
    padding-left:12px!important;padding-right:12px!important;
  }

  .product-card-title,.card__heading,.product-title{font-size:12px!important;line-height:1.25!important;}
  .price,.product-card-price{font-size:14px!important;}

  footer,.footer,.site-footer{overflow:visible!important;}
}

/* =========================================================
   XYRA MOBILE LUXURY FIX
   Nur Mobile. Desktop bleibt unverändert.
   ========================================================= */
@media (max-width: 780px){

  html, body{
    overflow-x:hidden !important;
    width:100% !important;
    max-width:100% !important;
    scroll-behavior:auto !important;
  }

  body{
    min-width:0 !important;
    background:#fff !important;
  }

  /* Header mobile: sauber, kompakt, luxuriös */
  .announcement-bar,
  .top-bar,
  .xyra-announcement{
    font-size:9.5px !important;
    line-height:1.25 !important;
    padding:6px 12px !important;
    letter-spacing:.09em !important;
    text-align:center !important;
    white-space:normal !important;
  }

  header,
  .site-header,
  .header,
  .main-header{
    min-height:76px !important;
    height:auto !important;
    padding:10px 14px !important;
    background:#fffdf9 !important;
  }

  .header-inner,
  .header__inner,
  .site-header__inner{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  .logo,
  .site-logo,
  .header__heading,
  .header__heading-link{
    max-width:136px !important;
    flex:0 0 auto !important;
  }

  .logo img,
  .site-logo img,
  .header__heading-logo{
    max-width:136px !important;
    height:auto !important;
  }

  .header-icons,
  .header__icons,
  .site-header__icons{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
  }

  .header-icons a,
  .header__icons a,
  .site-header__icons a,
  .icon-button,
  .header-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }

  .xyra-language-switcher{
    display:flex !important;
    gap:5px !important;
    margin-left:4px !important;
  }

  .xyra-language-switcher a{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:9px !important;
  }

  /* HERO MOBILE: Bild bleibt sichtbar, Box überdeckt nicht mehr 3/4 */
  .hero,
  .hero-section,
  .xyra-hero,
  .homepage-hero,
  .hero-split{
    display:flex !important;
    flex-direction:column !important;
    min-height:auto !important;
    height:auto !important;
    overflow:visible !important;
    background:#fff !important;
  }

  .hero-image,
  .hero__image,
  .xyra-hero-image,
  .hero-media,
  .hero__media{
    order:1 !important;
    width:100% !important;
    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;
    overflow:hidden !important;
    position:relative !important;
  }

  .hero-image img,
  .hero__image img,
  .xyra-hero-image img,
  .hero-media img,
  .hero__media img,
  .hero img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    display:block !important;
  }

  /* Info-Box klein, elegant, am unteren Bildrand statt riesig im Bild */
  .hero-card,
  .hero__card,
  .xyra-selection-card,
  .xyra-hero-card{
    position:relative !important;
    order:2 !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    transform:none !important;
    width:calc(100% - 34px) !important;
    max-width:420px !important;
    margin:-54px auto 22px !important;
    padding:18px 20px !important;
    z-index:4 !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 18px 45px rgba(6,31,64,.16) !important;
    border:1px solid rgba(6,31,64,.08) !important;
  }

  .hero-card h3,
  .hero__card h3,
  .xyra-selection-card h3,
  .xyra-hero-card h3{
    font-size:13px !important;
    line-height:1.25 !important;
    letter-spacing:.13em !important;
    margin:0 0 8px !important;
  }

  .hero-card p,
  .hero__card p,
  .xyra-selection-card p,
  .xyra-hero-card p{
    font-size:13px !important;
    line-height:1.45 !important;
    margin:0 !important;
  }

  .hero-content,
  .hero__content,
  .xyra-hero-content,
  .hero-text,
  .hero__text{
    order:3 !important;
    width:100% !important;
    padding:26px 24px 34px !important;
    text-align:left !important;
    background:#fff !important;
  }

  .hero-content .eyebrow,
  .hero__content .eyebrow,
  .xyra-hero-content .eyebrow,
  .hero-text .eyebrow{
    font-size:11px !important;
    letter-spacing:.18em !important;
    margin-bottom:14px !important;
  }

  .hero-content h1,
  .hero__content h1,
  .xyra-hero-content h1,
  .hero-text h1,
  .hero__text h1{
    font-size:43px !important;
    line-height:.92 !important;
    letter-spacing:-.045em !important;
    margin:0 0 18px !important;
    max-width:100% !important;
  }

  .hero-content p,
  .hero__content p,
  .xyra-hero-content p,
  .hero-text p,
  .hero__text p{
    font-size:16px !important;
    line-height:1.55 !important;
    margin:0 0 24px !important;
    max-width:100% !important;
    color:#4d5b6b !important;
  }

  .hero-buttons,
  .hero__buttons,
  .xyra-hero-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .hero-buttons a,
  .hero__buttons a,
  .xyra-hero-buttons a,
  .button,
  .btn{
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:11px !important;
    letter-spacing:.11em !important;
    padding:0 12px !important;
  }

  /* Kategorie-Bilder auf Mobile: luxuriös, nicht gequetscht */
  .xyra-final-category-row,
  .xyra-sorena-real-categories,
  .category-strip{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:12px !important;
    margin:0 !important;
  }

  .xyra-final-category-row .category-tile,
  .xyra-sorena-real-categories .category-tile,
  .category-strip .category-tile{
    height:360px !important;
    min-height:360px !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .xyra-final-category-row .category-tile img,
  .xyra-sorena-real-categories .category-tile img,
  .category-strip .category-tile img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .xyra-final-category-row .category-label,
  .xyra-sorena-real-categories .category-label,
  .category-strip .category-label{
    left:22px !important;
    bottom:24px !important;
  }

  .xyra-final-category-row .category-label h3,
  .xyra-sorena-real-categories .category-label h3,
  .category-strip .category-label h3{
    font-size:40px !important;
    line-height:.92 !important;
  }

  .xyra-final-category-row .category-label span,
  .xyra-sorena-real-categories .category-label span,
  .category-strip .category-label span{
    font-size:10px !important;
  }

  /* Vorteil-Boxen/Trust Bar: weniger überfüllt */
  .features,
  .benefits,
  .trust-bar,
  .xyra-benefits{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .features > *,
  .benefits > *,
  .trust-bar > *,
  .xyra-benefits > *{
    padding:26px 24px !important;
  }

  /* Produkte mobile */
  .product-grid,
  .grid.product-grid,
  .collection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .product-card-title,
  .card__heading,
  .product-title{
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .price,
  .product-card-price{
    font-size:14px !important;
  }

  footer,
  .footer,
  .site-footer{
    overflow:visible !important;
  }
}


   Nur Kategoriezeile angepasst. Desktop/Rest unverändert.
   ========================================================= */
.xyra-final-category-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;padding:12px 12px 0!important;margin:0!important;background:#fff!important;border-top:1px solid rgba(6,31,64,.10)!important;border-bottom:1px solid rgba(6,31,64,.12)!important;}
.xyra-final-category-row .category-tile{position:relative!important;display:block!important;height:520px!important;min-height:520px!important;overflow:hidden!important;background:#f7f7f4!important;text-decoration:none!important;border:1px solid rgba(6,31,64,.10)!important;}
.xyra-final-category-row .category-tile img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;filter:brightness(.97) contrast(1.03) saturate(1.04)!important;transform:none!important;}
.xyra-final-category-row .category-tile::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,24,48,0) 50%,rgba(4,24,48,.62) 100%)!important;}
.xyra-final-category-row .category-label{position:absolute!important;left:30px!important;bottom:30px!important;z-index:2!important;color:#fff!important;margin:0!important;padding:0!important;}
.xyra-final-category-row .category-tile>h3,.xyra-final-category-row .category-tile>span,.xyra-final-category-row .category-tile>p,.xyra-final-category-row .category-tile>.title,.xyra-final-category-row .category-tile>.link{display:none!important;}
.xyra-final-category-row .category-label h3{display:block!important;position:static!important;margin:0 0 12px 0!important;padding:0!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:50px!important;line-height:.9!important;font-weight:700!important;letter-spacing:-.04em!important;text-shadow:0 3px 22px rgba(0,0,0,.36)!important;}
.xyra-final-category-row .category-label span{display:inline-block!important;position:static!important;color:#fff!important;font-size:11px!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:900!important;text-decoration:underline!important;text-underline-offset:4px!important;text-shadow:0 2px 12px rgba(0,0,0,.35)!important;}
@media(max-width:780px){.xyra-final-category-row{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.xyra-final-category-row .category-tile{height:390px!important;min-height:390px!important}.xyra-final-category-row .category-label{left:22px!important;bottom:24px!important}.xyra-final-category-row .category-label h3{font-size:40px!important}.xyra-final-category-row .category-label span{font-size:10px!important}}


   Nur Kategorie-Streifen: echte Links, echte Buttons, keine schwarzen Ränder.
   ========================================================= */
.xyra-real-category-buttons{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:6px !important;
  padding:6px 6px 0 !important;
  margin:0 !important;
  background:#fff !important;
  border-top:1px solid rgba(6,31,64,.10) !important;
  border-bottom:1px solid rgba(6,31,64,.12) !important;
}

.xyra-real-category-buttons .category-tile{
  display:block !important;
  position:relative !important;
  height:258px !important;
  min-height:258px !important;
  overflow:hidden !important;
  background:#f7f7f4 !important;
  text-decoration:none !important;
  border:0 !important;
}

.xyra-real-category-buttons .category-tile img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  transition:transform .35s ease !important;
  filter:none !important;
}

.xyra-real-category-buttons .category-tile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(180deg, rgba(4,24,48,0) 42%, rgba(4,24,48,.58) 100%) !important;
  pointer-events:none !important;
}

.xyra-real-category-buttons .category-label{
  position:absolute !important;
  left:28px !important;
  bottom:24px !important;
  z-index:2 !important;
  color:#fff !important;
  display:block !important;
  pointer-events:none !important;
}

.xyra-real-category-buttons .category-label h3{
  margin:0 0 8px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:38px !important;
  line-height:.92 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 3px 18px rgba(0,0,0,.42) !important;
}

.xyra-real-category-buttons .category-button{
  display:inline-block !important;
  color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.92) !important;
  padding-bottom:4px !important;
  text-shadow:0 2px 12px rgba(0,0,0,.42) !important;
}

.xyra-real-category-buttons .category-tile:hover img{
  transform:scale(1.025) !important;
}

/* alte direkte Titel sicher ausblenden, falls Theme sie zusätzlich ausgibt */
.xyra-real-category-buttons .category-tile > h3,
.xyra-real-category-buttons .category-tile > span,
.xyra-real-category-buttons .category-tile > p,
.xyra-real-category-buttons .category-tile > .title,
.xyra-real-category-buttons .category-tile > .link{
  display:none !important;
}

@media(max-width:780px){
  .xyra-real-category-buttons{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }

  .xyra-real-category-buttons .category-tile{
    height:300px !important;
    min-height:300px !important;
  }

  .xyra-real-category-buttons .category-label{
    left:22px !important;
    bottom:24px !important;
  }

  .xyra-real-category-buttons .category-label h3{
    font-size:38px !important;
  }
}


   Nur dieser 3er-Streifen: richtige Links, volle Bilder, grössere Darstellung.
   ========================================================= */
.xyra-final-category-links-row{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:6px !important;
  padding:6px 6px 0 !important;
  margin:0 !important;
  background:#fff !important;
  border-top:1px solid rgba(6,31,64,.10) !important;
  border-bottom:1px solid rgba(6,31,64,.12) !important;
}

.xyra-final-category-links-row .category-tile{
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:315 / 258 !important;
  overflow:hidden !important;
  background:#fff !important;
  text-decoration:none !important;
  border:0 !important;
}

.xyra-final-category-links-row .category-tile img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:fill !important;
  object-position:center center !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
}

/* Alles Alte ausblenden: keine Extra-Titel, keine extra Overlays, keine schwarzen Ränder */
.xyra-final-category-links-row .category-tile::after,
.xyra-final-category-links-row .category-label,
.xyra-final-category-links-row .category-tile > h3,
.xyra-final-category-links-row .category-tile > span,
.xyra-final-category-links-row .category-tile > p,
.xyra-final-category-links-row .category-tile > .title,
.xyra-final-category-links-row .category-tile > .link{
  display:none !important;
  content:none !important;
}

.xyra-final-category-links-row .category-tile:hover img{
  transform:none !important;
}

@media(max-width:780px){
  .xyra-final-category-links-row{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }

  .xyra-final-category-links-row .category-tile{
    aspect-ratio:315 / 258 !important;
    height:auto !important;
    min-height:0 !important;
  }
}


   Scharf, sauber, echte Links, echte Hover-Beschriftung.
   ========================================================= */
.xyra-final-clean-category{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:6px !important;
  padding:6px 6px 0 !important;
  margin:0 !important;
  background:#fff !important;
  border-top:1px solid rgba(6,31,64,.10) !important;
  border-bottom:1px solid rgba(6,31,64,.12) !important;
}

.xyra-final-clean-category .category-tile{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:315 / 258 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#f7f7f4 !important;
  text-decoration:none !important;
  border:0 !important;
  cursor:pointer !important;
}

.xyra-final-clean-category .category-tile img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1) !important;
  filter:brightness(.98) contrast(1.04) saturate(1.04) !important;
  transition:transform .45s ease, filter .45s ease !important;
}

.xyra-final-clean-category .category-tile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(4,24,48,0) 48%, rgba(4,24,48,.52) 100%) !important;
}

.xyra-final-clean-category .category-label{
  position:absolute !important;
  left:28px !important;
  bottom:26px !important;
  z-index:2 !important;
  display:block !important;
  color:#fff !important;
  pointer-events:none !important;
  transition:transform .28s ease !important;
}

.xyra-final-clean-category .category-label h3{
  display:block !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:42px !important;
  line-height:.92 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 3px 18px rgba(0,0,0,.42) !important;
  transition:letter-spacing .28s ease, color .28s ease !important;
}

.xyra-final-clean-category .category-label span{
  display:inline-block !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  border-bottom:1px solid rgba(255,255,255,.9) !important;
  padding-bottom:4px !important;
  text-shadow:0 2px 12px rgba(0,0,0,.42) !important;
  transition:letter-spacing .28s ease, border-color .28s ease, color .28s ease !important;
}

.xyra-final-clean-category .category-tile:hover img{
  transform:scale(1.028) !important;
  filter:brightness(1.04) contrast(1.07) saturate(1.08) !important;
}

.xyra-final-clean-category .category-tile:hover .category-label{
  transform:translateY(-4px) !important;
}

.xyra-final-clean-category .category-tile:hover .category-label h3{
  letter-spacing:-.018em !important;
  color:#fffdf2 !important;
}

.xyra-final-clean-category .category-tile:hover .category-label span{
  letter-spacing:.18em !important;
  color:#fff4c6 !important;
  border-bottom-color:#fff4c6 !important;
}

/* Keine alten Doppeltexte */
.xyra-final-clean-category .category-tile > h3,
.xyra-final-clean-category .category-tile > span,
.xyra-final-clean-category .category-tile > p,
.xyra-final-clean-category .category-tile > .title,
.xyra-final-clean-category .category-tile > .link{
  display:none !important;
}

@media(max-width:780px){
  .xyra-final-clean-category{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }
  .xyra-final-clean-category .category-tile{
    aspect-ratio:315 / 258 !important;
  }
  .xyra-final-clean-category .category-label{
    left:22px !important;
    bottom:24px !important;
  }
  .xyra-final-clean-category .category-label h3{
    font-size:38px !important;
  }
}


   Originalbilder 1:1 eingebunden: kein Resize, keine neue Kompression,
   kein Crop, kein Blur, kein Filter.
   ========================================================= */
.xyra-original-quality-category{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:6px !important;
  padding:6px 6px 0 !important;
  margin:0 !important;
  background:#fff !important;
  border-top:1px solid rgba(6,31,64,.10) !important;
  border-bottom:1px solid rgba(6,31,64,.12) !important;
}

.xyra-original-quality-category .category-tile{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:315 / 258 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#f8f6f1 !important;
  text-decoration:none !important;
  border:0 !important;
  cursor:pointer !important;
}

/* contain = nichts wird abgeschnitten */
.xyra-original-quality-category .category-tile img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  image-rendering:auto !important;
  transition:none !important;
}

.xyra-original-quality-category .category-tile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(4,24,48,0) 55%, rgba(4,24,48,.44) 100%) !important;
}

.xyra-original-quality-category .category-label{
  position:absolute !important;
  left:28px !important;
  bottom:26px !important;
  z-index:2 !important;
  display:block !important;
  color:#fff !important;
  pointer-events:none !important;
  transition:transform .25s ease !important;
}

.xyra-original-quality-category .category-label h3{
  display:block !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:42px !important;
  line-height:.92 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 3px 18px rgba(0,0,0,.42) !important;
  transition:letter-spacing .25s ease, color .25s ease !important;
}

.xyra-original-quality-category .category-label span{
  display:inline-block !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  border-bottom:1px solid rgba(255,255,255,.9) !important;
  padding-bottom:4px !important;
  text-shadow:0 2px 12px rgba(0,0,0,.42) !important;
  transition:letter-spacing .25s ease, border-color .25s ease, color .25s ease !important;
}

.xyra-original-quality-category .category-tile:hover .category-label{
  transform:translateY(-4px) !important;
}

.xyra-original-quality-category .category-tile:hover .category-label h3{
  letter-spacing:-.018em !important;
  color:#fffdf2 !important;
}

.xyra-original-quality-category .category-tile:hover .category-label span{
  letter-spacing:.18em !important;
  color:#fff4c6 !important;
  border-bottom-color:#fff4c6 !important;
}

.xyra-original-quality-category .category-tile > h3,
.xyra-original-quality-category .category-tile > span,
.xyra-original-quality-category .category-tile > p,
.xyra-original-quality-category .category-tile > .title,
.xyra-original-quality-category .category-tile > .link{
  display:none !important;
}

@media(max-width:780px){
  .xyra-original-quality-category{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px !important;
  }
  .xyra-original-quality-category .category-tile{
    aspect-ratio:315 / 258 !important;
  }
  .xyra-original-quality-category .category-label{
    left:22px !important;
    bottom:24px !important;
  }
  .xyra-original-quality-category .category-label h3{
    font-size:38px !important;
  }
}

/* =========================================================
   XYRA PREMIUM SQUARE CATEGORY
   Quadratisch, fast full width, echte Bilder, keine fake Grafik.
   ========================================================= */
.xyra-premium-square-category{
  width:calc(100% - 12px) !important;
  max-width:1920px !important;
  margin:18px auto 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  background:#fff !important;
  border:0 !important;
}

.xyra-premium-square-category .category-tile{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  background:#f4eee4 !important;
  text-decoration:none !important;
  border:0 !important;
  cursor:pointer !important;
}

.xyra-premium-square-category .category-tile img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  transform:scale(1) !important;
  filter:brightness(.99) contrast(1.03) saturate(1.03) !important;
  transition:transform .55s ease, filter .55s ease !important;
}

.xyra-premium-square-category .category-tile::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(3,20,42,0) 58%, rgba(3,20,42,.46) 100%) !important;
}

.xyra-premium-square-category .category-label{
  position:absolute !important;
  left:34px !important;
  bottom:34px !important;
  z-index:2 !important;
  display:block !important;
  color:#fff !important;
  pointer-events:none !important;
  transition:transform .3s ease !important;
}

.xyra-premium-square-category .category-label h3{
  display:block !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:44px !important;
  line-height:.92 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 3px 20px rgba(0,0,0,.45) !important;
  transition:letter-spacing .3s ease, color .3s ease !important;
}

.xyra-premium-square-category .category-label span{
  display:inline-block !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  border-bottom:1px solid rgba(255,255,255,.92) !important;
  padding-bottom:5px !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45) !important;
  transition:letter-spacing .3s ease, color .3s ease, border-color .3s ease !important;
}

.xyra-premium-square-category .category-tile:hover img{
  transform:scale(1.025) !important;
  filter:brightness(1.05) contrast(1.06) saturate(1.06) !important;
}

.xyra-premium-square-category .category-tile:hover .category-label{
  transform:translateY(-5px) !important;
}

.xyra-premium-square-category .category-tile:hover .category-label h3{
  letter-spacing:-.015em !important;
  color:#fffdf2 !important;
}

.xyra-premium-square-category .category-tile:hover .category-label span{
  letter-spacing:.20em !important;
  color:#fff4c6 !important;
  border-bottom-color:#fff4c6 !important;
}

.xyra-premium-square-category .category-tile > h3,
.xyra-premium-square-category .category-tile > span,
.xyra-premium-square-category .category-tile > p,
.xyra-premium-square-category .category-tile > .title,
.xyra-premium-square-category .category-tile > .link{
  display:none !important;
}

@media(max-width:900px){
  .xyra-premium-square-category{
    width:calc(100% - 14px) !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:16px auto 0 !important;
  }
  .xyra-premium-square-category .category-label{
    left:24px !important;
    bottom:26px !important;
  }
  .xyra-premium-square-category .category-label h3{
    font-size:40px !important;
  }
}


   Nur Kleider-Kachel: Fokus höher setzen, Beine dürfen eher angeschnitten werden.
   ========================================================= */
.xyra-premium-square-category .category-tile:nth-child(3) img,
.xyra-luxury-editorial-category .category-tile:nth-child(3) img,
.xyra-clean-real-categories .category-tile--kleider img,
.xyra-no-cut-category .category-tile--kleider .category-fg,
.xyra-square-sea-category .category-tile:nth-child(3) img{
  object-position:center top !important;
}

/* =========================================================
   XYRA FIX: Hut und Kleid Kopf sichtbar
   Mittlere Kachel: Hut/Kopf höher fokussieren.
   Rechte Kachel: Kopf sichtbar, Beine dürfen eher angeschnitten werden.
   ========================================================= */
.xyra-premium-square-category .category-tile:nth-child(2) img,
.xyra-luxury-editorial-category .category-tile:nth-child(2) img,
.xyra-clean-real-categories .category-tile--huete img,
.xyra-no-cut-category .category-tile--huete .category-fg,
.xyra-square-sea-category .category-tile:nth-child(2) img{
  object-position:center top !important;
}

.xyra-premium-square-category .category-tile:nth-child(3) img,
.xyra-luxury-editorial-category .category-tile:nth-child(3) img,
.xyra-clean-real-categories .category-tile--kleider img,
.xyra-no-cut-category .category-tile--kleider .category-fg,
.xyra-square-sea-category .category-tile:nth-child(3) img{
  object-position:center top !important;
}

/* =========================================================
   XYRA MOBILE LUXURY CLEAN ONLY
   Nur Handy-Version: ruhiger, luftiger, weniger überfüllt.
   Desktop bleibt unverändert.
   ========================================================= */
@media(max-width: 780px){

  /* Kategorie-Streifen auf Mobile hochwertiger und ruhiger */
  .xyra-premium-square-category,
  .xyra-luxury-editorial-category,
  .xyra-clean-real-categories,
  .xyra-no-cut-category,
  .xyra-square-sea-category{
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    background: #fff !important;
    border: 0 !important;
  }

  .xyra-premium-square-category .category-tile,
  .xyra-luxury-editorial-category .category-tile,
  .xyra-clean-real-categories .category-tile,
  .xyra-no-cut-category .category-tile,
  .xyra-square-sea-category .category-tile{
    aspect-ratio: 4 / 5 !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: #f7f4ee !important;
  }

  /* Bilder weniger aggressiv und eleganter */
  .xyra-premium-square-category .category-tile img,
  .xyra-luxury-editorial-category .category-tile img,
  .xyra-clean-real-categories .category-tile img,
  .xyra-square-sea-category .category-tile img{
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    filter: brightness(.96) contrast(1.03) saturate(1.02) !important;
    transform: none !important;
  }

  /* Handy-Fokus: Hut/Kopf und Kleid-Kopf sichtbar */
  .xyra-premium-square-category .category-tile:nth-child(2) img,
  .xyra-luxury-editorial-category .category-tile:nth-child(2) img,
  .xyra-square-sea-category .category-tile:nth-child(2) img{
    object-position: center top !important;
  }

  .xyra-premium-square-category .category-tile:nth-child(3) img,
  .xyra-luxury-editorial-category .category-tile:nth-child(3) img,
  .xyra-square-sea-category .category-tile:nth-child(3) img{
    object-position: center top !important;
  }

  /* Falls Theme mit no-cut Doppelbildern aktiv ist */
  .xyra-no-cut-category .category-bg{
    display: none !important;
  }

  .xyra-no-cut-category .category-fg{
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  .xyra-no-cut-category .category-tile--taschen .category-fg{
    object-position: center center !important;
  }

  /* Verlauf dezenter: nicht mehr halbe Karte dunkel */
  .xyra-premium-square-category .category-tile::after,
  .xyra-luxury-editorial-category .category-tile::after,
  .xyra-clean-real-categories .category-tile::after,
  .xyra-no-cut-category .category-tile::after,
  .xyra-square-sea-category .category-tile::after{
    background: linear-gradient(
      180deg,
      rgba(3,20,42,0) 58%,
      rgba(3,20,42,.44) 100%
    ) !important;
  }

  /* Text kleiner, edler, nicht so dominant */
  .xyra-premium-square-category .category-label,
  .xyra-luxury-editorial-category .category-label,
  .xyra-clean-real-categories .category-label,
  .xyra-no-cut-category .category-label,
  .xyra-square-sea-category .category-label{
    left: 22px !important;
    bottom: 24px !important;
    transform: none !important;
  }

  .xyra-premium-square-category .category-label h3,
  .xyra-luxury-editorial-category .category-label h3,
  .xyra-clean-real-categories .category-label h3,
  .xyra-no-cut-category .category-label h3,
  .xyra-square-sea-category .category-label h3{
    font-size: 34px !important;
    line-height: .95 !important;
    margin: 0 0 7px 0 !important;
    letter-spacing: -.03em !important;
    text-shadow: 0 3px 16px rgba(0,0,0,.38) !important;
  }

  .xyra-premium-square-category .category-label span,
  .xyra-luxury-editorial-category .category-label span,
  .xyra-clean-real-categories .category-label span,
  .xyra-no-cut-category .category-label span,
  .xyra-square-sea-category .category-label span{
    font-size: 10px !important;
    letter-spacing: .13em !important;
    padding-bottom: 4px !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.38) !important;
  }

  /* Auf Touch kein Hover-Zoom */
  .xyra-premium-square-category .category-tile:hover img,
  .xyra-luxury-editorial-category .category-tile:hover img,
  .xyra-clean-real-categories .category-tile:hover img,
  .xyra-no-cut-category .category-tile:hover img,
  .xyra-square-sea-category .category-tile:hover img{
    transform: none !important;
  }

  .xyra-premium-square-category .category-tile:hover .category-label,
  .xyra-luxury-editorial-category .category-tile:hover .category-label,
  .xyra-clean-real-categories .category-tile:hover .category-label,
  .xyra-no-cut-category .category-tile:hover .category-label,
  .xyra-square-sea-category .category-tile:hover .category-label{
    transform: none !important;
  }

  /* Produkte/Sections darunter auf Mobile weniger eng */
  .featured-collection,
  .collection,
  .product-grid,
  .grid,
  .section{
    scroll-margin-top: 90px;
  }

  /* Nutzen/Service Blöcke auf Mobile kompakter, falls vorhanden */
  .xyra-benefits,
  .benefits,
  .trust-section{
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
}


   Nur Handy: moderne, luxuriösere Startseite.
   Desktop bleibt unverändert.
   Entfernt/verbirgt den sichtbaren Kunden-Text "Mobile optimiert".
   ========================================================= */
@media(max-width: 780px){

  /* Header ruhiger und kompakter */
  .announcement-bar,
  .announcement,
  .top-bar{
    font-size: 10px !important;
    letter-spacing: .12em !important;
    line-height: 1.25 !important;
    padding: 6px 14px !important;
  }

  .header,
  .site-header,
  .shopify-section-header{
    background: #fffaf3 !important;
    border-bottom: 1px solid rgba(6,31,64,.08) !important;
  }

  .header__heading,
  .site-header__logo,
  .header__heading-link{
    transform: scale(.92) !important;
    transform-origin: left center !important;
  }

  /* Hero auf Mobile eleganter: Bild zuerst, Text darunter kompakter */
  .hero,
  .hero-section,
  .banner,
  .image-banner,
  .xyra-hero{
    overflow: hidden !important;
  }

  .hero__content,
  .banner__content,
  .image-banner__content,
  .xyra-hero-content{
    padding: 30px 24px 28px !important;
  }

  h1,
  .hero h1,
  .banner h1,
  .image-banner h1,
  .xyra-hero h1{
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: .90 !important;
    letter-spacing: -.055em !important;
    margin-bottom: 18px !important;
  }

  .hero p,
  .banner p,
  .image-banner p,
  .xyra-hero p{
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: rgba(5,30,61,.72) !important;
    margin-bottom: 24px !important;
  }

  .button,
  .btn,
  .shopify-payment-button__button,
  .hero a.button,
  .banner a.button,
  .image-banner a.button{
    min-height: 52px !important;
    padding: 15px 18px !important;
    font-size: 12px !important;
    letter-spacing: .11em !important;
    border-radius: 0 !important;
  }

  /* Weissbox über Hero-Bild kleiner/edler statt überfüllt */
  .xyra-selection-card,
  .hero-card,
  .image-card,
  .banner-card,
  .banner__box{
    max-width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    padding: 22px 22px !important;
    box-shadow: 0 16px 45px rgba(6,31,64,.12) !important;
  }

  .xyra-selection-card h3,
  .hero-card h3,
  .image-card h3,
  .banner-card h3,
  .banner__box h2,
  .banner__box h3{
    font-size: 13px !important;
    letter-spacing: .16em !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .xyra-selection-card p,
  .hero-card p,
  .image-card p,
  .banner-card p,
  .banner__box p{
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  /* Trust/Benefit-Blöcke: Kunden sollen "Mobile optimiert" nicht sehen */
  .xyra-benefits,
  .benefits,
  .trust-section,
  .icon-with-text,
  .multicolumn,
  .section:has(h3){
    background: #fff !important;
  }

  /* Block mit "Mobile optimiert" komplett ausblenden */
  .xyra-benefits *:has(> :is(h2,h3,h4)),
  .benefits *:has(> :is(h2,h3,h4)),
  .trust-section *:has(> :is(h2,h3,h4)),
  .multicolumn *:has(> :is(h2,h3,h4)),
  .icon-with-text *:has(> :is(h2,h3,h4)){
    /* keine generelle Ausblendung, nur gezielt unten */
  }

  h2:has(+ p),
  h3:has(+ p),
  h4:has(+ p){
    overflow-wrap: anywhere;
  }

  /* Gezielt typische Shopify/MultiColumn Items verstecken, wenn Text "Mobile optimiert" vorkommt */
  .multicolumn-card:has(h3),
  .multicolumn-list__item:has(h3),
  .icon-with-text__item:has(h3),
  .trust-item:has(h3),
  .benefit-item:has(h3){
    display: var(--xyra-keep-benefit, block);
  }

  .multicolumn-card:has(h3),
  .multicolumn-list__item:has(h3),
  .icon-with-text__item:has(h3),
  .trust-item:has(h3),
  .benefit-item:has(h3){
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  /* Fallback: ganzen Benefit-Block moderner und weniger wuchtig */
  .multicolumn-list,
  .icon-with-text,
  .xyra-benefits,
  .benefits,
  .trust-section{
    gap: 0 !important;
  }

  .multicolumn-card__info,
  .multicolumn-card,
  .icon-with-text__item,
  .benefit-item,
  .trust-item{
    padding: 26px 28px !important;
    border-color: rgba(6,31,64,.08) !important;
  }

  .multicolumn-card h3,
  .icon-with-text h3,
  .benefit-item h3,
  .trust-item h3{
    font-size: 14px !important;
    letter-spacing: .20em !important;
    color: #005faa !important;
    margin-bottom: 14px !important;
  }

  .multicolumn-card p,
  .icon-with-text p,
  .benefit-item p,
  .trust-item p{
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: rgba(5,30,61,.68) !important;
  }

  /* Footer auf Mobile weniger erschlagend */
  footer,
  .footer,
  .site-footer{
    padding-top: 48px !important;
  }

  .footer h2,
  .footer .h1,
  .footer__heading,
  footer h2{
    font-size: clamp(36px, 11vw, 50px) !important;
    line-height: .95 !important;
    letter-spacing: -.045em !important;
  }

  .footer p,
  footer p,
  .footer a,
  footer a{
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

/* =========================================================
   XYRA REMOVE CUSTOMER-FACING TRUST BULLETS
   Entfernt die blauen Stichpunkte auf PC und Mobile.
   ========================================================= */
.trust,
.xyra-benefits,
.benefits,
.trust-section{
  display:none !important;
}

/* =========================================================
   XYRA MOBILE EYE CATCHER CLEAN
   Nur Mobile: Startbild frei sichtbar, keine Textbox über Bild.
   PC bleibt sonst unverändert.
   ========================================================= */
@media(max-width:780px){

  /* Header etwas ruhiger */
  .announcement-bar,
  .announcement,
  .top-bar{
    font-size:10px !important;
    letter-spacing:.12em !important;
    line-height:1.25 !important;
    padding:6px 12px !important;
  }

  .header,
  .site-header,
  .shopify-section-header{
    background:#fffaf3 !important;
    border-bottom:1px solid rgba(6,31,64,.08) !important;
  }

  /* Hero wird auf Mobile modern: Bild als Eye-Catcher zuerst */
  .hero{
    display:flex !important;
    flex-direction:column !important;
    min-height:auto !important;
    background:#fffaf3 !important;
    border-bottom:0 !important;
  }

  .hero-media{
    order:1 !important;
    width:100% !important;
    min-height:0 !important;
    height:68vh !important;
    max-height:620px !important;
    overflow:hidden !important;
    background:#eef6fb !important;
  }

  .hero-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
  }

  .hero-media:after{
    background:linear-gradient(180deg, rgba(4,31,63,0) 58%, rgba(4,31,63,.22) 100%) !important;
  }

  /* Weisse Box über Startbild komplett weg */
  .hero-card,
  .xyra-selection-card,
  .banner__box,
  .hero-media .hero-card{
    display:none !important;
  }

  /* Text unter das Bild, edler und kompakter */
  .hero-copy{
    order:2 !important;
    padding:34px 24px 34px !important;
    background:#fffaf3 !important;
    justify-content:flex-start !important;
  }

  .kicker{
    font-size:11px !important;
    letter-spacing:.22em !important;
    margin-bottom:14px !important;
  }

  .hero h1{
    font-size:clamp(42px,12vw,58px) !important;
    line-height:.90 !important;
    letter-spacing:-.055em !important;
    margin:0 0 18px !important;
  }

  .hero p{
    font-size:15.5px !important;
    line-height:1.65 !important;
    color:rgba(5,30,61,.70) !important;
    max-width:none !important;
    margin:0 !important;
  }

  .buttons{
    margin-top:24px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .btn{
    width:100% !important;
    min-height:50px !important;
    font-size:11.5px !important;
    letter-spacing:.10em !important;
    padding:14px 16px !important;
  }

  /* Kategorien darunter luftiger und nicht überfüllt */
  .xyra-premium-square-category,
  .xyra-luxury-editorial-category,
  .xyra-clean-real-categories,
  .xyra-no-cut-category,
  .xyra-square-sea-category{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin:22px auto 0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    background:#fff !important;
    border:0 !important;
  }

  .xyra-premium-square-category .category-tile,
  .xyra-luxury-editorial-category .category-tile,
  .xyra-clean-real-categories .category-tile,
  .xyra-no-cut-category .category-tile,
  .xyra-square-sea-category .category-tile{
    aspect-ratio:4 / 5 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#f7f4ee !important;
  }

  .xyra-premium-square-category .category-tile img,
  .xyra-luxury-editorial-category .category-tile img,
  .xyra-clean-real-categories .category-tile img,
  .xyra-square-sea-category .category-tile img{
    object-fit:cover !important;
    width:100% !important;
    height:100% !important;
    filter:brightness(.96) contrast(1.03) saturate(1.02) !important;
    transform:none !important;
  }

  .xyra-premium-square-category .category-tile:nth-child(2) img,
  .xyra-luxury-editorial-category .category-tile:nth-child(2) img,
  .xyra-square-sea-category .category-tile:nth-child(2) img,
  .xyra-premium-square-category .category-tile:nth-child(3) img,
  .xyra-luxury-editorial-category .category-tile:nth-child(3) img,
  .xyra-square-sea-category .category-tile:nth-child(3) img{
    object-position:center top !important;
  }

  .xyra-premium-square-category .category-tile::after,
  .xyra-luxury-editorial-category .category-tile::after,
  .xyra-clean-real-categories .category-tile::after,
  .xyra-no-cut-category .category-tile::after,
  .xyra-square-sea-category .category-tile::after{
    background:linear-gradient(180deg, rgba(3,20,42,0) 60%, rgba(3,20,42,.42) 100%) !important;
  }

  .xyra-premium-square-category .category-label,
  .xyra-luxury-editorial-category .category-label,
  .xyra-clean-real-categories .category-label,
  .xyra-no-cut-category .category-label,
  .xyra-square-sea-category .category-label{
    left:22px !important;
    bottom:24px !important;
    transform:none !important;
  }

  .xyra-premium-square-category .category-label h3,
  .xyra-luxury-editorial-category .category-label h3,
  .xyra-clean-real-categories .category-label h3,
  .xyra-no-cut-category .category-label h3,
  .xyra-square-sea-category .category-label h3{
    font-size:34px !important;
    line-height:.95 !important;
    margin:0 0 7px !important;
    letter-spacing:-.03em !important;
  }

  .xyra-premium-square-category .category-label span,
  .xyra-luxury-editorial-category .category-label span,
  .xyra-clean-real-categories .category-label span,
  .xyra-no-cut-category .category-label span,
  .xyra-square-sea-category .category-label span{
    font-size:10px !important;
    letter-spacing:.13em !important;
    padding-bottom:4px !important;
  }

  /* Footer auf Mobile weniger erschlagend */
  footer,
  .footer,
  .site-footer{
    padding-top:44px !important;
  }

  .footer h2,
  .footer .h1,
  .footer__heading,
  footer h2{
    font-size:clamp(34px,10vw,48px) !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
  }
}

/* =========================================================
   XYRA LANGUAGE HEADER MOBILE FIX
   Mobile Header passt vollständig: Sprache nicht abgeschnitten.
   Desktop bleibt gleich.
   ========================================================= */
@media(max-width:780px){
  .xyra-header,
  .xyra-fixed-header,
  .header.xyra-header{
    overflow: visible !important;
  }

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 8px !important;
    padding: 10px 8px !important;
    min-height: 74px !important;
    overflow: visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display: none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    justify-self: start !important;
    min-width: 0 !important;
    transform: scale(.82) !important;
    transform-origin: left center !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size: 34px !important;
    letter-spacing: .16em !important;
    line-height: .8 !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size: 8px !important;
    letter-spacing: .38em !important;
    margin-top: 8px !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    min-width: 0 !important;
  }

  .xyra-round-icon,
  .xyra-icon{
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  .xyra-round-icon svg,
  .xyra-icon svg{
    width: 19px !important;
    height: 19px !important;
  }

  .xyra-lang-pill,
  .xyra-language{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: 10px !important;
    letter-spacing: .02em !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .xyra-lang-pill span{
    font-size: 10px !important;
    letter-spacing: .02em !important;
  }

  .xyra-language-form{
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* Sprachpillen DE EN FR IT enger anzeigen */
  .xyra-language-switcher,
  .xyra-language-list,
  .language-switcher{
    display:flex !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
  }
}

@media(max-width:390px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    padding-left: 6px !important;
    padding-right: 6px !important;
    gap: 5px !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    transform: scale(.74) !important;
  }

  .xyra-round-icon,
  .xyra-icon{
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  .xyra-lang-pill,
  .xyra-language{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    font-size: 9px !important;
  }
}



/* =========================================================
   XYRA FINAL LANGUAGE FOOTER PAGE POLISH
   Nur eine Sprachwahl, Sprache bleibt auf Links, Footer + Pages sauber.
   ========================================================= */

/* Alte/kaputte Sprach-Forms konsequent verstecken */
.xyra-language-form,
.xyra-language,
.xyra-lang-pill,
.localization-form,
.localization-selector{
  display:none !important;
}

.xyra-lang-links{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
  margin-left:4px !important;
  position:relative !important;
  z-index:100 !important;
  pointer-events:auto !important;
}

.xyra-lang-links a{
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-size:10px !important;
  font-weight:900 !important;
  color:#061f40 !important;
  background:#fff !important;
  letter-spacing:.04em !important;
  pointer-events:auto !important;
}

.xyra-lang-links a.active{
  background:#061f40 !important;
  color:#fff !important;
  border-color:#061f40 !important;
}

.xyra-header,
.xyra-fixed-header,
.xyra-header-inner,
.xyra-fixed-header-inner,
.xyra-actions,
.xyra-fixed-icons{
  overflow:visible !important;
}

/* Footer */
.xyra-footer{
  background:#050505 !important;
  color:#fff !important;
  padding:88px 0 34px !important;
  width:100% !important;
  overflow:hidden !important;
}

.xyra-footer-wrap{
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
}

.xyra-footer-top{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap:80px !important;
  align-items:end !important;
  padding-bottom:54px !important;
  margin-bottom:52px !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}

.xyra-footer-top span{
  display:block !important;
  color:#d7af62 !important;
  font-size:12px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  margin-bottom:16px !important;
}

.xyra-footer-top h2{
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(42px, 4vw, 72px) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
  margin:0 !important;
}

.xyra-footer-top p{
  color:rgba(255,255,255,.74) !important;
  font-size:16px !important;
  line-height:1.75 !important;
  margin:0 !important;
  max-width:560px !important;
}

.xyra-footer-main{
  display:grid !important;
  grid-template-columns:1.55fr repeat(4, .72fr) !important;
  gap:42px !important;
  align-items:start !important;
}

.xyra-footer-brand h3{
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:28px !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
  margin:0 0 24px !important;
}

.xyra-footer-brand p{
  color:rgba(255,255,255,.68) !important;
  font-size:14px !important;
  line-height:1.7 !important;
  margin:0 0 22px !important;
  max-width:370px !important;
}

.xyra-newsletter{
  display:flex !important;
  gap:8px !important;
  max-width:420px !important;
}

.xyra-newsletter input{
  flex:1 !important;
  min-width:0 !important;
  height:48px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:#090909 !important;
  color:#fff !important;
  padding:0 14px !important;
  font-size:13px !important;
}

.xyra-newsletter button{
  height:48px !important;
  border:0 !important;
  background:#fff !important;
  color:#061f40 !important;
  padding:0 18px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}

.xyra-footer-col h4{
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin:0 0 18px !important;
}

.xyra-footer-col a{
  display:block !important;
  color:rgba(255,255,255,.72) !important;
  text-decoration:none !important;
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 0 13px !important;
}

.xyra-footer-col a:hover{
  color:#fff !important;
}

.xyra-footer-bottom{
  margin-top:58px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:18px !important;
  color:rgba(255,255,255,.48) !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* Rechtliche/Page-Seiten schöner */
.shopify-policy__container,
.main-page,
.page-width,
.page{
  max-width:980px;
}

.shopify-policy__container,
.shopify-policy__body,
.rte,
.page-content{
  font-size:17px !important;
  line-height:1.85 !important;
  color:rgba(6,31,64,.78) !important;
}

.shopify-policy__title h1,
.main-page-title,
.page-title,
.rte h1{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(42px, 4vw, 64px) !important;
  line-height:.98 !important;
  letter-spacing:-.04em !important;
  color:#061f40 !important;
  margin:70px 0 28px !important;
}

.rte h2,
.rte h3,
.shopify-policy__body h2,
.shopify-policy__body h3{
  color:#061f40 !important;
  font-size:24px !important;
  line-height:1.2 !important;
  margin:42px 0 14px !important;
  font-weight:900 !important;
}

.rte p,
.shopify-policy__body p{
  margin:0 0 18px !important;
}

.rte ul,
.rte ol,
.shopify-policy__body ul,
.shopify-policy__body ol{
  margin:18px 0 26px 24px !important;
}

.rte li,
.shopify-policy__body li{
  margin-bottom:10px !important;
}

@media(max-width:900px){
  .xyra-footer{
    padding:58px 0 30px !important;
  }
  .xyra-footer-wrap{
    width:calc(100% - 38px) !important;
  }
  .xyra-footer-top{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding-bottom:36px !important;
    margin-bottom:34px !important;
  }
  .xyra-footer-top h2{
    font-size:42px !important;
  }
  .xyra-footer-main{
    grid-template-columns:1fr 1fr !important;
    gap:34px 28px !important;
  }
  .xyra-footer-brand{
    grid-column:1 / -1 !important;
  }
  .xyra-newsletter{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .xyra-footer-bottom{
    flex-direction:column !important;
  }
  .xyra-actions,
  .xyra-fixed-icons{
    gap:5px !important;
  }
  .xyra-lang-links{
    gap:3px !important;
  }
  .xyra-lang-links a{
    width:29px !important;
    height:29px !important;
    font-size:9px !important;
  }
  .xyra-round-icon,
  .xyra-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
  .xyra-logo,
  .xyra-fixed-brand{
    transform:scale(.75) !important;
    transform-origin:left center !important;
  }
  .shopify-policy__container,
  .main-page,
  .page-width,
  .page{
    width:calc(100% - 38px) !important;
    max-width:none !important;
  }
  .shopify-policy__title h1,
  .main-page-title,
  .page-title,
  .rte h1{
    font-size:38px !important;
    margin-top:42px !important;
  }
}

@media(max-width:420px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    padding-left:6px !important;
    padding-right:6px !important;
    gap:4px !important;
  }
  .xyra-round-icon,
  .xyra-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
  .xyra-lang-links a{
    width:27px !important;
    height:27px !important;
    font-size:8.5px !important;
  }
}

/* =========================================================
   XYRA ACTUAL FINAL OVERRIDE
   Doppelte Sprachwahl weg, Links bleiben Sprache, Pages schöner.
   ========================================================= */

/* Alles verstecken, was nicht unsere neue Sprachleiste ist */
.xyra-language-form,
.xyra-language,
.xyra-lang-pill,
.localization-form,
.localization-selector,
form[action*="/localization"],
shopify-localization-form,
.localization-wrapper,
.header-localization,
.disclosure.localization,
.disclosure__button.localization,
.localization-select,
.language-switcher:not(.xyra-lang-links),
.xyra-language-switcher:not(.xyra-lang-links),
.xyra-language-list:not(.xyra-lang-links){
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* Unsere einzige Sprachwahl */
.xyra-lang-links{
  display:flex !important;
  visibility:visible !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
  margin-left:4px !important;
  position:relative !important;
  z-index:999 !important;
  pointer-events:auto !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
}

.xyra-lang-links a{
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-size:10px !important;
  font-weight:900 !important;
  color:#061f40 !important;
  background:#fff !important;
  letter-spacing:.04em !important;
  pointer-events:auto !important;
}

.xyra-lang-links a.active{
  background:#061f40 !important;
  color:#fff !important;
  border-color:#061f40 !important;
}

.xyra-header,
.xyra-fixed-header,
.xyra-header-inner,
.xyra-fixed-header-inner,
.xyra-actions,
.xyra-fixed-icons{
  overflow:visible !important;
}

/* Footer sauber */
.xyra-footer{
  background:#050505 !important;
  color:#fff !important;
  padding:88px 0 34px !important;
  width:100% !important;
  overflow:hidden !important;
}

.xyra-footer-wrap{
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
}

.xyra-footer-top{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap:80px !important;
  align-items:end !important;
  padding-bottom:54px !important;
  margin-bottom:52px !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}

.xyra-footer-top span{
  display:block !important;
  color:#d7af62 !important;
  font-size:12px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  margin-bottom:16px !important;
}

.xyra-footer-top h2{
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(42px, 4vw, 72px) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
  margin:0 !important;
}

.xyra-footer-top p{
  color:rgba(255,255,255,.74) !important;
  font-size:16px !important;
  line-height:1.75 !important;
  margin:0 !important;
  max-width:560px !important;
}

.xyra-footer-main{
  display:grid !important;
  grid-template-columns:1.55fr repeat(4, .72fr) !important;
  gap:42px !important;
  align-items:start !important;
}

.xyra-footer-brand h3{
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:28px !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
  margin:0 0 24px !important;
}

.xyra-footer-brand p{
  color:rgba(255,255,255,.68) !important;
  font-size:14px !important;
  line-height:1.7 !important;
  margin:0 0 22px !important;
  max-width:370px !important;
}

.xyra-newsletter{
  display:flex !important;
  gap:8px !important;
  max-width:420px !important;
}

.xyra-newsletter input{
  flex:1 !important;
  min-width:0 !important;
  height:48px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:#090909 !important;
  color:#fff !important;
  padding:0 14px !important;
  font-size:13px !important;
}

.xyra-newsletter button{
  height:48px !important;
  border:0 !important;
  background:#fff !important;
  color:#061f40 !important;
  padding:0 18px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}

.xyra-footer-col h4{
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin:0 0 18px !important;
}

.xyra-footer-col a{
  display:block !important;
  color:rgba(255,255,255,.72) !important;
  text-decoration:none !important;
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 0 13px !important;
}

.xyra-footer-col a:hover{
  color:#fff !important;
}

.xyra-footer-bottom{
  margin-top:58px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:18px !important;
  color:rgba(255,255,255,.48) !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* Page/Rechtstexte deutlich besser lesbar */
body:has(.shopify-policy__container),
body:has(.main-page-title),
body:has(.page-title){
  background:#fff !important;
}

.shopify-policy__container,
.main-page,
.page-width,
.page{
  max-width:1040px !important;
  width:calc(100% - 96px) !important;
  margin:0 auto !important;
  padding:76px 0 110px !important;
}

.shopify-policy__title,
.main-page-title,
.page-title{
  text-align:left !important;
  margin:0 0 36px !important;
}

.shopify-policy__title h1,
.main-page-title,
.page-title,
.rte h1{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(52px, 5vw, 84px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  color:#061f40 !important;
  margin:0 0 34px !important;
}

.shopify-policy__body,
.rte,
.page-content{
  font-size:18px !important;
  line-height:1.9 !important;
  color:rgba(6,31,64,.76) !important;
  max-width:900px !important;
}

.shopify-policy__body h2,
.shopify-policy__body h3,
.rte h2,
.rte h3{
  color:#061f40 !important;
  font-size:26px !important;
  line-height:1.25 !important;
  margin:48px 0 16px !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
}

.shopify-policy__body p,
.rte p{
  margin:0 0 20px !important;
}

.shopify-policy__body ul,
.shopify-policy__body ol,
.rte ul,
.rte ol{
  margin:20px 0 30px 28px !important;
}

.shopify-policy__body li,
.rte li{
  margin-bottom:12px !important;
}

@media(max-width:900px){
  .xyra-footer{
    padding:58px 0 30px !important;
  }
  .xyra-footer-wrap{
    width:calc(100% - 38px) !important;
  }
  .xyra-footer-top{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding-bottom:36px !important;
    margin-bottom:34px !important;
  }
  .xyra-footer-top h2{
    font-size:42px !important;
  }
  .xyra-footer-main{
    grid-template-columns:1fr 1fr !important;
    gap:34px 28px !important;
  }
  .xyra-footer-brand{
    grid-column:1 / -1 !important;
  }
  .xyra-newsletter{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .xyra-footer-bottom{
    flex-direction:column !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    gap:5px !important;
  }
  .xyra-lang-links{
    gap:3px !important;
  }
  .xyra-lang-links a{
    width:29px !important;
    height:29px !important;
    font-size:9px !important;
  }
  .xyra-round-icon,
  .xyra-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
  .xyra-logo,
  .xyra-fixed-brand{
    transform:scale(.75) !important;
    transform-origin:left center !important;
  }

  .shopify-policy__container,
  .main-page,
  .page-width,
  .page{
    width:calc(100% - 38px) !important;
    max-width:none !important;
    padding:44px 0 80px !important;
  }
  .shopify-policy__title h1,
  .main-page-title,
  .page-title,
  .rte h1{
    font-size:42px !important;
    margin-bottom:26px !important;
  }
  .shopify-policy__body,
  .rte,
  .page-content{
    font-size:16px !important;
    line-height:1.8 !important;
  }
}

@media(max-width:420px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    padding-left:6px !important;
    padding-right:6px !important;
    gap:4px !important;
  }
  .xyra-round-icon,
  .xyra-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
  .xyra-lang-links a{
    width:27px !important;
    height:27px !important;
    font-size:8.5px !important;
  }
}

/* =========================================================
   XYRA MOBILE HEADER FOOTER CENTERED
   Nur Handy: Logo mittig, Header ruhiger, Footer zentriert.
   Desktop bleibt unverändert.
   ========================================================= */
@media(max-width: 780px){

  /* Mobile Header: Logo mittig, Actions darunter zentriert */
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    padding:24px 16px 22px !important;
    min-height:auto !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    order:1 !important;
    margin:0 auto !important;
    text-align:center !important;
    transform:none !important;
    transform-origin:center center !important;
    justify-self:center !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:42px !important;
    line-height:.82 !important;
    letter-spacing:.20em !important;
    text-align:center !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:10px !important;
    letter-spacing:.42em !important;
    margin-top:12px !important;
    text-align:center !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    order:2 !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    min-width:0 !important;
    margin:0 auto !important;
  }

  .xyra-round-icon,
  .xyra-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }

  .xyra-round-icon svg,
  .xyra-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .xyra-lang-links{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin-left:4px !important;
    width:auto !important;
    overflow:visible !important;
  }

  .xyra-lang-links a{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    font-size:10px !important;
  }

  /* Footer Mobile komplett zentriert und ruhiger */
  .xyra-footer{
    text-align:center !important;
    padding-top:58px !important;
  }

  .xyra-footer-wrap{
    width:calc(100% - 38px) !important;
    margin:0 auto !important;
  }

  .xyra-footer-top{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:22px !important;
    text-align:center !important;
    padding-bottom:38px !important;
    margin-bottom:38px !important;
  }

  .xyra-footer-top span,
  .xyra-footer-top h2,
  .xyra-footer-top p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .xyra-footer-top h2{
    font-size:42px !important;
    line-height:.96 !important;
  }

  .xyra-footer-top p{
    max-width:520px !important;
  }

  .xyra-footer-main{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:38px !important;
    text-align:center !important;
  }

  .xyra-footer-brand,
  .xyra-footer-col{
    width:100% !important;
    max-width:420px !important;
    text-align:center !important;
    margin:0 auto !important;
  }

  .xyra-footer-brand h3,
  .xyra-footer-brand p,
  .xyra-footer-col h4,
  .xyra-footer-col a{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .xyra-footer-col a{
    display:block !important;
  }

  .xyra-newsletter{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .xyra-newsletter input,
  .xyra-newsletter button{
    width:100% !important;
    text-align:center !important;
  }

  .xyra-footer-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:10px !important;
    margin-top:44px !important;
  }

  .xyra-footer-bottom span{
    text-align:center !important;
  }
}

@media(max-width: 420px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    padding:22px 10px 20px !important;
    gap:14px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:38px !important;
    letter-spacing:.18em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:9px !important;
    letter-spacing:.38em !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    gap:6px !important;
  }

  .xyra-round-icon,
  .xyra-icon{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
    min-height:39px !important;
  }

  .xyra-lang-links{
    gap:3px !important;
    margin-left:2px !important;
  }

  .xyra-lang-links a{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   XYRA MOBILE HEADER FOOTER COMPACT
   Nur Handy:
   Header alles auf einer Zeile: Logo links, Icons Mitte, Sprache rechts.
   Footer kompakter: Shop+Kategorien nebeneinander, Infos+Rechtliches nebeneinander.
   Desktop bleibt unverändert.
   ========================================================= */
@media(max-width: 780px){

  /* Header wieder eine Zeile */
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    justify-content:normal !important;
    gap:8px !important;
    padding:14px 10px 13px !important;
    min-height:74px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    order:initial !important;
    grid-column:1 !important;
    margin:0 !important;
    justify-self:start !important;
    text-align:left !important;
    transform:none !important;
    transform-origin:left center !important;
    min-width:0 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:32px !important;
    line-height:.82 !important;
    letter-spacing:.17em !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:8px !important;
    letter-spacing:.38em !important;
    margin-top:9px !important;
    text-align:center !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    order:initial !important;
    grid-column:2 / 4 !important;
    width:auto !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    justify-content:end !important;
    gap:7px !important;
    overflow:visible !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* Icons in der Mitte/rechts, Sprachwahl ganz rechts */
  .xyra-actions > .xyra-icon,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    grid-row:1 !important;
  }

  .xyra-actions{
    display:flex !important;
  }

  .xyra-actions .xyra-icon,
  .xyra-actions .xyra-round-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  .xyra-actions .xyra-icon svg,
  .xyra-actions .xyra-round-icon svg{
    width:18px !important;
    height:18px !important;
  }

  .xyra-lang-links{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    margin-left:3px !important;
    width:auto !important;
    overflow:visible !important;
    flex:0 0 auto !important;
  }

  .xyra-lang-links a{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    font-size:9px !important;
  }

  /* Footer: nicht mehr so langgezogen */
  .xyra-footer{
    text-align:center !important;
    padding-top:52px !important;
  }

  .xyra-footer-wrap{
    width:calc(100% - 38px) !important;
    margin:0 auto !important;
  }

  .xyra-footer-top{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
    text-align:center !important;
    padding-bottom:34px !important;
    margin-bottom:34px !important;
  }

  .xyra-footer-top span,
  .xyra-footer-top h2,
  .xyra-footer-top p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .xyra-footer-top h2{
    font-size:40px !important;
    line-height:.96 !important;
  }

  .xyra-footer-main{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:34px 26px !important;
    align-items:start !important;
    text-align:center !important;
  }

  .xyra-footer-brand{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:420px !important;
    text-align:center !important;
    margin:0 auto !important;
  }

  .xyra-footer-col{
    width:100% !important;
    max-width:none !important;
    text-align:center !important;
    margin:0 auto !important;
  }

  /* Reihenfolge: Shop + Kategorien nebeneinander, dann Informationen + Rechtliches */
  .xyra-footer-main .xyra-footer-col:nth-of-type(1){
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .xyra-footer-main .xyra-footer-col:nth-of-type(2){
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .xyra-footer-main .xyra-footer-col:nth-of-type(3){
    grid-column:1 !important;
    grid-row:3 !important;
  }

  .xyra-footer-main .xyra-footer-col:nth-of-type(4){
    grid-column:2 !important;
    grid-row:3 !important;
  }

  .xyra-footer-brand h3,
  .xyra-footer-brand p,
  .xyra-footer-col h4,
  .xyra-footer-col a{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .xyra-footer-col h4{
    margin-bottom:16px !important;
  }

  .xyra-footer-col a{
    display:block !important;
    margin-bottom:13px !important;
  }

  .xyra-newsletter{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .xyra-newsletter input,
  .xyra-newsletter button{
    width:100% !important;
    text-align:center !important;
  }

  .xyra-footer-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:9px !important;
    margin-top:42px !important;
  }
}

@media(max-width: 430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns:auto 1fr !important;
    padding:13px 7px 12px !important;
    gap:5px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:29px !important;
    letter-spacing:.15em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:7.5px !important;
    letter-spacing:.32em !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    gap:4px !important;
    justify-content:end !important;
  }

  .xyra-actions .xyra-icon,
  .xyra-actions .xyra-round-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .xyra-lang-links{
    gap:2px !important;
    margin-left:1px !important;
  }

  .xyra-lang-links a{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    font-size:8.5px !important;
  }
}

@media(max-width: 370px){
  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:25px !important;
    letter-spacing:.13em !important;
  }

  .xyra-actions .xyra-icon,
  .xyra-actions .xyra-round-icon{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:8px !important;
  }
}

/* =========================================================
   XYRA PRODUCT TRANSLATION MOBILE HEADER FIX
   Mobile Header: links Icons, Mitte Logo, rechts Sprache.
   Desktop bleibt unverändert.
   ========================================================= */
@media(max-width: 780px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    display:grid !important;
    grid-template-columns: 126px 1fr auto !important;
    grid-template-areas: "icons logo lang" !important;
    align-items:center !important;
    gap:8px !important;
    padding:13px 10px 12px !important;
    min-height:78px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    grid-area:logo !important;
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
    margin:0 auto !important;
    transform:none !important;
    min-width:0 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:34px !important;
    line-height:.82 !important;
    letter-spacing:.18em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:8px !important;
    letter-spacing:.38em !important;
    margin-top:9px !important;
    text-align:center !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    display:contents !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    grid-area:icons !important;
    position:relative !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    margin:0 !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    transform:translateX(0) !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    transform:translateX(39px) !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    transform:translateX(78px) !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:17px !important;
    height:17px !important;
  }

  .xyra-lang-links{
    grid-area:lang !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:3px !important;
    width:auto !important;
    margin:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:999 !important;
  }

  .xyra-lang-links a{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:8.5px !important;
  }
}

@media(max-width: 430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 112px 1fr auto !important;
    gap:5px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:30px !important;
    letter-spacing:.15em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:7.5px !important;
    letter-spacing:.32em !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    transform:translateX(35px) !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    transform:translateX(70px) !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:8px !important;
  }
}

@media(max-width: 375px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 103px 1fr auto !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:26px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    min-height:29px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    transform:translateX(32px) !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    transform:translateX(64px) !important;
  }

  .xyra-lang-links{
    gap:2px !important;
  }

  .xyra-lang-links a{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:7.5px !important;
  }
}

/* =========================================================
   XYRA MOBILE SEARCH LOGO ZOOM FIX
   Handy: Lupe wieder sichtbar, Logo/Icons groesser,
   Newsletter Input ohne iPhone-Zoom und zentriert.
   Desktop bleibt unveraendert.
   ========================================================= */
@media(max-width: 780px){

  /* Header Layout: links 3 Icons, Mitte Logo, rechts Sprache */
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    display:grid !important;
    grid-template-columns: 150px 1fr auto !important;
    grid-template-areas: "icons logo lang" !important;
    align-items:center !important;
    gap:8px !important;
    padding:14px 10px 13px !important;
    min-height:86px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    grid-area:logo !important;
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
    margin:0 auto !important;
    transform:none !important;
    min-width:0 !important;
    z-index:2 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:40px !important;
    line-height:.82 !important;
    letter-spacing:.19em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:9px !important;
    letter-spacing:.42em !important;
    margin-top:10px !important;
    text-align:center !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    display:contents !important;
  }

  /* Alle drei Icons links sichtbar nebeneinander */
  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    grid-area:icons !important;
    position:relative !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:41px !important;
    height:41px !important;
    min-width:41px !important;
    min-height:41px !important;
    margin:0 !important;
    z-index:4 !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    transform:translateX(0) !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    transform:translateX(47px) !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    transform:translateX(94px) !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:20px !important;
    height:20px !important;
  }

  .xyra-menu-btn{
    font-size:22px !important;
    line-height:1 !important;
  }

  .xyra-lang-links{
    grid-area:lang !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    width:auto !important;
    margin:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:5 !important;
  }

  .xyra-lang-links a{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    font-size:9px !important;
  }

  /* iPhone zoomt Inputs unter 16px: deshalb 16px plus zentriert */
  input,
  textarea,
  select,
  .xyra-newsletter input,
  .footer input,
  footer input{
    font-size:16px !important;
  }

  .xyra-newsletter{
    width:100% !important;
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .xyra-newsletter input{
    text-align:center !important;
    height:54px !important;
    line-height:54px !important;
    padding:0 16px !important;
    transform:none !important;
    transform-origin:center center !important;
  }

  .xyra-newsletter button{
    height:54px !important;
    text-align:center !important;
  }

  html,
  body{
    -webkit-text-size-adjust:100% !important;
  }
}

@media(max-width: 430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 135px 1fr auto !important;
    gap:5px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:34px !important;
    letter-spacing:.16em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:8px !important;
    letter-spacing:.36em !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:37px !important;
    height:37px !important;
    min-width:37px !important;
    min-height:37px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    transform:translateX(42px) !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    transform:translateX(84px) !important;
  }

  .xyra-lang-links a{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:8.5px !important;
  }
}

@media(max-width: 390px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 126px 1fr auto !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:31px !important;
    letter-spacing:.145em !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    transform:translateX(39px) !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    transform:translateX(78px) !important;
  }

  .xyra-lang-links{
    gap:2px !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:7.5px !important;
  }
}

/* =========================================================
   XYRA MOBILE SEARCH ICON FINAL
   Mobile Header stabil: links Suche + Warenkorb + Menü,
   Mitte Logo, rechts Sprache. Kein translateX mehr.
   Desktop bleibt unverändert.
   ========================================================= */
@media(max-width: 780px){

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    grid-template-areas:"lefticons logo lang" !important;
    align-items:center !important;
    gap:10px !important;
    padding:14px 12px 13px !important;
    min-height:88px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    grid-area:logo !important;
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
    margin:0 auto !important;
    transform:none !important;
    min-width:0 !important;
    z-index:2 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:42px !important;
    line-height:.82 !important;
    letter-spacing:.18em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:9px !important;
    letter-spacing:.42em !important;
    margin-top:10px !important;
    text-align:center !important;
  }

  /* Container darf nicht contents sein, sonst verschwindet/überlappt die Lupe */
  .xyra-actions,
  .xyra-fixed-icons{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    grid-template-areas:"lefticons spacer lang" !important;
    align-items:center !important;
    gap:0 !important;
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:4 !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    position:static !important;
    transform:none !important;
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    pointer-events:auto !important;
  }

  /* Die ersten drei Elemente links sammeln: Lupe, Warenkorb, Menü */
  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    grid-area:lefticons !important;
    justify-self:start !important;
    margin-right:98px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    grid-area:lefticons !important;
    justify-self:start !important;
    margin-left:49px !important;
    margin-right:49px !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    grid-area:lefticons !important;
    justify-self:start !important;
    margin-left:98px !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:21px !important;
    height:21px !important;
  }

  .xyra-menu-btn{
    font-size:25px !important;
    line-height:1 !important;
  }

  .xyra-lang-links{
    grid-area:lang !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    width:auto !important;
    margin:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }

  .xyra-lang-links a{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    font-size:9.5px !important;
  }
}

@media(max-width: 430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    padding-left:9px !important;
    padding-right:9px !important;
    gap:6px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:36px !important;
    letter-spacing:.155em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:8px !important;
    letter-spacing:.36em !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    margin-right:88px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    margin-left:44px !important;
    margin-right:44px !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    margin-left:88px !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:19px !important;
    height:19px !important;
  }

  .xyra-lang-links{
    gap:3px !important;
  }

  .xyra-lang-links a{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:8.5px !important;
  }
}

@media(max-width: 390px){
  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:32px !important;
    letter-spacing:.135em !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    margin-right:78px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    margin-left:39px !important;
    margin-right:39px !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    margin-left:78px !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:7.5px !important;
  }
}

@media(max-width: 360px){
  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:29px !important;
    letter-spacing:.12em !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    min-height:33px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    margin-right:72px !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    margin-left:36px !important;
    margin-right:36px !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    margin-left:72px !important;
  }

  .xyra-lang-links a{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:7px !important;
  }
}

/* =========================================================
   XYRA HEADER ORDER EXACT
   Mobile exakt: links Menü, Suche, Warenkorb | Mitte Logo | rechts Sprache.
   Nur Mobile, Desktop unverändert.
   ========================================================= */
@media(max-width: 780px){

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    display:grid !important;
    grid-template-columns: 152px 1fr auto !important;
    grid-template-areas: "lefticons logo lang" !important;
    align-items:center !important;
    gap:10px !important;
    padding:14px 12px 13px !important;
    min-height:88px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    grid-area:logo !important;
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
    margin:0 auto !important;
    transform:none !important;
    min-width:0 !important;
    z-index:2 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:42px !important;
    line-height:.82 !important;
    letter-spacing:.18em !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:9px !important;
    letter-spacing:.42em !important;
    margin-top:10px !important;
    text-align:center !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    display:grid !important;
    grid-template-columns: 44px 44px 44px 1fr auto !important;
    grid-template-areas: "menu search cart spacer lang" !important;
    align-items:center !important;
    column-gap:7px !important;
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:4 !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    position:static !important;
    transform:none !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    pointer-events:auto !important;
    z-index:5 !important;
  }

  /* Exakte Reihenfolge links: Menü, Suche, Warenkorb */
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    grid-area:menu !important;
    justify-self:start !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(1),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(1){
    grid-area:search !important;
    justify-self:start !important;
  }

  .xyra-actions > .xyra-icon:nth-of-type(2),
  .xyra-fixed-icons > .xyra-icon:nth-of-type(2){
    grid-area:cart !important;
    justify-self:start !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:21px !important;
    height:21px !important;
  }

  .xyra-menu-btn{
    font-size:25px !important;
    line-height:1 !important;
  }

  .xyra-lang-links{
    grid-area:lang !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    width:auto !important;
    margin:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }

  .xyra-lang-links a{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    font-size:9.5px !important;
  }
}

@media(max-width: 430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 132px 1fr auto !important;
    gap:6px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    grid-template-columns: 38px 38px 38px 1fr auto !important;
    column-gap:5px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:34px !important;
    letter-spacing:.15em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:8px !important;
    letter-spacing:.34em !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:19px !important;
    height:19px !important;
  }

  .xyra-menu-btn{
    font-size:23px !important;
  }

  .xyra-lang-links{
    gap:3px !important;
  }

  .xyra-lang-links a{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:8.5px !important;
  }
}

@media(max-width: 390px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 116px 1fr auto !important;
    gap:4px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    grid-template-columns: 34px 34px 34px 1fr auto !important;
    column-gap:3px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:30px !important;
    letter-spacing:.13em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:7.5px !important;
    letter-spacing:.30em !important;
  }

  .xyra-lang-links{
    gap:2px !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:7.5px !important;
  }
}

@media(max-width: 360px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 104px 1fr auto !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    grid-template-columns: 31px 31px 31px 1fr auto !important;
    column-gap:2px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:27px !important;
    letter-spacing:.11em !important;
  }

  .xyra-lang-links a{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:7px !important;
  }
}

/* =========================================================
   XYRA FINAL CLEAN MOBILE HEADER
   Exakt mobile:
   links = Menü, Suche, Warenkorb
   mitte = Logo
   rechts = Sprache
   ========================================================= */
@media(max-width: 780px){

  .xyra-header,
  .xyra-fixed-header{
    overflow:visible !important;
  }

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:14px 10px 13px !important;
    min-height:84px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  /* Logo exakt mittig, unabhängig von den Icons */
  .xyra-logo,
  .xyra-fixed-brand{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
    text-align:center !important;
    z-index:2 !important;
    pointer-events:auto !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:34px !important;
    line-height:.82 !important;
    letter-spacing:.16em !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:8px !important;
    letter-spacing:.34em !important;
    margin-top:9px !important;
    text-align:center !important;
  }

  /* Actions als saubere Zeile ueber die ganze Breite */
  .xyra-actions,
  .xyra-fixed-icons{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:4 !important;
    pointer-events:auto !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    position:static !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:auto !important;
  }

  /* EXAKTE Reihenfolge links: Menue, Suche, Warenkorb */
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    order:1 !important;
  }

  .xyra-actions > a[href*="search"],
  .xyra-fixed-icons > a[href*="search"]{
    order:2 !important;
  }

  .xyra-actions > a[href*="cart"],
  .xyra-fixed-icons > a[href*="cart"]{
    order:3 !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:18px !important;
    height:18px !important;
  }

  .xyra-menu-btn{
    font-size:23px !important;
    line-height:1 !important;
  }

  /* Sprache ganz rechts */
  .xyra-lang-links{
    order:99 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:3px !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }

  .xyra-lang-links a{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    font-size:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

@media(max-width: 430px){

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    padding-left:7px !important;
    padding-right:7px !important;
    min-height:82px !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    gap:4px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:31px !important;
    letter-spacing:.135em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:7.5px !important;
    letter-spacing:.30em !important;
  }

  .xyra-lang-links{
    gap:2px !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:7.5px !important;
  }
}

@media(max-width: 380px){

  .xyra-actions,
  .xyra-fixed-icons{
    gap:3px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:28px !important;
    letter-spacing:.12em !important;
  }

  .xyra-lang-links a{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:7px !important;
  }
}

/* =========================================================
   XYRA ABSOLUTE MOBILE HEADER ORDER FIX
   FINAL OVERRIDE:
   links exakt: Menu, Suche, Warenkorb
   mitte exakt: Logo
   rechts exakt: Sprache
   ========================================================= */
@media(max-width: 780px){

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:86px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  .xyra-actions,
  .xyra-fixed-icons{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:86px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:10 !important;
  }

  .xyra-logo,
  .xyra-fixed-brand{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    z-index:2 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:34px !important;
    line-height:.82 !important;
    letter-spacing:.16em !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:8px !important;
    letter-spacing:.34em !important;
    margin-top:9px !important;
    text-align:center !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:auto !important;
    z-index:20 !important;
  }

  /* EXAKTE ANORDNUNG LINKS */
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    left:12px !important;
    right:auto !important;
    order:0 !important;
  }

  .xyra-actions > a[href*="search"],
  .xyra-fixed-icons > a[href*="search"]{
    left:58px !important;
    right:auto !important;
    order:0 !important;
  }

  .xyra-actions > a[href*="cart"],
  .xyra-fixed-icons > a[href*="cart"]{
    left:104px !important;
    right:auto !important;
    order:0 !important;
  }

  .xyra-actions svg,
  .xyra-fixed-icons svg{
    width:19px !important;
    height:19px !important;
  }

  .xyra-menu-btn{
    font-size:24px !important;
    line-height:1 !important;
  }

  .xyra-lang-links{
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:3px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    z-index:20 !important;
  }

  .xyra-lang-links a{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    font-size:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

@media(max-width: 430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner,
  .xyra-actions,
  .xyra-fixed-icons{
    min-height:82px !important;
    height:82px !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    min-height:35px !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    left:9px !important;
  }

  .xyra-actions > a[href*="search"],
  .xyra-fixed-icons > a[href*="search"]{
    left:50px !important;
  }

  .xyra-actions > a[href*="cart"],
  .xyra-fixed-icons > a[href*="cart"]{
    left:91px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:31px !important;
    letter-spacing:.13em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:7.5px !important;
    letter-spacing:.30em !important;
  }

  .xyra-lang-links{
    right:7px !important;
    gap:2px !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:7.5px !important;
  }
}

@media(max-width: 390px){
  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
  }

  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-menu-btn{
    left:7px !important;
  }

  .xyra-actions > a[href*="search"],
  .xyra-fixed-icons > a[href*="search"]{
    left:44px !important;
  }

  .xyra-actions > a[href*="cart"],
  .xyra-fixed-icons > a[href*="cart"]{
    left:81px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:28px !important;
    letter-spacing:.11em !important;
  }

  .xyra-lang-links a{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:7px !important;
  }
}

/* =========================================================
   XYRA REAL STRUCTURE HEADER FIX
   Keine absolute Icon-Verschiebung mehr:
   Mobile Links = Menue + Suche + Warenkorb als eigene Gruppe.
   Mitte = Logo. Rechts = Sprache.
   ========================================================= */

/* Desktop: neue mobile linke Gruppe ausblenden */
.xyra-mobile-left-icons{
  display:none;
}

@media(max-width: 780px){

  .xyra-header,
  .xyra-fixed-header,
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    overflow:visible !important;
  }

  .xyra-header-inner,
  .xyra-fixed-header-inner{
    position:relative !important;
    display:grid !important;
    grid-template-columns: minmax(116px, auto) 1fr minmax(118px, auto) !important;
    align-items:center !important;
    gap:8px !important;
    min-height:88px !important;
    padding:14px 9px 13px !important;
    width:100% !important;
  }

  .xyra-nav,
  .xyra-fixed-nav{
    display:none !important;
  }

  /* Links: genau Menue, Suche, Warenkorb */
  .xyra-mobile-left-icons{
    grid-column:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    min-width:0 !important;
    z-index:5 !important;
  }

  .xyra-mobile-left-icons .xyra-icon,
  .xyra-mobile-left-icons .xyra-round-icon,
  .xyra-mobile-left-icons .xyra-menu-btn{
    position:static !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    min-height:35px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:5 !important;
  }

  .xyra-mobile-left-icons svg{
    width:18px !important;
    height:18px !important;
  }

  .xyra-mobile-left-icons .xyra-menu-btn{
    font-size:23px !important;
    line-height:1 !important;
  }

  /* Mitte: Logo wirklich zentriert */
  .xyra-logo,
  .xyra-fixed-brand{
    grid-column:2 !important;
    position:static !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
    margin:0 auto !important;
    z-index:3 !important;
    min-width:0 !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block !important;
    font-size:31px !important;
    line-height:.82 !important;
    letter-spacing:.13em !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block !important;
    font-size:7.5px !important;
    letter-spacing:.30em !important;
    margin-top:8px !important;
    text-align:center !important;
  }

  /* Desktop-Icons im Mobile ausblenden, aber Sprache behalten */
  .xyra-actions,
  .xyra-fixed-icons{
    grid-column:3 !important;
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:5 !important;
  }

  .xyra-actions > .xyra-icon,
  .xyra-actions > .xyra-round-icon,
  .xyra-actions > .xyra-menu-btn,
  .xyra-fixed-icons > .xyra-icon,
  .xyra-fixed-icons > .xyra-round-icon,
  .xyra-fixed-icons > .xyra-menu-btn{
    display:none !important;
  }

  .xyra-lang-links{
    position:static !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:3px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:6 !important;
  }

  .xyra-lang-links a{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    font-size:7.5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

@media(max-width:430px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 114px 1fr 114px !important;
    gap:4px !important;
    min-height:82px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .xyra-mobile-left-icons{
    gap:4px !important;
  }

  .xyra-mobile-left-icons .xyra-icon,
  .xyra-mobile-left-icons .xyra-round-icon,
  .xyra-mobile-left-icons .xyra-menu-btn{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    min-height:33px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:28px !important;
    letter-spacing:.105em !important;
  }

  .xyra-logo small,
  .xyra-fixed-brand small{
    font-size:7px !important;
    letter-spacing:.26em !important;
  }

  .xyra-lang-links{
    gap:2px !important;
  }

  .xyra-lang-links a{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:7px !important;
  }
}

@media(max-width:380px){
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns: 104px 1fr 104px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }

  .xyra-mobile-left-icons{
    gap:3px !important;
  }

  .xyra-mobile-left-icons .xyra-icon,
  .xyra-mobile-left-icons .xyra-round-icon,
  .xyra-mobile-left-icons .xyra-menu-btn{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
  }

  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:25px !important;
    letter-spacing:.09em !important;
  }

  .xyra-lang-links a{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:6.5px !important;
  }
}


/* FINAL MOBILE HEADER ALIGNMENT */
@media (max-width:780px){

.xyra-mobile-left-icons .xyra-icon,
.xyra-mobile-left-icons .xyra-round-icon,
.xyra-mobile-left-icons .xyra-menu-btn{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
}

.xyra-mobile-left-icons svg{
width:22px!important;
height:22px!important;
}

.xyra-mobile-left-icons .xyra-menu-btn{
font-size:28px!important;
}

.xyra-lang-links a{
width:30px!important;
height:30px!important;
min-width:30px!important;
font-size:9px!important;
font-weight:700!important;
}

.xyra-header-inner,
.xyra-fixed-header-inner{
align-items:center!important;
padding-top:4px!important;
padding-bottom:18px!important;
}

.xyra-mobile-left-icons,
.xyra-logo,
.xyra-fixed-brand,
.xyra-actions,
.xyra-fixed-icons{
transform:translateY(-10px)!important;
}
}

/* =========================================================
   XYRA MOBILE SORT DROPDOWN FIX
   Nur Sortierungsanzeige auf Mobile korrigiert.
   Header, Startseite und Footer unverändert.
   ========================================================= */
@media(max-width: 780px){

  .facets__sort,
  .facet-filters__sort,
  .product-count__text,
  select[name="sort_by"],
  .collection-sort select,
  .sort-by select{
    font-size:18px !important;
    line-height:1.2 !important;
  }

  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    min-width:190px !important;
    width:auto !important;
    max-width:calc(100vw - 220px) !important;
    height:38px !important;
    padding:0 34px 0 12px !important;
    text-overflow:clip !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  .facet-filters,
  .facets__form,
  .collection-filters,
  .product-grid-container .facets,
  .collection .facets{
    overflow:visible !important;
  }

  .facet-filters__label,
  .facets__heading,
  .sort-by label,
  .collection-sort label{
    white-space:nowrap !important;
  }
}

@media(max-width: 430px){
  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    min-width:200px !important;
    max-width:58vw !important;
    font-size:17px !important;
    padding-right:32px !important;
  }
}

@media(max-width: 380px){
  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    min-width:185px !important;
    max-width:56vw !important;
    font-size:16px !important;
  }
}

/* =========================================================
   XYRA SORT PRODUCTS CART POLISH
   Sortierung lesbar, Produktkarten kompakter, Warenkorb hochwertiger.
   Header/Startseite/Footer nicht verändert.
   ========================================================= */

/* Sortierung allgemein */
.facet-filters,
.facets__form,
.collection-filters,
.product-grid-container .facets,
.collection .facets,
.facets-container{
  overflow:visible !important;
}

.facet-filters__field,
.sort-by,
.collection-sort{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
}

.facet-filters__label,
.facets__heading,
.sort-by label,
.collection-sort label{
  white-space:nowrap !important;
  letter-spacing:.18em !important;
  color:#005da8 !important;
}

select[name="sort_by"],
.facet-filters__sort,
.facets__sort,
.collection-sort select,
.sort-by select{
  width:auto !important;
  min-width:235px !important;
  max-width:none !important;
  height:44px !important;
  padding:0 42px 0 16px !important;
  font-size:17px !important;
  line-height:44px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  color:#061f40 !important;
  background-color:#fff !important;
  border:1px solid rgba(6,31,64,.30) !important;
  border-radius:0 !important;
  text-overflow:clip !important;
  overflow:visible !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

/* Mobile Sortierung kleiner und vollständig sichtbar */
@media(max-width:780px){
  .facets-container,
  .facet-filters,
  .facets__form,
  .collection-filters{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .facet-filters__field,
  .sort-by,
  .collection-sort{
    gap:10px !important;
    justify-content:center !important;
  }

  .facet-filters__label,
  .facets__heading,
  .sort-by label,
  .collection-sort label{
    font-size:16px !important;
    letter-spacing:.14em !important;
  }

  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    min-width:205px !important;
    max-width:205px !important;
    width:205px !important;
    height:38px !important;
    padding:0 30px 0 10px !important;
    font-size:14px !important;
    line-height:38px !important;
    letter-spacing:.03em !important;
  }
}

@media(max-width:390px){
  .facet-filters__label,
  .facets__heading,
  .sort-by label,
  .collection-sort label{
    font-size:14px !important;
    letter-spacing:.12em !important;
  }

  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    min-width:190px !important;
    max-width:190px !important;
    width:190px !important;
    font-size:13px !important;
    padding-left:9px !important;
    padding-right:28px !important;
  }
}

/* Produktkarten: Abstand Titel/Preis kleiner, sauberer */
.card-information,
.product-card-wrapper .card-information,
.card__information{
  padding-top:14px !important;
}

.card-information .price,
.card__information .price,
.price{
  margin-top:8px !important;
}

.card__heading,
.card-information h3,
.product-card-wrapper h3,
.card__information h3{
  margin-bottom:6px !important;
  line-height:1.18 !important;
}

.product-card-wrapper .price,
.card-wrapper .price{
  margin-top:6px !important;
}

@media(max-width:780px){
  .card__heading,
  .card-information h3,
  .product-card-wrapper h3,
  .card__information h3{
    font-size:19px !important;
    line-height:1.16 !important;
    margin-bottom:4px !important;
  }

  .card-information .price,
  .card__information .price,
  .product-card-wrapper .price,
  .card-wrapper .price{
    margin-top:4px !important;
    font-size:18px !important;
    line-height:1.25 !important;
  }
}

/* Cart/Warenkorb hochwertiger */
.cart,
.cart__contents,
.cart-items,
.cart__footer,
.cart__blocks,
.main-cart-items,
.cart-page,
.template-cart main{
  color:#061f40 !important;
}

.cart__items,
.cart-items,
.main-cart-items{
  max-width:980px !important;
  margin:0 auto !important;
  background:#fff !important;
  border:1px solid rgba(6,31,64,.10) !important;
  box-shadow:0 18px 60px rgba(6,31,64,.08) !important;
  padding:34px !important;
}

.cart__footer,
.cart__blocks{
  max-width:980px !important;
  margin:0 auto 80px !important;
  background:#fff !important;
  border:1px solid rgba(6,31,64,.10) !important;
  border-top:0 !important;
  box-shadow:0 18px 60px rgba(6,31,64,.08) !important;
  padding:26px 34px 34px !important;
}

.cart-item,
.cart-items tr{
  border-bottom:1px solid rgba(6,31,64,.10) !important;
}

.cart-item__name,
.cart-items a,
.cart__heading,
.title-wrapper-with-link h1{
  color:#061f40 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}

.cart-item__image,
.cart-item__media img{
  border-radius:0 !important;
  object-fit:cover !important;
}

.quantity,
.quantity__input{
  border:1px solid rgba(6,31,64,.20) !important;
  background:#fff !important;
}

.cart__checkout-button,
.button[name="checkout"],
.cart__update-button,
button[name="update"]{
  min-height:48px !important;
  border-radius:0 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.cart__checkout-button,
.button[name="checkout"]{
  background:#061f40 !important;
  color:#fff !important;
  border:1px solid #061f40 !important;
}

.cart__update-button,
button[name="update"]{
  background:#fff !important;
  color:#061f40 !important;
  border:1px solid rgba(6,31,64,.35) !important;
}

.totals,
.totals__total,
.totals__total-value{
  color:#061f40 !important;
  font-weight:900 !important;
}

@media(max-width:780px){
  .cart__items,
  .cart-items,
  .main-cart-items,
  .cart__footer,
  .cart__blocks{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    padding:22px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-shadow:0 12px 42px rgba(6,31,64,.08) !important;
  }

  .cart__footer,
  .cart__blocks{
    margin-bottom:60px !important;
  }

  .cart-item__name,
  .cart-items a{
    font-size:15px !important;
    line-height:1.25 !important;
  }

  .cart__checkout-button,
  .button[name="checkout"],
  .cart__update-button,
  button[name="update"]{
    width:100% !important;
    margin-top:10px !important;
  }
}

/* =========================================================
   XYRA PRODUCT SORT CART FINAL FIX
   Produktseite zentriert, kaputte Labels optisch stabil,
   Sortierung korrekt lesbar, Produktkarten kompakter,
   Warenkorb hochwertiger. Gilt PC + Mobile.
   ========================================================= */

/* PRODUKTSEITE ZENTRIEREN */
.product,
.product__info-wrapper,
.product__media-wrapper,
.product__info-container,
.product-form,
.product__accordion,
.product__description,
.product__title,
.price,
.product .price,
.product__tax,
.product__pickup-availabilities,
.product__view-details,
.product__text,
.product__inventory,
.product__sku,
.product__vendor{
  text-align:center !important;
}

.product{
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.product__info-wrapper{
  display:flex !important;
  justify-content:center !important;
}

.product__info-container{
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:720px !important;
}

.product-form__buttons,
.product-form__submit,
.shopify-payment-button,
.product__accordion,
.accordion,
.product .accordion{
  margin-left:auto !important;
  margin-right:auto !important;
}

.product-form__buttons{
  max-width:620px !important;
}

.product-form__submit{
  width:100% !important;
  min-height:56px !important;
  letter-spacing:.18em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.product__accordion summary,
.product .accordion summary,
.accordion summary{
  justify-content:center !important;
  text-align:center !important;
}

.product__accordion .summary__title,
.product .accordion .summary__title{
  justify-content:center !important;
  width:100% !important;
}

/* Kaputte Liquid-Labels absichern: falls noch Text sichtbar ist, wird wenigstens nicht brutal aussehen */
.product__accordion summary span,
.product .accordion summary span,
.accordion summary span{
  font-weight:900 !important;
  letter-spacing:.16em !important;
}

/* Produkt-Benefits zentrieren */
.product .icon-with-text,
.product__info-container .icon-with-text,
.product__info-container ul{
  justify-content:center !important;
  text-align:center !important;
}

/* SORTIERUNG: lesbar, nicht abgeschnitten, PC + Mobile */
.facets-container,
.facets,
.facets__form,
.facet-filters,
.facet-filters__field,
.collection-filters,
.collection-sort,
.sort-by{
  overflow:visible !important;
}

.facet-filters__field,
.collection-sort,
.sort-by{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
}

.facet-filters__label,
.collection-sort label,
.sort-by label,
.facets__heading{
  font-size:16px !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  white-space:nowrap !important;
  color:#005da8 !important;
  margin:0 !important;
}

select[name="sort_by"],
.facet-filters__sort,
.facets__sort,
.collection-sort select,
.sort-by select{
  display:inline-block !important;
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 38px 0 13px !important;
  font-size:15px !important;
  line-height:42px !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  color:#061f40 !important;
  background:#fff !important;
  border:1px solid rgba(6,31,64,.30) !important;
  border-radius:0 !important;
  text-align:left !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

@media(max-width:780px){
  .facet-filters__field,
  .collection-sort,
  .sort-by{
    gap:8px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .facet-filters__label,
  .collection-sort label,
  .sort-by label,
  .facets__heading{
    font-size:14px !important;
    letter-spacing:.12em !important;
  }

  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 28px 0 9px !important;
    font-size:13px !important;
    line-height:36px !important;
    letter-spacing:.01em !important;
  }
}

@media(max-width:390px){
  .facet-filters__label,
  .collection-sort label,
  .sort-by label,
  .facets__heading{
    font-size:13px !important;
    letter-spacing:.10em !important;
  }

  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    width:165px !important;
    min-width:165px !important;
    max-width:165px !important;
    font-size:12px !important;
  }
}

/* PRODUKTKARTEN: Abstand Titel - Preis raus */
.card__information,
.card-information,
.product-card-wrapper .card-information{
  padding-top:12px !important;
  text-align:center !important;
}

.card__heading,
.card-information h3,
.card__information h3,
.product-card-wrapper h3,
.card-wrapper h3{
  margin:0 0 4px !important;
  line-height:1.16 !important;
  text-align:center !important;
}

.card-information .price,
.card__information .price,
.product-card-wrapper .price,
.card-wrapper .price,
.price{
  margin-top:3px !important;
  padding-top:0 !important;
  text-align:center !important;
}

.price__container,
.price__regular,
.price-item{
  margin-top:0 !important;
}

@media(max-width:780px){
  .card__heading,
  .card-information h3,
  .card__information h3,
  .product-card-wrapper h3,
  .card-wrapper h3{
    font-size:18px !important;
    margin-bottom:2px !important;
    line-height:1.14 !important;
  }

  .card-information .price,
  .card__information .price,
  .product-card-wrapper .price,
  .card-wrapper .price,
  .price{
    font-size:17px !important;
    margin-top:1px !important;
    line-height:1.2 !important;
  }
}

/* WARENKORB: hochwertiger, PC + Mobile */
.cart-page,
.template-cart main,
.cart,
.cart__contents,
.cart-items,
.main-cart-items,
.cart__footer,
.cart__blocks{
  color:#061f40 !important;
}

.title-wrapper-with-link,
.cart__heading{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.title-wrapper-with-link h1,
.cart__heading,
.cart h1{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(38px, 4vw, 64px) !important;
  line-height:.98 !important;
  letter-spacing:-.04em !important;
  color:#061f40 !important;
  text-align:center !important;
}

.cart__items,
.cart-items,
.main-cart-items,
.cart__contents{
  max-width:980px !important;
  margin:0 auto !important;
  background:#fff !important;
  border:1px solid rgba(6,31,64,.12) !important;
  box-shadow:0 20px 70px rgba(6,31,64,.09) !important;
  padding:34px !important;
}

.cart__footer,
.cart__blocks{
  max-width:980px !important;
  margin:0 auto 80px !important;
  background:#fff !important;
  border:1px solid rgba(6,31,64,.12) !important;
  border-top:0 !important;
  box-shadow:0 20px 70px rgba(6,31,64,.09) !important;
  padding:28px 34px 36px !important;
}

.cart-item,
.cart-items tr{
  border-bottom:1px solid rgba(6,31,64,.10) !important;
}

.cart-item__details,
.cart-item__totals,
.cart__footer,
.cart__blocks{
  text-align:left !important;
}

.cart-item__name,
.cart-items a{
  color:#061f40 !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}

.cart-item__image,
.cart-item__media img{
  object-fit:cover !important;
  border:1px solid rgba(6,31,64,.08) !important;
}

.quantity,
.quantity__input{
  border:1px solid rgba(6,31,64,.22) !important;
  background:#fff !important;
}

.cart__checkout-button,
.button[name="checkout"],
.cart__update-button,
button[name="update"]{
  min-height:50px !important;
  border-radius:0 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

.cart__checkout-button,
.button[name="checkout"]{
  background:#061f40 !important;
  color:#fff !important;
  border:1px solid #061f40 !important;
}

.cart__update-button,
button[name="update"]{
  background:#fff !important;
  color:#061f40 !important;
  border:1px solid rgba(6,31,64,.38) !important;
}

.totals,
.totals__total,
.totals__total-value,
.cart__footer .totals{
  color:#061f40 !important;
  font-weight:900 !important;
}

@media(max-width:780px){
  .cart__items,
  .cart-items,
  .main-cart-items,
  .cart__contents,
  .cart__footer,
  .cart__blocks{
    width:calc(100% - 32px) !important;
    max-width:none !important;
    padding:22px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-shadow:0 12px 42px rgba(6,31,64,.08) !important;
  }

  .cart__footer,
  .cart__blocks{
    margin-bottom:60px !important;
  }

  .cart-item__name,
  .cart-items a{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  .cart__checkout-button,
  .button[name="checkout"],
  .cart__update-button,
  button[name="update"]{
    width:100% !important;
    margin-top:10px !important;
  }
}


/* =========================================================
   XYRA FINAL PRODUCT PAGE CENTER FIX
   Finaler Override: Produktseite wirklich zentriert.
   Header, Startseite und Footer werden nicht verändert.
   ========================================================= */

/* Hauptbereich Produktseite */
body.template-product,
.template-product main,
.template-product .shopify-section,
.template-product .section,
.template-product .page-width{
  overflow-x:hidden !important;
}

.template-product .page-width,
.template-product .product-section,
.template-product .section-main-product,
.template-product .shopify-section:has(.product),
.template-product main > section{
  max-width:none !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Desktop: kompletter Produktblock mittig */
.template-product .product,
.template-product .product.grid,
.template-product .product--large,
.template-product .product--medium,
.template-product .product--small{
  width:min(1240px, calc(100vw - 80px)) !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 590px) minmax(0, 470px) !important;
  justify-content:center !important;
  align-items:start !important;
  column-gap:64px !important;
  box-sizing:border-box !important;
  float:none !important;
  text-align:center !important;
}

/* Linke Spalte/Galerie */
.template-product .product__media-wrapper{
  width:100% !important;
  max-width:590px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  float:none !important;
  justify-self:center !important;
  align-self:start !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.template-product .product__media-gallery,
.template-product .product__media-list,
.template-product .product__media,
.template-product .product-media-container,
.template-product .slider-mobile-gutter{
  width:100% !important;
  max-width:590px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

/* Rechte Spalte/Infos */
.template-product .product__info-wrapper{
  width:100% !important;
  max-width:470px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  float:none !important;
  justify-self:center !important;
  align-self:start !important;
  display:block !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.template-product .product__info-container{
  width:100% !important;
  max-width:470px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

/* Produktinfo-Inhalt zentrieren */
.template-product .product__title,
.template-product .product__title h1,
.template-product .product__info-container h1,
.template-product .product__text,
.template-product .product__vendor,
.template-product .product__sku,
.template-product .product__price,
.template-product .product__info-container .price,
.template-product .product__description,
.template-product .product__inventory,
.template-product .product__tax,
.template-product .product-form,
.template-product .product-form form,
.template-product .product-form__input,
.template-product .product-form__buttons,
.template-product .product__accordion,
.template-product .accordion{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.template-product .product__title h1,
.template-product .product__info-container h1{
  font-family:Georgia,"Times New Roman",serif !important;
  line-height:.94 !important;
  letter-spacing:-.035em !important;
}

.template-product .product-form__buttons{
  width:100% !important;
  max-width:470px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.template-product .product-form__submit{
  width:100% !important;
  min-height:56px !important;
  text-align:center !important;
  letter-spacing:.16em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.template-product .quantity,
.template-product .product__info-container .quantity{
  margin-left:auto !important;
  margin-right:auto !important;
}

.template-product .product__info-container .icon-with-text,
.template-product .product__info-container .product-benefits,
.template-product .product__info-container ul{
  justify-content:center !important;
  text-align:center !important;
}

/* Accordion sauber */
.template-product .product__accordion,
.template-product .accordion{
  width:100% !important;
  max-width:470px !important;
}

.template-product .product__accordion summary,
.template-product .accordion summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-align:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.template-product .product__accordion .summary__title,
.template-product .accordion .summary__title{
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:center !important;
  text-align:center !important;
}

.template-product .product__accordion summary span,
.template-product .accordion summary span,
.template-product .product__accordion summary h2,
.template-product .accordion summary h2{
  text-align:center !important;
  font-size:14px !important;
  letter-spacing:.16em !important;
  font-weight:900 !important;
  color:#061f40 !important;
  text-transform:uppercase !important;
}

/* Mobile: Produktseite exakt mittig, kein links klebender Block */
@media(max-width:780px){
  .template-product .product,
  .template-product .product.grid,
  .template-product .product--large,
  .template-product .product--medium,
  .template-product .product--small{
    width:min(560px, calc(100vw - 32px)) !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    text-align:center !important;
  }

  .template-product .product__media-wrapper,
  .template-product .product__info-wrapper,
  .template-product .product__info-container,
  .template-product .product__media-gallery,
  .template-product .product__media-list,
  .template-product .product__media,
  .template-product .product-media-container,
  .template-product .slider-mobile-gutter{
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center !important;
  }

  .template-product .product__title h1,
  .template-product .product__info-container h1{
    font-size:42px !important;
    text-align:center !important;
  }

  .template-product .product-form__buttons,
  .template-product .product__accordion,
  .template-product .accordion{
    width:100% !important;
    max-width:100% !important;
  }

  .template-product .product__accordion summary span,
  .template-product .accordion summary span,
  .template-product .product__accordion summary h2,
  .template-product .accordion summary h2{
    font-size:13px !important;
    letter-spacing:.12em !important;
  }
}

/* Product recommendations ebenfalls mittig */
.template-product .related-products,
.template-product .product-recommendations,
.template-product .complementary-products,
.template-product .xyra-recommendations{
  width:min(1240px, calc(100vw - 80px)) !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

@media(max-width:780px){
  .template-product .related-products,
  .template-product .product-recommendations,
  .template-product .complementary-products,
  .template-product .xyra-recommendations{
    width:min(560px, calc(100vw - 32px)) !important;
    max-width:560px !important;
  }
}

/* Sortierung klein und sauber lesbar */
.facet-filters__field,
.collection-sort,
.sort-by{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}

.facet-filters__label,
.collection-sort label,
.sort-by label,
.facets__heading{
  font-size:14px !important;
  letter-spacing:.10em !important;
  white-space:nowrap !important;
}

select[name="sort_by"],
.facet-filters__sort,
.facets__sort,
.collection-sort select,
.sort-by select{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:36px !important;
  padding:0 26px 0 9px !important;
  font-size:12px !important;
  line-height:36px !important;
  text-overflow:ellipsis !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

@media(max-width:780px){
  select[name="sort_by"],
  .facet-filters__sort,
  .facets__sort,
  .collection-sort select,
  .sort-by select{
    width:155px !important;
    min-width:155px !important;
    max-width:155px !important;
    height:34px !important;
    font-size:11px !important;
  }
}

/* Produktkarten: Preis näher an Titel */
.card__heading,
.card-information h3,
.card__information h3,
.product-card-wrapper h3,
.card-wrapper h3{
  margin-bottom:2px !important;
}

.card-information .price,
.card__information .price,
.product-card-wrapper .price,
.card-wrapper .price,
.price{
  margin-top:0 !important;
  padding-top:0 !important;
}


/* =========================================================
   XYRA EQUAL MARGIN PRODUCT CENTER FINAL
   Ziel: Produktseite hat links und rechts exakt gleichen Abstand.
   Keine Header-/Startseiten-/Footer-Aenderung.
   ========================================================= */

/* Alle Theme-breiten auf Produktseite neutralisieren */
body.template-product,
body.template-product main,
body.template-product .shopify-section,
body.template-product .section,
body.template-product .page-width,
body.template-product .product-section,
body.template-product .section-main-product{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

/* MOBILE: absolut gleicher Rand links/rechts */
@media(max-width:780px){

  body.template-product .product,
  body.template-product .product.grid,
  body.template-product .product--large,
  body.template-product .product--medium,
  body.template-product .product--small{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
    text-align:center !important;
    float:none !important;
    gap:28px !important;
  }

  body.template-product .product__media-wrapper,
  body.template-product .product__info-wrapper{
    display:block !important;
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    float:none !important;
    text-align:center !important;
    justify-self:center !important;
    align-self:center !important;
  }

  body.template-product .product__media-gallery,
  body.template-product .product__media-list,
  body.template-product .product__media,
  body.template-product .product-media-container,
  body.template-product .slider-mobile-gutter,
  body.template-product media-gallery{
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  body.template-product .product__info-container{
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  body.template-product .product__media img,
  body.template-product .product-media-container img{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.template-product .product__title,
  body.template-product .product__title h1,
  body.template-product .product__info-container h1,
  body.template-product .product__text,
  body.template-product .product__vendor,
  body.template-product .product__sku,
  body.template-product .product__info-container .price,
  body.template-product .product__description,
  body.template-product .product__inventory,
  body.template-product .product__tax,
  body.template-product .product-form,
  body.template-product .product-form form,
  body.template-product .product-form__input,
  body.template-product .product-form__buttons,
  body.template-product .quantity,
  body.template-product .product__accordion,
  body.template-product .accordion{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.template-product .product-form__buttons,
  body.template-product .product-form__submit,
  body.template-product .product__accordion,
  body.template-product .accordion{
    width:100% !important;
    max-width:560px !important;
  }

  body.template-product .product__accordion summary,
  body.template-product .accordion summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    text-align:center !important;
  }

  body.template-product .product__accordion .summary__title,
  body.template-product .accordion .summary__title{
    flex:1 1 auto !important;
    display:flex !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.template-product .product__accordion summary span,
  body.template-product .accordion summary span,
  body.template-product .product__accordion summary h2,
  body.template-product .accordion summary h2{
    text-align:center !important;
    font-size:13px !important;
    letter-spacing:.12em !important;
    font-weight:900 !important;
    color:#061f40 !important;
    text-transform:uppercase !important;
  }

  body.template-product .related-products,
  body.template-product .product-recommendations,
  body.template-product .complementary-products,
  body.template-product .xyra-recommendations{
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
}

/* DESKTOP: Produktblock exakt in Seitenmitte */
@media(min-width:781px){
  body.template-product .product,
  body.template-product .product.grid,
  body.template-product .product--large,
  body.template-product .product--medium,
  body.template-product .product--small{
    width:min(1180px, calc(100vw - 120px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display:grid !important;
    grid-template-columns:560px 460px !important;
    column-gap:70px !important;
    justify-content:center !important;
    align-items:start !important;
    box-sizing:border-box !important;
    float:none !important;
    text-align:center !important;
  }

  body.template-product .product__media-wrapper{
    width:560px !important;
    max-width:560px !important;
    margin:0 auto !important;
    padding:0 !important;
    justify-self:center !important;
    text-align:center !important;
    float:none !important;
    box-sizing:border-box !important;
  }

  body.template-product .product__info-wrapper{
    width:460px !important;
    max-width:460px !important;
    margin:0 auto !important;
    padding:0 !important;
    justify-self:center !important;
    text-align:center !important;
    float:none !important;
    box-sizing:border-box !important;
  }

  body.template-product .product__info-container{
    width:460px !important;
    max-width:460px !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  body.template-product .product__media-gallery,
  body.template-product .product__media-list,
  body.template-product .product__media,
  body.template-product .product-media-container,
  body.template-product .slider-mobile-gutter,
  body.template-product media-gallery{
    width:560px !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  body.template-product .product__title,
  body.template-product .product__title h1,
  body.template-product .product__info-container h1,
  body.template-product .product__text,
  body.template-product .product__vendor,
  body.template-product .product__sku,
  body.template-product .product__info-container .price,
  body.template-product .product__description,
  body.template-product .product__inventory,
  body.template-product .product__tax,
  body.template-product .product-form,
  body.template-product .product-form form,
  body.template-product .product-form__input,
  body.template-product .product-form__buttons,
  body.template-product .quantity,
  body.template-product .product__accordion,
  body.template-product .accordion{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.template-product .product-form__buttons,
  body.template-product .product-form__submit,
  body.template-product .product__accordion,
  body.template-product .accordion{
    width:100% !important;
    max-width:460px !important;
  }

  body.template-product .product__accordion summary,
  body.template-product .accordion summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    text-align:center !important;
  }

  body.template-product .product__accordion .summary__title,
  body.template-product .accordion .summary__title{
    flex:1 1 auto !important;
    display:flex !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* Titel / Preis kompakter */
.card__heading,
.card-information h3,
.card__information h3,
.product-card-wrapper h3,
.card-wrapper h3{
  margin-bottom:2px !important;
}
.card-information .price,
.card__information .price,
.product-card-wrapper .price,
.card-wrapper .price,
.price{
  margin-top:0 !important;
  padding-top:0 !important;
}


/* XYRA exact centered product wrapper */
@media (max-width:780px){
body.template-product .product,
body.template-product .main-product,
body.template-product .product__info-wrapper,
body.template-product .product__media-wrapper,
body.template-product .product__info-container,
body.template-product .product__media-list,
body.template-product media-gallery,
body.template-product .product-form,
body.template-product .product__accordion,
body.template-product .product__description,
body.template-product .product__inventory,
body.template-product .product__tax,
body.template-product .product__media{
 width:calc(100% - 32px)!important;
 max-width:560px!important;
 margin-left:auto!important;
 margin-right:auto!important;
 padding-left:0!important;
 padding-right:0!important;
 box-sizing:border-box!important;
 float:none!important;
}
body.template-product img{max-width:100%!important;height:auto!important;display:block;margin:auto!important;}
}


/* =========================================================
   XYRA PRODUCT MIDDLE STACK CENTERED
   Produktseite wie Footer: alles aus der Mitte heraus zentriert.
   Kein linksbuendiges Grid mehr auf Mobile.
   Header / Startseite / Footer unveraendert.
   ========================================================= */

/* Mobile: ALLES in eine mittige Spalte, nicht links/rechts Grid */
@media(max-width: 780px){

  body.template-product main,
  body.template-product .shopify-section,
  body.template-product .page-width,
  body.template-product .section,
  body.template-product .section-main-product,
  body.template-product .product-section{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow-x:hidden !important;
    display:block !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  body.template-product .product,
  body.template-product .product.grid,
  body.template-product .product--large,
  body.template-product .product--medium,
  body.template-product .product--small{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:28px !important;
    float:none !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  /* Jede grosse Produkt-Sektion sitzt exakt mittig mit gleicher Breite */
  body.template-product .product__media-wrapper,
  body.template-product .product__info-wrapper,
  body.template-product .product__info-container,
  body.template-product .product__media-gallery,
  body.template-product media-gallery,
  body.template-product .product__media-list,
  body.template-product .product__media,
  body.template-product .product-media-container,
  body.template-product .slider-mobile-gutter,
  body.template-product .thumbnail-slider,
  body.template-product .product-form,
  body.template-product .product-form form,
  body.template-product .product-form__buttons,
  body.template-product .product-form__input,
  body.template-product .product__accordion,
  body.template-product .accordion,
  body.template-product .product__description,
  body.template-product .product__inventory,
  body.template-product .product__tax{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    float:none !important;
    display:block !important;
    text-align:center !important;
    align-self:center !important;
    justify-self:center !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  /* Produktbilder und Slider mittig */
  body.template-product .product__media-item,
  body.template-product .grid__item,
  body.template-product .slider__slide{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    justify-self:center !important;
    align-self:center !important;
  }

  body.template-product .product__media img,
  body.template-product .product-media-container img,
  body.template-product media-gallery img{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Textbereich alles mittig wie Footer */
  body.template-product .product__title,
  body.template-product .product__title h1,
  body.template-product .product__info-container h1,
  body.template-product .product__text,
  body.template-product .product__vendor,
  body.template-product .product__sku,
  body.template-product .product__price,
  body.template-product .price,
  body.template-product .product__info-container .price,
  body.template-product .product__description,
  body.template-product .product__inventory,
  body.template-product .product__tax,
  body.template-product .product-form,
  body.template-product .product-form form{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    align-self:center !important;
    justify-self:center !important;
  }

  body.template-product .quantity,
  body.template-product .product__info-container .quantity{
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    justify-content:center !important;
  }

  body.template-product .product-form__submit{
    width:100% !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  body.template-product .product__info-container .icon-with-text,
  body.template-product .product__info-container .product-benefits,
  body.template-product .product__info-container ul,
  body.template-product .product__info-container li{
    justify-content:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Accordions: Titel aus Mitte, Plus rechts */
  body.template-product .product__accordion summary,
  body.template-product .accordion summary{
    width:100% !important;
    display:grid !important;
    grid-template-columns:32px 1fr 32px !important;
    align-items:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body.template-product .product__accordion .summary__title,
  body.template-product .accordion .summary__title{
    grid-column:2 !important;
    justify-self:center !important;
    text-align:center !important;
    display:block !important;
    width:auto !important;
  }

  body.template-product .product__accordion summary svg,
  body.template-product .accordion summary svg,
  body.template-product .product__accordion summary .icon-caret,
  body.template-product .accordion summary .icon-caret{
    grid-column:3 !important;
    justify-self:end !important;
  }

  /* Recommendations auch mittig */
  body.template-product .related-products,
  body.template-product .product-recommendations,
  body.template-product .complementary-products,
  body.template-product .xyra-recommendations{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
}

/* Desktop: Produktblock ebenfalls aus der Seitenmitte */
@media(min-width: 781px){

  body.template-product .product,
  body.template-product .product.grid,
  body.template-product .product--large,
  body.template-product .product--medium,
  body.template-product .product--small{
    width:min(1180px, calc(100vw - 120px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display:grid !important;
    grid-template-columns:560px 460px !important;
    column-gap:70px !important;
    justify-content:center !important;
    align-items:start !important;
    float:none !important;
    box-sizing:border-box !important;
  }

  body.template-product .product__media-wrapper,
  body.template-product .product__info-wrapper{
    margin-left:auto !important;
    margin-right:auto !important;
    justify-self:center !important;
    align-self:start !important;
    text-align:center !important;
    float:none !important;
  }

  body.template-product .product__info-container{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}


/* =========================================================
   XYRA REBUILT PRODUCT VIEW
   Komplette Produktansicht neu gebaut: immer mittig.
   ========================================================= */

.xyra-product-page{
  width:100%;
  background:#fff;
  padding:48px 0 72px;
  overflow:hidden;
  box-sizing:border-box;
}

.xyra-product-shell{
  width:min(1180px, calc(100vw - 80px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 560px) minmax(0, 460px);
  gap:72px;
  align-items:start;
  justify-content:center;
  box-sizing:border-box;
}

.xyra-product-gallery,
.xyra-product-info{
  width:100%;
  max-width:100%;
  margin:0 auto;
  box-sizing:border-box;
  text-align:center;
}

.xyra-main-image{
  position:relative;
  width:100%;
  background:#fff;
  border:1px solid rgba(6,31,64,.10);
  box-sizing:border-box;
  overflow:hidden;
}

.xyra-main-image img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
}

.xyra-swipe-pill{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.86);
  color:#061f40;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:13px;
  line-height:1.2;
  border-radius:999px;
  padding:13px 22px;
  max-width:280px;
}

.xyra-thumbs{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-top:18px;
}

.xyra-thumb{
  width:86px;
  height:86px;
  border:1px solid rgba(6,31,64,.18);
  background:#fff;
  padding:4px;
  cursor:pointer;
}

.xyra-thumb.active{
  border:2px solid #0069b4;
}

.xyra-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.xyra-blue-note{
  margin:28px auto 0;
  background:#062449;
  color:#fff;
  padding:30px 34px;
  text-align:left;
  box-sizing:border-box;
}

.xyra-blue-note span{
  display:block;
  font-size:13px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.xyra-blue-note p{
  margin:0;
  font-size:21px;
  line-height:1.55;
  color:rgba(255,255,255,.88);
}

.xyra-product-info{
  padding-top:22px;
}

.xyra-product-line{
  width:58px;
  height:4px;
  background:#0069b4;
  margin:0 auto 28px;
}

.xyra-product-kicker{
  color:#7b8492;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:22px;
}

.xyra-product-info h1{
  margin:0 auto 24px;
  color:#061f40;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(46px, 4.3vw, 78px);
  line-height:.92;
  letter-spacing:-.05em;
  text-align:center;
}

.xyra-product-price{
  color:#061f40;
  font-size:28px;
  font-weight:900;
  letter-spacing:.16em;
  margin:0 auto 24px;
}

.xyra-delivery{
  color:#07813b;
  font-size:20px;
  line-height:1.25;
  margin:0 auto 18px;
}

.xyra-delivery:before{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border:1px solid #07813b;
  border-radius:50%;
  margin-right:10px;
  font-size:18px;
}

.xyra-stock{
  color:#c98200;
  font-style:italic;
  font-size:21px;
  margin:0 auto 12px;
  padding-bottom:16px;
  border-bottom:3px solid rgba(201,130,0,.25);
  position:relative;
}

.xyra-stock:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:70px;
  height:3px;
  background:#c98200;
}

.xyra-product-form{
  width:100%;
  margin:26px auto 26px;
}

.xyra-qty{
  width:260px;
  height:58px;
  margin:0 auto 22px;
  border:1px solid rgba(6,31,64,.24);
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
}

.xyra-qty button{
  border:0;
  background:#fff;
  color:#061f40;
  font-size:28px;
  cursor:pointer;
  height:100%;
}

.xyra-qty input{
  border:0;
  text-align:center;
  color:#061f40;
  font-size:24px;
  width:100%;
  min-width:0;
}

.xyra-add-btn{
  width:100%;
  height:62px;
  border:0;
  background:#000;
  color:#fff;
  font-weight:900;
  letter-spacing:.20em;
  text-transform:uppercase;
  cursor:pointer;
}

.xyra-benefits{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  border:1px solid rgba(6,31,64,.20);
  margin:0 auto 28px;
}

.xyra-benefits div{
  min-height:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(6,31,64,.14);
  padding:10px;
}

.xyra-benefits div:last-child{
  border-right:0;
}

.xyra-benefits strong{
  display:block;
  color:#061f40;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:8px;
}

.xyra-benefits span{
  color:#7b8492;
  font-size:13px;
  line-height:1.25;
}

.xyra-direct{
  color:#4d5665;
  font-size:17px;
  text-align:center;
  margin:0 auto 24px;
}

.xyra-direct:before{
  content:"⊕";
  margin-right:12px;
  color:#061f40;
}

.xyra-accordion{
  width:100%;
  border-top:1px solid rgba(6,31,64,.18);
}

.xyra-accordion:last-child{
  border-bottom:1px solid rgba(6,31,64,.18);
}

.xyra-accordion summary{
  list-style:none;
  display:grid;
  grid-template-columns:32px 1fr 32px;
  align-items:center;
  min-height:70px;
  cursor:pointer;
}

.xyra-accordion summary::-webkit-details-marker{
  display:none;
}

.xyra-accordion summary span{
  grid-column:2;
  color:#061f40;
  font-size:14px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
}

.xyra-accordion summary b{
  grid-column:3;
  color:#061f40;
  font-size:24px;
  font-weight:400;
}

.xyra-accordion div{
  padding:0 0 28px;
  color:#4d5665;
  line-height:1.6;
  text-align:center;
}

@media(max-width:780px){
  .xyra-product-page{
    padding:26px 0 56px;
  }

  .xyra-product-shell{
    width:calc(100vw - 32px);
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:30px;
  }

  .xyra-product-gallery,
  .xyra-product-info,
  .xyra-main-image,
  .xyra-blue-note,
  .xyra-product-form,
  .xyra-benefits,
  .xyra-accordion{
    width:100%;
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }

  .xyra-product-info{
    padding-top:0;
  }

  .xyra-product-info h1{
    font-size:48px;
  }

  .xyra-blue-note{
    padding:26px 24px;
    text-align:left;
  }

  .xyra-blue-note p{
    font-size:20px;
  }

  .xyra-add-btn{
    height:58px;
  }
}

@media(max-width:420px){
  .xyra-product-shell{
    width:calc(100vw - 32px);
  }

  .xyra-product-info h1{
    font-size:43px;
  }

  .xyra-benefits strong{
    font-size:12px;
    letter-spacing:.12em;
  }

  .xyra-benefits span{
    font-size:12px;
  }

  .xyra-accordion summary span{
    font-size:12.5px;
    letter-spacing:.14em;
  }

  .xyra-swipe-pill{
    font-size:12px;
    padding:12px 18px;
  }
}

/* Alte Produkt-Elemente verstecken, falls Theme sie zusätzlich rendert */
.template-product .product:not(.xyra-product-shell .product),
.template-product .product.grid:not(.xyra-product-shell .product){
  display:none !important;
}


/* =========================================================
   XYRA SCROLL RETRY - product image arrows + wishlist + clean recommendations
   ========================================================= */

.xyra-main-image{
  position:relative !important;
}

.xyra-gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border:1px solid rgba(6,31,64,.18);
  background:rgba(255,255,255,.90);
  color:#061f40;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  z-index:20;
  backdrop-filter:blur(8px);
}

.xyra-gallery-prev{ left:18px; }
.xyra-gallery-next{ right:18px; }

.xyra-gallery-arrow:hover{
  background:#061f40;
  color:#fff;
}

.xyra-wishlist-btn{
  position:absolute;
  top:18px;
  right:18px;
  width:48px;
  height:48px;
  border:1px solid rgba(6,31,64,.18);
  background:rgba(255,255,255,.92);
  color:#061f40;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:21;
  backdrop-filter:blur(8px);
}

.xyra-wishlist-btn.active,
.xyra-wishlist-btn:hover{
  background:#061f40;
  color:#fff;
}

.xyra-recommended-clean{
  width:min(1180px, calc(100vw - 80px));
  margin:74px auto 0;
  text-align:center;
  box-sizing:border-box;
}

.xyra-rec-clean-head{
  text-align:center;
  margin-bottom:34px;
}

.xyra-rec-clean-head span{
  display:block;
  color:#0069b4;
  font-size:12px;
  letter-spacing:.22em;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:10px;
}

.xyra-rec-clean-head h2{
  margin:0 auto 12px;
  color:#061f40;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(40px, 5vw, 66px);
  line-height:.95;
  letter-spacing:-.045em;
  text-align:center;
}

.xyra-rec-clean-head p{
  margin:0 auto;
  color:#7b8492;
  font-size:18px;
  line-height:1.4;
}

.xyra-rec-clean-wrap{
  position:relative;
  width:100%;
  margin:0 auto;
}

.xyra-rec-clean-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 28px) / 2);
  gap:28px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:0 0 18px;
}

.xyra-rec-clean-track::-webkit-scrollbar{ display:none; }

.xyra-rec-clean-card{
  scroll-snap-align:start;
  text-decoration:none;
  color:#061f40;
  text-align:center;
  min-width:0;
}

.xyra-rec-clean-card img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  display:block;
  margin:0 auto 16px;
  border:1px solid rgba(6,31,64,.08);
}

.xyra-rec-clean-card strong{
  display:block;
  font-size:18px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.xyra-rec-clean-card span{
  display:block;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  color:#061f40;
}

.xyra-rec-clean-arrow{
  position:absolute;
  top:45%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border:1px solid rgba(6,31,64,.18);
  background:#fff;
  color:#061f40;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  z-index:8;
  box-shadow:0 14px 36px rgba(6,31,64,.12);
}

.xyra-rec-clean-prev{ left:-23px; }
.xyra-rec-clean-next{ right:-23px; }

.xyra-rec-clean-arrow:hover{
  background:#061f40;
  color:#fff;
}

@media(max-width:780px){
  .xyra-gallery-arrow{
    width:42px;
    height:42px;
    font-size:30px;
  }

  .xyra-gallery-prev{ left:12px; }
  .xyra-gallery-next{ right:12px; }

  .xyra-wishlist-btn{
    top:12px;
    right:12px;
    width:44px;
    height:44px;
    font-size:25px;
  }

  .xyra-recommended-clean{
    width:calc(100vw - 32px);
    max-width:560px;
    margin-top:58px;
  }

  .xyra-rec-clean-head h2{
    font-size:42px;
  }

  .xyra-rec-clean-track{
    grid-auto-columns:calc((100% - 18px) / 2);
    gap:18px;
  }

  .xyra-rec-clean-card strong{
    font-size:14px;
    line-height:1.16;
  }

  .xyra-rec-clean-card span{
    font-size:15px;
  }

  .xyra-rec-clean-arrow{
    width:40px;
    height:40px;
    font-size:30px;
    top:45%;
  }

  .xyra-rec-clean-prev{ left:-10px; }
  .xyra-rec-clean-next{ right:-10px; }
}


/* =========================================================
   XYRA RECOMMENDATIONS FINAL: 4 desktop / 2 mobile
   Bild 2 Variante raus: keine riesigen 2er-Karten.
   Alle Bilder gleiche Höhe. Pfeile schieben um sichtbare Gruppe.
   ========================================================= */

.xyra-recommended-carousel{
  display:none !important;
}

.xyra-recommended-clean{
  width:min(1180px, calc(100vw - 80px)) !important;
  margin:74px auto 0 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.xyra-rec-clean-head{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:end !important;
  column-gap:28px !important;
  margin-bottom:28px !important;
  text-align:center !important;
}

.xyra-rec-clean-head span{
  grid-column:1 !important;
  justify-self:start !important;
  color:#0069b4 !important;
  font-size:12px !important;
  letter-spacing:.22em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  margin:0 !important;
}

.xyra-rec-clean-head h2{
  grid-column:2 !important;
  justify-self:center !important;
  margin:0 !important;
  color:#061f40 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:46px !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.xyra-rec-clean-head p{
  grid-column:3 !important;
  justify-self:end !important;
  margin:0 !important;
  color:#7b8492 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  text-align:right !important;
}

.xyra-rec-clean-wrap{
  position:relative !important;
  width:100% !important;
  margin:0 auto !important;
}

.xyra-rec-clean-viewport{
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
}

.xyra-rec-clean-viewport::-webkit-scrollbar{
  display:none !important;
}

/* Desktop: 4 Produkte sichtbar */
.xyra-rec-clean-track{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 84px) / 4) !important;
  gap:28px !important;
  padding:0 0 16px !important;
  width:max-content !important;
}

.xyra-rec-clean-card{
  width:100% !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
  text-decoration:none !important;
  color:#061f40 !important;
  text-align:center !important;
}

.xyra-rec-clean-card img{
  width:100% !important;
  height:320px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto 14px !important;
  border:0 !important;
}

.xyra-rec-clean-card strong{
  display:block !important;
  min-height:40px !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  margin:0 auto 8px !important;
  color:#061f40 !important;
}

.xyra-rec-clean-card span{
  display:block !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  color:#061f40 !important;
}

.xyra-rec-clean-arrow{
  position:absolute !important;
  top:42% !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  background:#fff !important;
  color:#061f40 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
  z-index:8 !important;
  box-shadow:0 12px 30px rgba(6,31,64,.12) !important;
}

.xyra-rec-clean-arrow:hover{
  background:#061f40 !important;
  color:#fff !important;
}

.xyra-rec-clean-prev{
  left:-20px !important;
}

.xyra-rec-clean-next{
  right:-20px !important;
}

@media(max-width:780px){
  .xyra-recommended-clean{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
    margin-top:58px !important;
  }

  .xyra-rec-clean-head{
    display:block !important;
    margin-bottom:24px !important;
    text-align:center !important;
  }

  .xyra-rec-clean-head span{
    display:block !important;
    text-align:center !important;
    margin:0 auto 8px !important;
  }

  .xyra-rec-clean-head h2{
    display:block !important;
    white-space:normal !important;
    font-size:42px !important;
    text-align:center !important;
    margin:0 auto 10px !important;
  }

  .xyra-rec-clean-head p{
    display:block !important;
    text-align:center !important;
    font-size:17px !important;
    margin:0 auto !important;
  }

  /* Mobile: 2 Produkte sichtbar */
  .xyra-rec-clean-track{
    grid-auto-columns:calc((100% - 18px) / 2) !important;
    gap:18px !important;
  }

  .xyra-rec-clean-card img{
    height:250px !important;
    margin-bottom:12px !important;
  }

  .xyra-rec-clean-card strong{
    font-size:14px !important;
    min-height:36px !important;
  }

  .xyra-rec-clean-card span{
    font-size:15px !important;
  }

  .xyra-rec-clean-arrow{
    width:38px !important;
    height:38px !important;
    font-size:28px !important;
    top:45% !important;
  }

  .xyra-rec-clean-prev{
    left:-9px !important;
  }

  .xyra-rec-clean-next{
    right:-9px !important;
  }
}

@media(max-width:390px){
  .xyra-rec-clean-card img{
    height:230px !important;
  }

  .xyra-rec-clean-head h2{
    font-size:38px !important;
  }
}


/* =========================================================
   XYRA ONLY BOTTOM RECOMMENDATIONS ARROWS
   Oberes falsches Karussell ausblenden. Nur untere Reihe bleibt.
   PC: 4 sichtbar / Klick 4 weiter. Mobile: 2 sichtbar / Klick 2 weiter.
   ========================================================= */

.xyra-recommended-clean,
.xyra-recommended-carousel{
  display:none !important;
}

.xyra-bottom-rec-enhanced{
  position:relative !important;
  width:min(1180px, calc(100vw - 80px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  overflow:visible !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 84px) / 4) !important;
  gap:28px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  padding:0 0 18px !important;
  width:100% !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller::-webkit-scrollbar{
  display:none !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller > *{
  width:100% !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
}

.xyra-bottom-rec-enhanced img{
  width:100% !important;
  height:320px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto 14px !important;
}

.xyra-bottom-rec-enhanced .card__heading,
.xyra-bottom-rec-enhanced h3,
.xyra-bottom-rec-enhanced .card-information h3{
  min-height:40px !important;
  margin-bottom:8px !important;
  text-align:center !important;
}

.xyra-bottom-rec-arrow{
  position:absolute !important;
  top:56% !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  background:#fff !important;
  color:#061f40 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
  z-index:20 !important;
  box-shadow:0 12px 30px rgba(6,31,64,.12) !important;
}

.xyra-bottom-rec-arrow:hover{
  background:#061f40 !important;
  color:#fff !important;
}

.xyra-bottom-rec-prev{
  left:-20px !important;
}

.xyra-bottom-rec-next{
  right:-20px !important;
}

@media(max-width:780px){
  .xyra-bottom-rec-enhanced{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
  }

  .xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller{
    grid-auto-columns:calc((100% - 18px) / 2) !important;
    gap:18px !important;
  }

  .xyra-bottom-rec-enhanced img{
    height:250px !important;
  }

  .xyra-bottom-rec-arrow{
    width:38px !important;
    height:38px !important;
    font-size:28px !important;
    top:56% !important;
  }

  .xyra-bottom-rec-prev{
    left:-9px !important;
  }

  .xyra-bottom-rec-next{
    right:-9px !important;
  }
}

@media(max-width:390px){
  .xyra-bottom-rec-enhanced img{
    height:230px !important;
  }
}


/* =========================================================
   XYRA FINAL: bottom recommendations arrows + wider product copy
   ========================================================= */

/* Nur untere Empfehlungsreihe verwenden */
.xyra-recommended-clean,
.xyra-recommended-carousel{
  display:none !important;
}

/* Untere Produkt-Empfehlungen: Pfeile + 4/2 Scroll */
.xyra-bottom-rec-enhanced{
  position:relative !important;
  width:min(1280px, calc(100vw - 72px)) !important;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  overflow:visible !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 84px) / 4) !important;
  gap:28px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  padding:0 0 18px !important;
  width:100% !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller::-webkit-scrollbar{
  display:none !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller > *{
  width:100% !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
}

.xyra-bottom-rec-enhanced img{
  width:100% !important;
  height:330px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto 14px !important;
}

.xyra-bottom-rec-arrow{
  position:absolute !important;
  top:56% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  background:#fff !important;
  color:#061f40 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:30px !important;
  line-height:1 !important;
  cursor:pointer !important;
  z-index:30 !important;
  box-shadow:0 12px 30px rgba(6,31,64,.12) !important;
}

.xyra-bottom-rec-arrow:hover{
  background:#061f40 !important;
  color:#fff !important;
}

.xyra-bottom-rec-prev{ left:-22px !important; }
.xyra-bottom-rec-next{ right:-22px !important; }

/* Produktseite breiter: weniger leerer Seitenabstand */
@media(min-width:781px){
  .xyra-product-shell,
  body.template-product .xyra-product-shell{
    width:min(1380px, calc(100vw - 48px)) !important;
    max-width:1380px !important;
    grid-template-columns:minmax(0, 640px) minmax(0, 560px) !important;
    gap:72px !important;
  }

  .xyra-product-gallery,
  .xyra-product-info{
    max-width:none !important;
  }

  .xyra-product-info,
  body.template-product .xyra-product-info{
    width:100% !important;
    max-width:560px !important;
  }
}

/* Accordion-Überschriften und Beschreibungen deutlich besser lesbar */
.xyra-accordion summary{
  min-height:78px !important;
}

.xyra-accordion summary span,
.product__accordion summary span,
.accordion summary span{
  font-size:18px !important;
  letter-spacing:.16em !important;
  font-weight:900 !important;
  color:#061f40 !important;
}

.xyra-accordion div,
.product__accordion .accordion__content,
.accordion__content{
  font-size:17px !important;
  line-height:1.75 !important;
  color:#3f4857 !important;
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.xyra-accordion div p,
.accordion__content p{
  font-size:17px !important;
  line-height:1.75 !important;
}

@media(max-width:780px){
  .xyra-bottom-rec-enhanced{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
  }

  .xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller{
    grid-auto-columns:calc((100% - 18px) / 2) !important;
    gap:18px !important;
  }

  .xyra-bottom-rec-enhanced img{
    height:250px !important;
  }

  .xyra-bottom-rec-arrow{
    width:38px !important;
    height:38px !important;
    font-size:28px !important;
    top:56% !important;
  }

  .xyra-bottom-rec-prev{ left:-9px !important; }
  .xyra-bottom-rec-next{ right:-9px !important; }

  .xyra-accordion summary span,
  .product__accordion summary span,
  .accordion summary span{
    font-size:15px !important;
    letter-spacing:.12em !important;
  }

  .xyra-accordion div,
  .product__accordion .accordion__content,
  .accordion__content,
  .xyra-accordion div p,
  .accordion__content p{
    font-size:15.5px !important;
    line-height:1.65 !important;
  }
}


/* =========================================================
   XYRA RECOMMENDATION VISUAL FIX
   Karten bleiben in Original-Struktur. Nur Grid wird scrollbar.
   ========================================================= */

.xyra-recommended-clean,
.xyra-recommended-carousel{
  display:none !important;
}

.xyra-bottom-rec-enhanced{
  position:relative !important;
  width:min(1280px, calc(100vw - 72px)) !important;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:visible !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 84px) / 4) !important;
  grid-template-columns:none !important;
  gap:28px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 0 18px !important;
  list-style:none !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller::-webkit-scrollbar{
  display:none !important;
}

.xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller > *{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
  display:block !important;
}

.xyra-bottom-rec-enhanced .card-wrapper,
.xyra-bottom-rec-enhanced .product-card-wrapper,
.xyra-bottom-rec-enhanced .card,
.xyra-bottom-rec-enhanced .card__inner,
.xyra-bottom-rec-enhanced .card__media{
  width:100% !important;
  max-width:100% !important;
}

.xyra-bottom-rec-enhanced img{
  width:100% !important;
  height:330px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto 14px !important;
}

.xyra-bottom-rec-enhanced .card__heading,
.xyra-bottom-rec-enhanced h3,
.xyra-bottom-rec-enhanced .card-information h3{
  min-height:40px !important;
  text-align:center !important;
  margin:0 auto 8px !important;
}

.xyra-bottom-rec-enhanced .price{
  text-align:center !important;
  margin:0 auto !important;
}

.xyra-bottom-rec-arrow{
  position:absolute !important;
  top:56% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  background:#fff !important;
  color:#061f40 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:30px !important;
  line-height:1 !important;
  cursor:pointer !important;
  z-index:999 !important;
  pointer-events:auto !important;
  box-shadow:0 12px 30px rgba(6,31,64,.12) !important;
}

.xyra-bottom-rec-arrow:hover{
  background:#061f40 !important;
  color:#fff !important;
}

.xyra-bottom-rec-prev{ left:-22px !important; }
.xyra-bottom-rec-next{ right:-22px !important; }

@media(max-width:780px){
  .xyra-bottom-rec-enhanced{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
  }

  .xyra-bottom-rec-enhanced .xyra-bottom-rec-scroller{
    grid-auto-columns:calc((100% - 18px) / 2) !important;
    gap:18px !important;
  }

  .xyra-bottom-rec-enhanced img{
    height:250px !important;
  }

  .xyra-bottom-rec-arrow{
    width:38px !important;
    height:38px !important;
    font-size:28px !important;
  }

  .xyra-bottom-rec-prev{ left:-9px !important; }
  .xyra-bottom-rec-next{ right:-9px !important; }
}


/* =========================================================
   XYRA NATIVE RECOMMENDATION ARROWS WORKING
   Funktioniert mit der bestehenden unteren Reihe, ohne Karten umzubauen.
   ========================================================= */

.xyra-recommended-clean,
.xyra-recommended-carousel{
  display:none !important;
}

.xyra-bottom-rec-arrow{
  display:none !important;
}

.xyra-native-rec{
  position:relative !important;
  width:min(1280px, calc(100vw - 72px)) !important;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:visible !important;
}

.xyra-native-rec-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:28px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:none !important;
  list-style:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  padding-bottom:18px !important;
}

.xyra-native-rec-track::-webkit-scrollbar{
  display:none !important;
}

.xyra-native-rec-track > *{
  flex:0 0 calc((100% - 84px) / 4) !important;
  width:calc((100% - 84px) / 4) !important;
  min-width:0 !important;
  max-width:none !important;
  scroll-snap-align:start !important;
}

.xyra-native-rec img{
  width:100% !important;
  height:330px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto 14px !important;
}

.xyra-native-rec .card-wrapper,
.xyra-native-rec .product-card-wrapper,
.xyra-native-rec .card,
.xyra-native-rec .card__inner,
.xyra-native-rec .card__media{
  width:100% !important;
  max-width:100% !important;
}

.xyra-native-rec .card__heading,
.xyra-native-rec h3,
.xyra-native-rec .card-information h3{
  min-height:40px !important;
  text-align:center !important;
  margin:0 auto 8px !important;
}

.xyra-native-rec .price{
  text-align:center !important;
  margin:0 auto !important;
}

.xyra-native-rec-arrow{
  position:absolute !important;
  top:55% !important;
  transform:translateY(-50%) !important;
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  background:#fff !important;
  color:#061f40 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:30px !important;
  line-height:1 !important;
  cursor:pointer !important;
  z-index:9999 !important;
  box-shadow:0 12px 30px rgba(6,31,64,.12) !important;
  pointer-events:auto !important;
}

.xyra-native-rec-arrow:hover{
  background:#061f40 !important;
  color:#fff !important;
}

.xyra-native-rec-prev{
  left:-22px !important;
}

.xyra-native-rec-next{
  right:-22px !important;
}

@media(max-width:780px){
  .xyra-native-rec{
    width:calc(100vw - 32px) !important;
    max-width:560px !important;
  }

  .xyra-native-rec-track{
    gap:18px !important;
  }

  .xyra-native-rec-track > *{
    flex:0 0 calc((100% - 18px) / 2) !important;
    width:calc((100% - 18px) / 2) !important;
  }

  .xyra-native-rec img{
    height:250px !important;
  }

  .xyra-native-rec-arrow{
    width:38px !important;
    height:38px !important;
    font-size:28px !important;
  }

  .xyra-native-rec-prev{
    left:-9px !important;
  }

  .xyra-native-rec-next{
    right:-9px !important;
  }
}


/* =========================================================
   XYRA LV STYLE CART + TRANSLATION FIX
   Warenkorb: links scrollbare Produkte, rechts fixe Summary.
   ========================================================= */

/* Cart Page - Desktop */
body.template-cart main,
.template-cart main{
  background:#f7f7f7 !important;
}

.template-cart .cart,
.template-cart cart-items,
.template-cart .cart-page,
.template-cart .main-cart,
.template-cart .cart__contents,
.template-cart .page-width{
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(min-width:900px){
  .template-cart form[action="/cart"],
  .template-cart .cart,
  .template-cart .cart__contents,
  .template-cart cart-items{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 460px !important;
    gap:56px !important;
    align-items:start !important;
  }

  .template-cart .cart__items,
  .template-cart .cart-items,
  .template-cart table.cart-items,
  .template-cart .main-cart-items{
    grid-column:1 !important;
    max-height:calc(100vh - 170px) !important;
    overflow-y:auto !important;
    padding-right:14px !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }

  .template-cart .cart__footer,
  .template-cart .cart__blocks,
  .template-cart .cart-summary,
  .template-cart .totals,
  .template-cart .cart__ctas{
    grid-column:2 !important;
  }

  .template-cart .cart__footer{
    position:sticky !important;
    top:120px !important;
    align-self:start !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    padding:36px 0 !important;
  }
}

/* Cart cards */
.template-cart .cart-item,
.template-cart tr.cart-item{
  background:#fff !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(6,31,64,.10) !important;
  padding:28px !important;
}

.template-cart .cart-item__media img,
.template-cart .cart-item img{
  background:#f3f3f3 !important;
  object-fit:contain !important;
}

.template-cart .cart-item__name,
.template-cart .cart-item__name a,
.template-cart .cart-item__details a{
  color:#061f40 !important;
  font-size:18px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}

.template-cart .cart-item__price-wrapper,
.template-cart .cart-item__totals,
.template-cart .cart-item__final-price{
  color:#061f40 !important;
  font-size:18px !important;
  font-weight:500 !important;
}

.template-cart quantity-input,
.template-cart .quantity{
  border:1px solid rgba(6,31,64,.18) !important;
  min-height:38px !important;
  max-width:110px !important;
}

.template-cart .cart__checkout-button,
.template-cart button[name="checkout"],
.template-cart .button[name="checkout"]{
  width:100% !important;
  height:58px !important;
  border-radius:999px !important;
  background:#000 !important;
  color:#fff !important;
  border:0 !important;
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin-top:20px !important;
}

.template-cart .cart__checkout-button:before,
.template-cart .cart__checkout-button:after{
  display:none !important;
}

.template-cart .totals,
.template-cart .cart__footer .totals{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  border:0 !important;
  padding:0 0 18px !important;
  margin:0 !important;
}

.template-cart .totals__subtotal,
.template-cart .totals__subtotal-value{
  font-size:24px !important;
  font-weight:400 !important;
  color:#111 !important;
  letter-spacing:0 !important;
}

/* LV-like service rows rechts */
.template-cart .cart__footer:after{
  content:"Sichere Zahlung\a Kreditkarte, PayPal und Apple Pay\A\A Kostenfreie Lieferung\a Versand aus der Schweiz\A\A Rückgabe & Umtausch\a 14 Tage Rückgaberecht";
  white-space:pre-line;
  display:block;
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid rgba(0,0,0,.10);
  color:#333;
  font-size:15px;
  line-height:1.65;
}

/* Mobile Cart */
@media(max-width:899px){
  .template-cart .cart__footer{
    position:sticky !important;
    bottom:0 !important;
    background:#fff !important;
    z-index:30 !important;
    padding:18px 16px !important;
    box-shadow:0 -10px 30px rgba(0,0,0,.08) !important;
  }

  .template-cart .cart__checkout-button,
  .template-cart button[name="checkout"]{
    border-radius:999px !important;
  }
}

/* Product recommendation native arrows */
.xyra-recommended-clean,
.xyra-recommended-carousel{display:none!important;}
.xyra-bottom-rec-arrow{display:none!important;}
.xyra-native-rec{position:relative!important;width:min(1280px,calc(100vw - 72px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important;}
.xyra-native-rec-track{display:flex!important;flex-wrap:nowrap!important;gap:28px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;list-style:none!important;padding-left:0!important;padding-right:0!important;padding-bottom:18px!important;}
.xyra-native-rec-track::-webkit-scrollbar{display:none!important;}
.xyra-native-rec-track>*{flex:0 0 calc((100% - 84px)/4)!important;width:calc((100% - 84px)/4)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start!important;}
.xyra-native-rec img{width:100%!important;height:330px!important;object-fit:cover!important;display:block!important;margin:0 auto 14px!important;}
.xyra-native-rec-arrow{position:absolute!important;top:55%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;border:1px solid rgba(6,31,64,.18)!important;background:#fff!important;color:#061f40!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;line-height:1!important;cursor:pointer!important;z-index:9999!important;box-shadow:0 12px 30px rgba(6,31,64,.12)!important;pointer-events:auto!important;}
.xyra-native-rec-prev{left:-22px!important;}
.xyra-native-rec-next{right:-22px!important;}
.xyra-native-rec-arrow:hover{background:#061f40!important;color:#fff!important;}
@media(max-width:780px){
  .xyra-native-rec{width:calc(100vw - 32px)!important;max-width:560px!important;}
  .xyra-native-rec-track{gap:18px!important;}
  .xyra-native-rec-track>*{flex:0 0 calc((100% - 18px)/2)!important;width:calc((100% - 18px)/2)!important;}
  .xyra-native-rec img{height:250px!important;}
  .xyra-native-rec-arrow{width:38px!important;height:38px!important;font-size:28px!important;}
  .xyra-native-rec-prev{left:-9px!important;}
  .xyra-native-rec-next{right:-9px!important;}
}


/* =========================================================
   XYRA REAL LV CART PAGE
   Neuer Warenkorb: links Artikel, rechts sticky Summary.
   ========================================================= */

.xyra-lv-cart-page{
  background:#f6f6f6;
  width:100%;
  min-height:70vh;
  padding:48px 0 80px;
  color:#111;
  font-family:inherit;
}

.xyra-lv-cart-form{
  width:min(1500px, calc(100vw - 72px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 480px;
  gap:64px;
  align-items:start;
}

.xyra-lv-cart-left{
  min-width:0;
}

.xyra-lv-service-banner{
  display:flex;
  align-items:center;
  gap:18px;
  background:#fff;
  border-radius:10px;
  margin-bottom:26px;
  min-height:72px;
  box-shadow:0 10px 32px rgba(0,0,0,.04);
  overflow:hidden;
  font-size:16px;
}

.xyra-lv-service-icon{
  width:74px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#061f40;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  letter-spacing:.08em;
}

.xyra-lv-cart-page h1{
  margin:0 0 28px;
  font-family:inherit;
  font-size:26px;
  font-weight:400;
  color:#111;
  letter-spacing:0;
}

.xyra-lv-cart-page h1 span{
  color:#555;
}

.xyra-lv-cart-items{
  max-height:calc(100vh - 230px);
  overflow-y:auto;
  padding-right:8px;
}

.xyra-lv-cart-item{
  display:grid;
  grid-template-columns:360px minmax(0, 1fr);
  gap:28px;
  background:#fff;
  border-radius:10px;
  margin-bottom:18px;
  padding:14px;
  min-height:270px;
  box-sizing:border-box;
}

.xyra-lv-cart-img{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f2f2;
  min-height:250px;
}

.xyra-lv-cart-img img{
  width:100%;
  height:250px;
  object-fit:contain;
  display:block;
}

.xyra-lv-cart-info{
  padding:28px 18px 18px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
}

.xyra-lv-cart-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.xyra-lv-sku{
  color:#555;
  font-size:13px;
  margin-bottom:10px;
  letter-spacing:.04em;
}

.xyra-lv-product-title{
  display:block;
  color:#111;
  font-size:18px;
  line-height:1.35;
  text-decoration:none;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}

.xyra-lv-variant,
.xyra-lv-details{
  color:#555;
  font-size:15px;
  line-height:1.45;
  margin-top:10px;
}

.xyra-lv-remove{
  margin-top:12px;
  background:transparent;
  border:0;
  border-bottom:1px solid #111;
  padding:0 0 2px;
  color:#111;
  font-size:14px;
  cursor:pointer;
}

.xyra-lv-line-price{
  color:#111;
  font-size:18px;
  white-space:nowrap;
  padding-top:34px;
}

.xyra-lv-qty-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:26px;
}

.xyra-lv-qty-row span{
  color:#555;
  font-size:14px;
}

.xyra-lv-qty{
  display:grid;
  grid-template-columns:34px 42px 34px;
  height:34px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:6px;
  overflow:hidden;
}

.xyra-lv-qty button{
  border:0;
  background:#fff;
  color:#111;
  font-size:18px;
  cursor:pointer;
}

.xyra-lv-qty input{
  border:0;
  text-align:center;
  font-size:15px;
  width:100%;
}

.xyra-lv-cart-summary{
  position:sticky;
  top:122px;
  align-self:start;
  background:#f6f6f6;
}

.xyra-lv-summary-inner{
  padding:36px 0;
}

.xyra-lv-total-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:14px;
  color:#333;
  font-size:18px;
}

.xyra-lv-total-row strong{
  font-weight:400;
  font-size:20px;
  color:#111;
}

.xyra-lv-grand{
  margin-top:16px;
  padding-top:12px;
  font-size:22px;
}

.xyra-lv-grand strong{
  font-size:28px;
}

.xyra-lv-checkout,
.xyra-lv-paypal{
  width:100%;
  height:58px;
  border-radius:999px;
  border:0;
  margin-top:16px;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  text-transform:none;
  letter-spacing:0;
}

.xyra-lv-checkout{
  background:#000;
  color:#fff;
}

.xyra-lv-paypal{
  background:#0070ba;
  color:#fff;
}

.xyra-lv-continue{
  display:block;
  width:max-content;
  margin:24px auto 36px;
  color:#111;
  border-bottom:1px solid #111;
  text-decoration:none;
  font-size:15px;
}

.xyra-lv-service-list{
  border-top:1px solid rgba(0,0,0,.12);
}

.xyra-lv-service-row{
  display:grid;
  grid-template-columns:34px 1fr 20px;
  gap:16px;
  align-items:center;
  padding:28px 0;
  border-bottom:1px solid rgba(0,0,0,.12);
}

.xyra-lv-service-symbol{
  color:#444;
  font-size:20px;
  text-align:center;
}

.xyra-lv-service-row strong{
  display:block;
  font-size:17px;
  font-weight:400;
  color:#111;
  margin-bottom:6px;
}

.xyra-lv-service-row span{
  display:block;
  font-size:14px;
  color:#666;
  line-height:1.35;
}

.xyra-lv-service-row b{
  font-size:28px;
  font-weight:300;
  color:#333;
}

.xyra-lv-empty{
  width:min(760px, calc(100vw - 40px));
  margin:0 auto;
  background:#fff;
  padding:80px 40px;
  text-align:center;
}

.xyra-lv-empty h1{
  font-size:32px;
}

.xyra-lv-empty a{
  display:inline-flex;
  margin-top:24px;
  background:#000;
  color:#fff;
  min-height:52px;
  padding:0 34px;
  align-items:center;
  border-radius:999px;
  text-decoration:none;
}

@media(max-width:980px){
  .xyra-lv-cart-page{
    padding:24px 0 120px;
  }

  .xyra-lv-cart-form{
    width:calc(100vw - 32px);
    display:block;
  }

  .xyra-lv-cart-items{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }

  .xyra-lv-cart-item{
    grid-template-columns:140px minmax(0, 1fr);
    gap:16px;
    min-height:180px;
    padding:12px;
  }

  .xyra-lv-cart-img{
    min-height:160px;
  }

  .xyra-lv-cart-img img{
    height:160px;
  }

  .xyra-lv-cart-info{
    padding:10px 0;
  }

  .xyra-lv-product-title{
    font-size:15px;
  }

  .xyra-lv-line-price{
    font-size:15px;
    padding-top:0;
  }

  .xyra-lv-cart-top{
    display:block;
  }

  .xyra-lv-qty-row{
    justify-content:flex-start;
  }

  .xyra-lv-cart-summary{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    z-index:50;
    background:#fff;
    padding:14px 16px;
    box-shadow:0 -14px 34px rgba(0,0,0,.10);
  }

  .xyra-lv-summary-inner{
    padding:0;
  }

  .xyra-lv-total-row:not(.xyra-lv-grand),
  .xyra-lv-paypal,
  .xyra-lv-continue,
  .xyra-lv-service-list{
    display:none;
  }

  .xyra-lv-grand{
    margin:0 0 10px;
    padding:0;
    font-size:16px;
  }

  .xyra-lv-grand strong{
    font-size:19px;
  }

  .xyra-lv-checkout{
    height:54px;
    margin-top:0;
  }
}

.xyra-lv-service-banner{display:none!important;}


/* XYRA existing homepage section bestseller tweak */
/* Keine neue Section: bestehende Startseiten-Produktsection nutzt jetzt Kollektion startseiten-produkt. */


/* =========================================================
   XYRA FINAL: LINKER KATEGORIE-FILTER MIT UNTERKATEGORIEN
   Header und Startseitenbilder bleiben unverändert.
   ========================================================= */

.xyra-sidebar .xyra-category-group > summary{
  margin-bottom:10px !important;
}

.xyra-sidebar .xyra-sidebar-sub{
  display:block !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  border:0 !important;
}

.xyra-sidebar .xyra-sidebar-sub > summary{
  display:block !important;
  list-style:none !important;
  cursor:pointer !important;
  color:#061f40 !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  padding:9px 0 !important;
}

.xyra-sidebar .xyra-sidebar-sub > summary::-webkit-details-marker{
  display:none !important;
}

.xyra-sidebar .xyra-sidebar-sub > summary::before{
  content:"▾ " !important;
  color:#061f40 !important;
  font-size:12px !important;
}

.xyra-sidebar .xyra-sidebar-sub:not([open]) > summary::before{
  content:"▸ " !important;
}

.xyra-sidebar .xyra-sidebar-sub a{
  display:block !important;
  padding:7px 0 7px 18px !important;
  font-size:13px !important;
  color:#061f40 !important;
  opacity:.9 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
}

.xyra-sidebar .xyra-sidebar-sub a:hover{
  color:#0069b4 !important;
  opacity:1 !important;
}

.xyra-sidebar .xyra-sidebar-sub-2{
  margin-left:14px !important;
}

.xyra-sidebar .xyra-sidebar-sub-2 > summary{
  font-size:13px !important;
  padding-left:14px !important;
}

.xyra-sidebar .xyra-sidebar-sub-2 a{
  padding-left:34px !important;
  color:#5b6573 !important;
}

.xyra-sidebar .xyra-hats-sub{
  margin-top:10px !important;
}


/* =========================================================
   XYRA SIDEBAR CLEAN LUXURY DESIGN
   Übersichtlicher, grösser, weniger billig/kleinteilig.
   ========================================================= */

.xyra-sidebar{
  width:260px !important;
  padding-top:34px !important;
}

.xyra-sidebar details{
  border-bottom:1px solid rgba(6,31,64,.14) !important;
  padding-bottom:18px !important;
  margin-bottom:18px !important;
}

.xyra-sidebar > details > summary,
.xyra-sidebar .xyra-category-group > summary{
  color:#0069b4 !important;
  font-size:15px !important;
  letter-spacing:.16em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  padding:0 0 12px !important;
  margin-bottom:8px !important;
  line-height:1.2 !important;
}

.xyra-sidebar .xyra-category-group{
  border-bottom:0 !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.xyra-sidebar .xyra-sidebar-sub{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.xyra-sidebar .xyra-sidebar-sub > summary{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:38px !important;
  padding:10px 0 !important;
  color:#061f40 !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
  line-height:1.25 !important;
}

.xyra-sidebar .xyra-sidebar-sub > summary::before{
  content:"" !important;
  display:none !important;
}

.xyra-sidebar .xyra-sidebar-sub > summary::after{
  content:"+" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  border:1px solid rgba(6,31,64,.18) !important;
  border-radius:50% !important;
  color:#061f40 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  margin-left:12px !important;
  flex:0 0 22px !important;
}

.xyra-sidebar .xyra-sidebar-sub[open] > summary::after{
  content:"−" !important;
  background:#061f40 !important;
  color:#fff !important;
  border-color:#061f40 !important;
}

.xyra-sidebar .xyra-sidebar-sub > a{
  display:block !important;
  padding:9px 0 9px 18px !important;
  color:#334155 !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  line-height:1.35 !important;
  opacity:1 !important;
  text-decoration:none !important;
  border-left:1px solid rgba(6,31,64,.12) !important;
  margin-left:5px !important;
}

.xyra-sidebar .xyra-sidebar-sub > a::before{
  content:"" !important;
  display:inline-block !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#0069b4 !important;
  margin-right:10px !important;
  transform:translateY(-1px) !important;
}

.xyra-sidebar .xyra-sidebar-sub > a:hover{
  color:#0069b4 !important;
  transform:translateX(2px) !important;
}

.xyra-sidebar .xyra-sidebar-sub-2{
  margin:2px 0 8px 18px !important;
  padding:0 !important;
  border-left:1px solid rgba(6,31,64,.10) !important;
}

.xyra-sidebar .xyra-sidebar-sub-2 > summary{
  min-height:34px !important;
  padding:8px 0 8px 14px !important;
  color:#061f40 !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.xyra-sidebar .xyra-sidebar-sub-2 > summary::after{
  width:20px !important;
  height:20px !important;
  font-size:13px !important;
  margin-right:0 !important;
}

.xyra-sidebar .xyra-sidebar-sub-2 > a{
  padding:7px 0 7px 28px !important;
  margin-left:0 !important;
  border-left:0 !important;
  color:#64748b !important;
  font-size:13px !important;
}

.xyra-sidebar .xyra-sidebar-sub-2 > a::before{
  width:4px !important;
  height:4px !important;
  background:#94a3b8 !important;
}

.xyra-sidebar .xyra-hats-sub{
  margin-top:10px !important;
}

.xyra-sidebar .xyra-clothes-sub{
  margin-top:10px !important;
}

@media(max-width:900px){
  .xyra-sidebar{
    width:100% !important;
    padding:22px 20px !important;
  }

  .xyra-sidebar .xyra-sidebar-sub > summary{
    font-size:17px !important;
  }

  .xyra-sidebar .xyra-sidebar-sub > a{
    font-size:15px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}


/* =========================================================
   XYRA FULL WIDTH HERO IMAGE
   Komplettes Startbild über volle Breite.
   Kein Split-Layout, kein zusätzlicher Textblock, keine Card.
   Die Buttons sind als unsichtbare Klickflächen über dem Bild erhalten.
   ========================================================= */

.hero.xyra-full-image-hero{
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:100vw !important;
  min-height:0 !important;
  height:auto !important;
  background:#fffaf3 !important;
  border-bottom:1px solid rgba(7,29,53,.13) !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
}

.hero.xyra-full-image-hero picture,
.hero.xyra-full-image-hero img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

.hero.xyra-full-image-hero .hero-copy,
.hero.xyra-full-image-hero .hero-media,
.hero.xyra-full-image-hero .hero-card{
  display:none !important;
}

.xyra-hero-click{
  position:absolute !important;
  display:block !important;
  z-index:3 !important;
  background:transparent !important;
  border:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
}

/* Klickflächen genau über den zwei im Bild sichtbaren Buttons */
.xyra-hero-click-primary{
  left:5.4% !important;
  top:68.3% !important;
  width:13.7% !important;
  height:5.2% !important;
}

.xyra-hero-click-secondary{
  left:19.8% !important;
  top:68.3% !important;
  width:12.5% !important;
  height:5.2% !important;
}

@media(max-width:780px){
  .hero.xyra-full-image-hero img{
    width:100% !important;
    height:auto !important;
  }

  .xyra-hero-click{
    display:none !important;
  }
}

.xyra-hero-full{position:relative;width:100vw;left:50%;margin-left:-50vw;overflow:hidden}
.xyra-hero-full img{display:block;width:100%;height:min(88vh,980px);object-fit:cover}
.xyra-hero-full .overlay{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:520px;color:#0b2347}
.xyra-hero-full h1{font-size:clamp(58px,6vw,110px);line-height:.9}
.xyra-hero-full h1 span{font-style:italic}
.xyra-hero-full p{font-size:22px;max-width:500px}
@media(max-width:900px){.xyra-hero-full img{height:70vh}.xyra-hero-full .overlay{left:7%;right:7%}.xyra-hero-full h1{font-size:clamp(42px,10vw,70px)}.xyra-hero-full p{font-size:18px}}


/* =========================================================
   XYRA HERO FINAL CLEAN
   Nur das fertige Hero-Bild über komplette Breite.
   Keine doppelten Texte, keine weissen rechten Flächen.
   ========================================================= */

.hero,
.xyra-hero-full,
.xyra-full-image-hero,
.xyra-hero-image-only{
  display:block !important;
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  left:50% !important;
  right:50% !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  overflow:hidden !important;
  border:0 !important;
}

.xyra-hero-image-only img{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* Alles aus alten Hero-Versionen entfernen */
.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-full .overlay,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary{
  display:none !important;
}

/* Auf Mobile nicht verzerren */
@media(max-width:900px){
  .xyra-hero-image-only img{
    width:100vw !important;
    height:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   XYRA HERO FULL WIDTH CLICKABLE FINAL
   - Bild über komplette Browserbreite
   - Keine zusätzliche/doppelte Schrift
   - sichtbare Buttons im Bild bleiben per Klickflächen funktional
   ========================================================= */

body,
main,
#MainContent,
.shopify-section,
.shopify-section:first-child{
  overflow-x:clip !important;
}

section.xyra-hero-fw-final{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  min-width:100vw !important;
  height:auto !important;
  aspect-ratio:3 / 2 !important;
  min-height:620px !important;
  max-height:calc(100vh - 92px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  border:0 !important;
  z-index:1 !important;
}

section.xyra-hero-fw-final .xyra-hero-fw-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:url("{{ 'xyra-hero-full-width.jpg' | asset_url }}") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  z-index:1 !important;
}

/* Alte Hero-Elemente sicher entfernen */
section.xyra-hero-fw-final .hero-copy,
section.xyra-hero-fw-final .hero-media,
section.xyra-hero-fw-final .hero-card,
.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary,
.xyra-hero-full .overlay{
  display:none !important;
}

/* Klickflächen über den im Bild sichtbaren Buttons */
section.xyra-hero-fw-final .xyra-hero-fw-link{
  position:absolute !important;
  display:block !important;
  z-index:5 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  cursor:pointer !important;
}

/* Positionen bezogen auf dein 1536x1024 Hero-Bild */
section.xyra-hero-fw-final .xyra-hero-fw-link-collection{
  left:5.55% !important;
  top:68.35% !important;
  width:13.60% !important;
  height:5.05% !important;
}

section.xyra-hero-fw-final .xyra-hero-fw-link-bags{
  left:19.90% !important;
  top:68.35% !important;
  width:12.20% !important;
  height:5.05% !important;
}

@media(max-width:1200px){
  section.xyra-hero-fw-final{
    min-height:560px !important;
  }
}

/* Mobile: Bild bleibt bildschirmfüllend und fokussiert auf Frau/Tasche.
   Die gebackenen Desktop-Buttons sind auf Mobile nicht sinnvoll klickbar, darum ausgeblendet. */
@media(max-width:780px){
  section.xyra-hero-fw-final{
    aspect-ratio:auto !important;
    height:74vh !important;
    min-height:560px !important;
    max-height:none !important;
  }

  section.xyra-hero-fw-final .xyra-hero-fw-bg{
    background-size:cover !important;
    background-position:60% center !important;
  }

  section.xyra-hero-fw-final .xyra-hero-fw-link{
    display:none !important;
  }
}


/* =========================================================
   XYRA HERO REAL FINAL FIX
   WICHTIG: echtes IMG statt CSS background in asset.css,
   weil Liquid in CSS-Assets nicht gerendert wird.
   ========================================================= */

section.xyra-hero-fw-final,
section.xyra-hero-fw-final .xyra-hero-fw-bg{
  display:none !important;
}

section.xyra-hero-fw-real{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  border:0 !important;
  line-height:0 !important;
}

section.xyra-hero-fw-real .xyra-hero-fw-real-img{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* alte Hero-Elemente sicher ausblenden */
.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-full .overlay,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary{
  display:none !important;
}

/* Klickflächen über den im Bild sichtbaren Buttons */
section.xyra-hero-fw-real .xyra-hero-fw-hotspot{
  position:absolute !important;
  display:block !important;
  z-index:10 !important;
  background:transparent !important;
  border:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  line-height:1 !important;
}

/* Koordinaten relativ zum kompletten Bild 1536x1024 */
section.xyra-hero-fw-real .xyra-hero-fw-hotspot-collection{
  left:5.55% !important;
  top:68.35% !important;
  width:13.60% !important;
  height:5.05% !important;
}

section.xyra-hero-fw-real .xyra-hero-fw-hotspot-bags{
  left:19.90% !important;
  top:68.35% !important;
  width:12.20% !important;
  height:5.05% !important;
}

@media(max-width:780px){
  section.xyra-hero-fw-real{
    height:74vh !important;
    min-height:560px !important;
  }

  section.xyra-hero-fw-real .xyra-hero-fw-real-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:58% center !important;
  }

  section.xyra-hero-fw-real .xyra-hero-fw-hotspot{
    display:none !important;
  }
}


/* =========================================================
   XYRA HERO EDGE-TO-EDGE + CLICKABLE BUTTONS
   ========================================================= */

html,
body{
  overflow-x:hidden !important;
}

section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full{
  display:none !important;
}

section.xyra-hero-edge-final{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  border:0 !important;
  line-height:0 !important;
  z-index:1 !important;
}

section.xyra-hero-edge-final .xyra-hero-edge-final__image{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

section.xyra-hero-edge-final .xyra-hero-edge-final__buttons{
  position:absolute !important;
  left:5.6% !important;
  top:68.2% !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  line-height:1 !important;
}

section.xyra-hero-edge-final .xyra-hero-edge-final__button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:52px !important;
  padding:0 34px !important;
  min-width:178px !important;
  border:2px solid #061f40 !important;
  background:rgba(255,255,255,.88) !important;
  color:#061f40 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  transition:all .18s ease !important;
}

section.xyra-hero-edge-final .xyra-hero-edge-final__button--primary{
  background:#061f40 !important;
  color:#fff !important;
}

section.xyra-hero-edge-final .xyra-hero-edge-final__button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 24px rgba(6,31,64,.18) !important;
}

section.xyra-hero-edge-final .xyra-hero-edge-final__button--secondary:hover{
  background:#061f40 !important;
  color:#fff !important;
}

.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary,
.xyra-hero-fw-hotspot,
.xyra-hero-full .overlay{
  display:none !important;
}

@media(max-width:1280px){
  section.xyra-hero-edge-final .xyra-hero-edge-final__button{
    height:46px !important;
    min-width:150px !important;
    padding:0 24px !important;
    font-size:10px !important;
  }
}

@media(max-width:780px){
  section.xyra-hero-edge-final{
    height:74vh !important;
    min-height:560px !important;
  }

  section.xyra-hero-edge-final .xyra-hero-edge-final__image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:58% center !important;
  }

  section.xyra-hero-edge-final .xyra-hero-edge-final__buttons{
    left:24px !important;
    right:24px !important;
    bottom:28px !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  section.xyra-hero-edge-final .xyra-hero-edge-final__button{
    width:100% !important;
    min-width:0 !important;
    height:50px !important;
    font-size:11px !important;
    background:rgba(255,255,255,.92) !important;
  }

  section.xyra-hero-edge-final .xyra-hero-edge-final__button--primary{
    background:#061f40 !important;
  }
}


/* =========================================================
   XYRA HERO FINAL: ein Bild, volle Breite, Buttons nur einmal.
   Die sichtbaren Buttons sind im Bild. Darueber liegen unsichtbare
   echte Links, damit sie klickbar sind.
   ========================================================= */

html,
body{
  overflow-x:hidden !important;
}

/* Alte Hero-Varianten komplett ausblenden */
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full{
  display:none !important;
}

/* Parent-Container aus Shopify/Page-Width herausbrechen */
.shopify-section:has(section.xyra-hero-final-single),
main:has(section.xyra-hero-final-single),
#MainContent:has(section.xyra-hero-final-single){
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:visible !important;
}

section.xyra-hero-final-single{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  border:0 !important;
  line-height:0 !important;
  z-index:1 !important;
}

section.xyra-hero-final-single .xyra-hero-final-single__image{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* Keine doppelte Schrift/Buttons aus alten Sections */
.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary,
.xyra-hero-fw-hotspot,
.xyra-hero-edge-final__buttons,
.xyra-hero-full .overlay{
  display:none !important;
}

/* Unsichtbare Klickflaechen exakt ueber den im Bild sichtbaren Buttons */
section.xyra-hero-final-single .xyra-hero-final-single__hotspot{
  position:absolute !important;
  display:block !important;
  z-index:30 !important;
  background:transparent !important;
  border:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

/* Bildformat 1792x1024: Button-Koordinaten in Prozent */
section.xyra-hero-final-single .xyra-hero-final-single__hotspot--collection{
  left:3.65% !important;
  top:67.45% !important;
  width:14.10% !important;
  height:5.70% !important;
}

section.xyra-hero-final-single .xyra-hero-final-single__hotspot--bags{
  left:18.65% !important;
  top:67.45% !important;
  width:12.80% !important;
  height:5.70% !important;
}

/* Mobile: Hero als Cover, Buttons im Bild nicht mehr sauber proportional nutzbar */
@media(max-width:780px){
  section.xyra-hero-final-single{
    height:74vh !important;
    min-height:560px !important;
  }

  section.xyra-hero-final-single .xyra-hero-final-single__image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:58% center !important;
  }

  section.xyra-hero-final-single .xyra-hero-final-single__hotspot{
    display:none !important;
  }
}


/* =========================================================
   XYRA HERO CORRECT FULLBLEED
   - kein eingebetteter Header im Bild
   - Bild wirklich randlos ueber 100vw
   - echte, klickbare Buttons nur einmal
   ========================================================= */

html,
body{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

/* Alte Hero-Versionen sicher ausblenden */
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full{
  display:none !important;
}

/* Parent-Wrapper so oeffnen, dass der Hero nicht im 1350px Container stecken bleibt */
body:has(.xyra-hero-true-fullbleed) main,
body:has(.xyra-hero-true-fullbleed) #MainContent,
body:has(.xyra-hero-true-fullbleed) .main-content,
body:has(.xyra-hero-true-fullbleed) .shopify-section,
body:has(.xyra-hero-true-fullbleed) .page-width,
body:has(.xyra-hero-true-fullbleed) .container{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

/* Echter Fullbleed-Hero */
section.xyra-hero-true-fullbleed{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  min-width:100vw !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  border:0 !important;
  line-height:0 !important;
  z-index:2 !important;
}

section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__image{
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* Alte doppelte Texte/Buttons sicher weg */
.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary,
.xyra-hero-fw-hotspot,
.xyra-hero-edge-final__buttons,
.xyra-hero-final-single__hotspot,
.xyra-hero-full .overlay{
  display:none !important;
}

/* Echte Buttons. Sie ersetzen die im Bild vorhandenen Buttons optisch exakt und sind klickbar. */
section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__buttons{
  position:absolute !important;
  left:3.72% !important;
  top:72.45% !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  line-height:1 !important;
}

section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:56px !important;
  min-width:255px !important;
  padding:0 30px !important;
  border:2px solid #061f40 !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:14px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  transition:all .18s ease !important;
  pointer-events:auto !important;
}

section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button--primary{
  background:#061f40 !important;
  color:#fff !important;
}

section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button--secondary{
  background:rgba(255,255,255,.78) !important;
  color:#061f40 !important;
}

section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(6,31,64,.18) !important;
}

section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button--secondary:hover{
  background:#061f40 !important;
  color:#fff !important;
}

@media(max-width:1280px){
  section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button{
    height:46px !important;
    min-width:170px !important;
    padding:0 22px !important;
    font-size:11px !important;
  }
}

@media(max-width:780px){
  section.xyra-hero-true-fullbleed{
    height:74vh !important;
    min-height:560px !important;
  }

  section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:57% center !important;
  }

  section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__buttons{
    left:24px !important;
    right:24px !important;
    bottom:28px !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button{
    width:100% !important;
    min-width:0 !important;
    height:50px !important;
    font-size:11px !important;
    background:rgba(255,255,255,.92) !important;
  }

  section.xyra-hero-true-fullbleed .xyra-hero-true-fullbleed__button--primary{
    background:#061f40 !important;
  }
}


/* =========================================================
   XYRA FINAL HERO CLEAN
   Kein doppelter Button: sichtbare Buttons sind nur im Bild.
   Unsichtbare Hotspots sind klickbar.
   Fullbleed wird zusätzlich per JS erzwungen.
   ========================================================= */

html,
body{
  overflow-x:hidden !important;
}

section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full{
  display:none !important;
}

section.xyra-hero-final-fullbleed{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  border:0 !important;
  line-height:0 !important;
  z-index:2 !important;
}

section.xyra-hero-final-fullbleed .xyra-hero-final-fullbleed__image{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

/* alle alten sichtbaren Buttons/Overlays weg */
.hero-copy,
.hero-media,
.hero-card,
.xyra-hero-click,
.xyra-hero-click-primary,
.xyra-hero-click-secondary,
.xyra-hero-fw-hotspot,
.xyra-hero-edge-final__buttons,
.xyra-hero-final-single__hotspot,
.xyra-hero-true-fullbleed__buttons,
.xyra-hero-full .overlay{
  display:none !important;
}

/* unsichtbare echte Klickflächen über den sichtbaren Bild-Buttons */
section.xyra-hero-final-fullbleed .xyra-hero-final-fullbleed__hotspot{
  position:absolute !important;
  display:block !important;
  z-index:50 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

/* Koordinaten für gecropptes Bild */
section.xyra-hero-final-fullbleed .xyra-hero-final-fullbleed__hotspot--collection{
  left:3.72% !important;
  top:72.2% !important;
  width:14.35% !important;
  height:6.6% !important;
}

section.xyra-hero-final-fullbleed .xyra-hero-final-fullbleed__hotspot--bags{
  left:18.75% !important;
  top:72.2% !important;
  width:12.85% !important;
  height:6.6% !important;
}

/* Shopify-Wrapper rund um Hero aufmachen */
body:has(.xyra-hero-final-fullbleed) main,
body:has(.xyra-hero-final-fullbleed) #MainContent,
body:has(.xyra-hero-final-fullbleed) .main-content,
body:has(.xyra-hero-final-fullbleed) .shopify-section,
body:has(.xyra-hero-final-fullbleed) .page-width,
body:has(.xyra-hero-final-fullbleed) .container{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

@media(max-width:780px){
  section.xyra-hero-final-fullbleed{
    height:74vh !important;
    min-height:560px !important;
  }

  section.xyra-hero-final-fullbleed .xyra-hero-final-fullbleed__image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:57% center !important;
  }

  section.xyra-hero-final-fullbleed .xyra-hero-final-fullbleed__hotspot{
    display:none !important;
  }
}


/* XYRA HERO REAL COVER FULLSCREEN */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
section.xyra-hero-final-fullbleed,section.xyra-hero-true-fullbleed,section.xyra-hero-final-single,section.xyra-hero-edge-final,section.xyra-hero-fw-real,section.xyra-hero-fw-final,section.xyra-hero-image-only,section.xyra-full-image-hero,section.xyra-hero-full{display:none!important;}
body:has(.xyra-hero-cover-final) main,body:has(.xyra-hero-cover-final) #MainContent,body:has(.xyra-hero-cover-final) .main-content,body:has(.xyra-hero-cover-final) .shopify-section,body:has(.xyra-hero-cover-final) .page-width,body:has(.xyra-hero-cover-final) .container,body:has(.xyra-hero-cover-final) .content-for-layout{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important;}
section.xyra-hero-cover-final{position:relative!important;display:block!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;height:clamp(620px,calc(100vh - 95px),920px)!important;min-height:620px!important;margin:0!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;overflow:hidden!important;border:0!important;line-height:0!important;background-image:var(--xyra-hero-image)!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:#fffaf3!important;z-index:2!important;}
.hero-copy,.hero-media,.hero-card,.xyra-hero-click,.xyra-hero-click-primary,.xyra-hero-click-secondary,.xyra-hero-fw-hotspot,.xyra-hero-edge-final__buttons,.xyra-hero-final-single__hotspot,.xyra-hero-true-fullbleed__buttons,.xyra-hero-final-fullbleed__hotspot,.xyra-hero-full .overlay{display:none!important;}
section.xyra-hero-cover-final .xyra-hero-cover-final__hotspot{position:absolute!important;display:block!important;z-index:50!important;background:transparent!important;border:0!important;outline:0!important;text-indent:-9999px!important;overflow:hidden!important;cursor:pointer!important;pointer-events:auto!important;}
section.xyra-hero-cover-final .xyra-hero-cover-final__hotspot--collection{left:3.72%!important;top:72.3%!important;width:14.35%!important;height:6.6%!important;}
section.xyra-hero-cover-final .xyra-hero-cover-final__hotspot--bags{left:18.75%!important;top:72.3%!important;width:12.85%!important;height:6.6%!important;}
@media(max-width:1280px){section.xyra-hero-cover-final{height:clamp(560px,calc(100vh - 88px),820px)!important;min-height:560px!important;background-position:center center!important;}}
@media(max-width:780px){section.xyra-hero-cover-final{height:74vh!important;min-height:560px!important;background-size:cover!important;background-position:58% center!important;}section.xyra-hero-cover-final .xyra-hero-cover-final__hotspot{display:none!important;}}


/* =========================================================
   XYRA FIX: Footer Social + Product-name filtering polish
   ========================================================= */

.xyra-footer-social{
  min-width:180px;
}

.xyra-social-links{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:4px;
}

.xyra-social-links a{
  display:flex !important;
  align-items:center;
  gap:10px;
  width:max-content;
  color:rgba(255,255,255,.78);
  transition:color .18s ease, transform .18s ease;
}

.xyra-social-links a:hover{
  color:#fff;
  transform:translateX(3px);
}

.xyra-social-icon{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(255,255,255,.04);
}

.xyra-social-links a:hover .xyra-social-icon{
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.09);
}

.xyra-sidebar .xyra-hats-sub > a{
  display:block !important;
  padding:9px 0 9px 18px !important;
  font-size:14px !important;
  color:#334155 !important;
  font-weight:600 !important;
  border-left:1px solid rgba(6,31,64,.12) !important;
  margin-left:5px !important;
}

.xyra-sidebar .xyra-hats-sub > a::before{
  content:"" !important;
  display:inline-block !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#0069b4 !important;
  margin-right:10px !important;
  transform:translateY(-1px) !important;
}

@media(max-width:780px){
  .xyra-footer-social{
    text-align:center;
  }

  .xyra-social-links{
    align-items:center;
  }
}


/* =========================================================
   XYRA REAL TEXT OVERLAY HERO
   Schrift/Buttons sind echte HTML-Elemente, NICHT im Bild.
   ========================================================= */

html,
body{
  overflow-x:hidden !important;
}

/* alle alten Hero-Versionen ausblenden */
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{
  display:none !important;
}

#xyraHeroTextOverlay.xyra-hero-text-overlay{
  position:relative !important;
  display:block !important;
  width:133.333333vw !important;
  max-width:133.333333vw !important;
  min-width:133.333333vw !important;
  margin:0 !important;
  margin-left:calc(50% - 66.666666vw) !important;
  margin-right:calc(50% - 66.666666vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  line-height:0 !important;
  border:0 !important;
  z-index:2 !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__image{
  display:block !important;
  width:133.333333vw !important;
  max-width:133.333333vw !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center top !important;
  margin:0 !important;
  padding:0 !important;
}

/* echte Schrift darüber */
#xyraHeroTextOverlay .xyra-hero-text-overlay__content{
  position:absolute !important;
  left:4.05% !important;
  top:29.2% !important;
  width:31% !important;
  z-index:10 !important;
  color:#061f40 !important;
  line-height:1 !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__kicker{
  margin:0 0 18px !important;
  color:#0069b4 !important;
  font-size:clamp(13px, .95vw, 18px) !important;
  font-weight:1000 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
}

#xyraHeroTextOverlay h1{
  margin:0 0 28px !important;
  font-family:Georgia, serif !important;
  font-weight:500 !important;
  font-size:clamp(78px, 5.95vw, 132px) !important;
  line-height:.88 !important;
  letter-spacing:-.06em !important;
  color:#061f40 !important;
}

#xyraHeroTextOverlay h1 span{
  color:#1e67b1 !important;
  font-style:italic !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__text{
  margin:0 !important;
  max-width:560px !important;
  color:rgba(6,31,64,.78) !important;
  font-size:clamp(17px, 1.08vw, 22px) !important;
  line-height:1.55 !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__buttons{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:34px !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  min-width:230px !important;
  padding:0 30px !important;
  border:2px solid #061f40 !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:13px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
  transition:all .18s ease !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__btn--primary{
  background:#061f40 !important;
  color:#fff !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__btn--secondary{
  background:rgba(255,255,255,.58) !important;
  color:#061f40 !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 32px rgba(6,31,64,.18) !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__btn--secondary:hover{
  background:#061f40 !important;
  color:#fff !important;
}

/* nur Hero-Eltern öffnen, andere Sektionen bleiben normal */
body:has(#xyraHeroTextOverlay) main,
body:has(#xyraHeroTextOverlay) #MainContent,
body:has(#xyraHeroTextOverlay) .content-for-layout{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

/* Bestseller/Kategorien kompakt lassen */
.category-strip,
.xyra-premium-square-category{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

.section{
  padding:76px 0 !important;
}

.section .page,
#collection .page{
  width:min(100% - 48px, 980px) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#collection .section-head{
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:32px !important;
}

#collection .section-head h2{
  font-size:clamp(38px, 4.4vw, 70px) !important;
}

#collection .product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:22px !important;
}

#collection .product-image{
  aspect-ratio:4/5 !important;
}

#collection .product-info{
  padding:16px !important;
}

#collection .product-title{
  font-size:13px !important;
}

#collection .price{
  font-size:18px !important;
  margin-top:8px !important;
}

/* Footer Social neben Rechtliches */
.xyra-footer .xyra-footer-main{
  align-items:flex-start !important;
  grid-template-columns:minmax(260px,1.5fr) repeat(5,minmax(110px,1fr)) !important;
  gap:clamp(26px,3vw,54px) !important;
}

.xyra-footer-social-inline .xyra-social-links{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin-top:0 !important;
}

.xyra-footer-social-inline .xyra-social-links a{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  color:rgba(255,255,255,.78) !important;
  width:max-content !important;
}

.xyra-footer-social-inline .xyra-social-icon{
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:rgba(255,255,255,.04) !important;
}

@media(max-width:780px){
  #xyraHeroTextOverlay.xyra-hero-text-overlay{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }

  #xyraHeroTextOverlay .xyra-hero-text-overlay__image{
    width:100% !important;
    height:76vh !important;
    min-height:560px !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  #xyraHeroTextOverlay .xyra-hero-text-overlay__content{
    left:24px !important;
    right:24px !important;
    top:auto !important;
    bottom:26px !important;
    width:auto !important;
  }

  #xyraHeroTextOverlay h1{
    font-size:clamp(44px, 11vw, 68px) !important;
  }

  #xyraHeroTextOverlay .xyra-hero-text-overlay__text{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  #xyraHeroTextOverlay .xyra-hero-text-overlay__buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #xyraHeroTextOverlay .xyra-hero-text-overlay__btn{
    width:100% !important;
    min-width:0 !important;
  }

  #collection .page{
    width:calc(100% - 32px) !important;
  }

  #collection .product-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:16px !important;
  }
}

@media(max-width:980px){
  .xyra-footer .xyra-footer-main{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:640px){
  .xyra-footer .xyra-footer-main{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   XYRA BUTTON DUPLICATE FIX
   Entfernt visuelle Doppelung durch altes eingebranntes Button-Bild.
   Nur echte HTML-Buttons sind sichtbar.
   ========================================================= */

#xyraHeroTextOverlay .xyra-hero-text-overlay__buttons{
  position:relative !important;
  z-index:30 !important;
  display:flex !important;
  gap:14px !important;
  margin-top:34px !important;
}

#xyraHeroTextOverlay .xyra-hero-text-overlay__btn{
  position:relative !important;
  z-index:31 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* exakt ein Button-Paar, keine alten Hotspot-/Fake-Buttons */
#xyraHeroTextOverlay .xyra-highres-hero__hotspot,
#xyraHeroTextOverlay .xyra-reference-hero__hotspot,
#xyraHeroTextOverlay .xyra-hero-exact-hotspot,
#xyraHeroTextOverlay .xyra-hero-hotspot{
  display:none !important;
}


/* =========================================================
   XYRA FINAL: no duplicate text/buttons + same language sizing
   ========================================================= */

html,
body{
  overflow-x:hidden !important;
}

/* alte Hero-Varianten sicher ausblenden */
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{
  display:none !important;
}

#xyraHeroCleanFinal.xyra-hero-clean-final{
  position:relative !important;
  display:block !important;
  width:133.333333vw !important;
  max-width:133.333333vw !important;
  min-width:133.333333vw !important;
  margin:0 !important;
  margin-left:calc(50% - 66.666666vw) !important;
  margin-right:calc(50% - 66.666666vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  line-height:0 !important;
  border:0 !important;
  z-index:2 !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__image{
  display:block !important;
  width:133.333333vw !important;
  max-width:133.333333vw !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center top !important;
  margin:0 !important;
  padding:0 !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__content{
  position:absolute !important;
  left:4.05% !important;
  top:29.2% !important;
  width:31% !important;
  z-index:10 !important;
  color:#061f40 !important;
  line-height:1 !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__kicker{
  margin:0 0 18px !important;
  color:#0069b4 !important;
  font-size:clamp(13px, .95vw, 18px) !important;
  font-weight:1000 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
}

#xyraHeroCleanFinal h1{
  margin:0 0 28px !important;
  font-family:Georgia, serif !important;
  font-weight:500 !important;
  font-size:clamp(78px, 5.95vw, 132px) !important;
  line-height:.88 !important;
  letter-spacing:-.06em !important;
  color:#061f40 !important;
}

#xyraHeroCleanFinal h1 span{
  color:#1e67b1 !important;
  font-style:italic !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__text{
  margin:0 !important;
  max-width:560px !important;
  color:rgba(6,31,64,.78) !important;
  font-size:clamp(17px, 1.08vw, 22px) !important;
  line-height:1.55 !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__buttons{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:34px !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  min-width:230px !important;
  padding:0 30px !important;
  border:2px solid #061f40 !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:13px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
  transition:all .18s ease !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__btn--primary{
  background:#061f40 !important;
  color:#fff !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__btn--secondary{
  background:rgba(255,255,255,.58) !important;
  color:#061f40 !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 32px rgba(6,31,64,.18) !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__btn--secondary:hover{
  background:#061f40 !important;
  color:#fff !important;
}

/* nur Hero-Eltern öffnen */
body:has(#xyraHeroCleanFinal) main,
body:has(#xyraHeroCleanFinal) #MainContent,
body:has(#xyraHeroCleanFinal) .content-for-layout{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

/* alte unsichtbare/zusätzliche Button-Layer aus früheren Varianten deaktivieren */
#xyraHeroCleanFinal .xyra-hero-text-overlay__buttons,
#xyraHeroCleanFinal .xyra-highres-hero__hotspot,
#xyraHeroCleanFinal .xyra-reference-hero__hotspot,
#xyraHeroCleanFinal .xyra-hero-exact-hotspot,
#xyraHeroCleanFinal .xyra-hero-hotspot{
  display:none !important;
}

/* Bestseller/Kategorien kompakt lassen */
.category-strip,
.xyra-premium-square-category{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

.section{
  padding:76px 0 !important;
}

.section .page,
#collection .page{
  width:min(100% - 48px, 980px) !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#collection .section-head{
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:32px !important;
}

#collection .section-head h2{
  font-size:clamp(38px, 4.4vw, 70px) !important;
}

#collection .product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:22px !important;
}

#collection .product-image{
  aspect-ratio:4/5 !important;
}

#collection .product-info{
  padding:16px !important;
}

#collection .product-title{
  font-size:13px !important;
}

#collection .price{
  font-size:18px !important;
  margin-top:8px !important;
}

@media(max-width:780px){
  #xyraHeroCleanFinal.xyra-hero-clean-final{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }

  #xyraHeroCleanFinal .xyra-hero-clean-final__image{
    width:100% !important;
    height:76vh !important;
    min-height:560px !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  #xyraHeroCleanFinal .xyra-hero-clean-final__content{
    left:24px !important;
    right:24px !important;
    top:auto !important;
    bottom:26px !important;
    width:auto !important;
  }

  #xyraHeroCleanFinal h1{
    font-size:clamp(44px, 11vw, 68px) !important;
  }

  #xyraHeroCleanFinal .xyra-hero-clean-final__text{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  #xyraHeroCleanFinal .xyra-hero-clean-final__buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #xyraHeroCleanFinal .xyra-hero-clean-final__btn{
    width:100% !important;
    min-width:0 !important;
  }

  #collection .page{
    width:calc(100% - 32px) !important;
  }

  #collection .product-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:16px !important;
  }
}


/* =========================================================
   XYRA HERO HEIGHT + CATEGORY SIZE FIX
   ========================================================= */

/* Hero: beim Öffnen nur Hero sichtbar, nicht 1.5 Screens hoch */
#xyraHeroCleanFinal.xyra-hero-clean-final{
  height:calc(100vh - 99px) !important;
  min-height:calc(100vh - 99px) !important;
  max-height:calc(100vh - 99px) !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__image{
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__content{
  top:50% !important;
  transform:translateY(-50%) !important;
}

/* Kategorien: Taschen/Hüte/Kleider wieder grösser und gleich gross */
.category-strip,
.xyra-premium-square-category,
.categories-grid,
.category-grid,
.xyra-category-grid{
  max-width:1180px !important;
  width:min(100% - 48px, 1180px) !important;
  margin:28px auto 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.category-strip a,
.xyra-premium-square-category a,
.categories-grid a,
.category-grid a,
.xyra-category-grid a,
.category-card,
.category-tile,
.xyra-category-card{
  display:block !important;
  position:relative !important;
  height:clamp(300px, 24vw, 390px) !important;
  min-height:300px !important;
  overflow:hidden !important;
}

.category-strip img,
.xyra-premium-square-category img,
.categories-grid img,
.category-grid img,
.xyra-category-grid img,
.category-card img,
.category-tile img,
.xyra-category-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

/* Weniger Leerraum um Kategorien */
section:has(.category-strip),
section:has(.xyra-premium-square-category),
.shopify-section:has(.category-strip),
.shopify-section:has(.xyra-premium-square-category){
  padding-top:28px !important;
  padding-bottom:76px !important;
}

/* Bestseller genau kompakt lassen */
#collection .page{
  width:min(100% - 48px, 980px) !important;
  max-width:980px !important;
}

#collection .product-grid{
  grid-template-columns:repeat(4, 1fr) !important;
  gap:22px !important;
}

#collection .product-image{
  aspect-ratio:4/5 !important;
}

@media(max-width:980px){
  .category-strip,
  .xyra-premium-square-category,
  .categories-grid,
  .category-grid,
  .xyra-category-grid{
    grid-template-columns:1fr !important;
    width:calc(100% - 32px) !important;
  }

  .category-strip a,
  .xyra-premium-square-category a,
  .categories-grid a,
  .category-grid a,
  .xyra-category-grid a,
  .category-card,
  .category-tile,
  .xyra-category-card{
    height:320px !important;
  }
}

@media(max-width:780px){
  #xyraHeroCleanFinal.xyra-hero-clean-final{
    height:calc(100vh - 86px) !important;
    min-height:620px !important;
    max-height:none !important;
  }
}


/* =========================================================
   XYRA FINAL HERO FULL + CATEGORIES RESTORE
   ========================================================= */

/* Hero: Bild füllt wieder den kompletten sichtbaren Bereich unter dem Header.
   Keine Kategorien sollen direkt beim Laden sichtbar sein. */
#xyraHeroCleanFinal.xyra-hero-clean-final{
  height:calc((100vh - 99px) / .75) !important;
  min-height:860px !important;
  max-height:none !important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final__image{
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Frau nicht transparent: keine Blend-/Overlay-Tricks mehr */
#xyraHeroCleanFinal:before,
#xyraHeroCleanFinal:after{
  content:none !important;
  display:none !important;
}

/* Text sauber vertikal im Hero */
#xyraHeroCleanFinal .xyra-hero-clean-final__content{
  top:50% !important;
  transform:translateY(-50%) !important;
}

/* Kategorien wieder wie gewünscht gross, gleichmässig und direkt nach dem Hero */
.category-strip,
.xyra-premium-square-category,
.categories-grid,
.category-grid,
.xyra-category-grid{
  max-width:1180px !important;
  width:min(100% - 48px, 1180px) !important;
  margin:32px auto 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.category-strip a,
.xyra-premium-square-category a,
.categories-grid a,
.category-grid a,
.xyra-category-grid a,
.category-card,
.category-tile,
.xyra-category-card{
  display:block !important;
  position:relative !important;
  height:clamp(330px, 27vw, 430px) !important;
  min-height:330px !important;
  overflow:hidden !important;
}

.category-strip img,
.xyra-premium-square-category img,
.categories-grid img,
.category-grid img,
.xyra-category-grid img,
.category-card img,
.category-tile img,
.xyra-category-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

/* Kategorie-Schrift bleibt wie vorher sichtbar */
.category-strip h2,
.xyra-premium-square-category h2,
.categories-grid h2,
.category-grid h2,
.xyra-category-grid h2,
.category-card h2,
.category-tile h2,
.xyra-category-card h2{
  font-size:clamp(32px, 2.8vw, 48px) !important;
  line-height:.95 !important;
}

/* Weniger unnötiger Abstand zwischen Hero und Kategorien, aber Hero selbst bleibt Vollbild */
section:has(.category-strip),
section:has(.xyra-premium-square-category),
.shopify-section:has(.category-strip),
.shopify-section:has(.xyra-premium-square-category){
  padding-top:32px !important;
  padding-bottom:76px !important;
}

/* Unsere Bestseller unverändert kompakt lassen */
#collection .page{
  width:min(100% - 48px, 980px) !important;
  max-width:980px !important;
}

#collection .product-grid{
  grid-template-columns:repeat(4, 1fr) !important;
  gap:22px !important;
}

#collection .product-image{
  aspect-ratio:4/5 !important;
}

@media(max-width:980px){
  .category-strip,
  .xyra-premium-square-category,
  .categories-grid,
  .category-grid,
  .xyra-category-grid{
    grid-template-columns:1fr !important;
    width:calc(100% - 32px) !important;
  }

  .category-strip a,
  .xyra-premium-square-category a,
  .categories-grid a,
  .category-grid a,
  .xyra-category-grid a,
  .category-card,
  .category-tile,
  .xyra-category-card{
    height:340px !important;
  }
}

@media(max-width:780px){
  #xyraHeroCleanFinal.xyra-hero-clean-final{
    height:calc(100vh - 86px) !important;
    min-height:620px !important;
  }

  #xyraHeroCleanFinal .xyra-hero-clean-final__image{
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}


/* =========================================================
   XYRA FINAL CLEAN IMPLEMENTATION
   ========================================================= */

/* Hide every older/experimental hero so only one hero exists */
section.xyra-hero-clean-final,
section.xyraHeroCleanFinal,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{
  display:none !important;
}

html,body{overflow-x:hidden !important;}

/* Full first-screen hero */
#xyraHeroFinal.xyra-hero-final{
  position:relative !important;
  display:block !important;
  width:133.333333vw !important;
  max-width:133.333333vw !important;
  min-width:133.333333vw !important;
  height:calc((100vh - 99px) / .75) !important;
  min-height:860px !important;
  max-height:none !important;
  margin:0 !important;
  margin-left:calc(50% - 66.666666vw) !important;
  margin-right:calc(50% - 66.666666vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fffaf3 !important;
  line-height:0 !important;
  z-index:2 !important;
}

#xyraHeroFinal .xyra-hero-final__image{
  display:block !important;
  width:133.333333vw !important;
  max-width:133.333333vw !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

#xyraHeroFinal .xyra-hero-final__content{
  position:absolute !important;
  left:4.05% !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:31% !important;
  z-index:10 !important;
  color:#061f40 !important;
  line-height:1 !important;
}

#xyraHeroFinal .xyra-hero-final__kicker{
  margin:0 0 18px !important;
  color:#0069b4 !important;
  font-size:clamp(13px, .95vw, 18px) !important;
  font-weight:1000 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
}

#xyraHeroFinal h1{
  margin:0 0 28px !important;
  font-family:Georgia, serif !important;
  font-weight:500 !important;
  font-size:clamp(78px, 5.95vw, 132px) !important;
  line-height:.88 !important;
  letter-spacing:-.06em !important;
  color:#061f40 !important;
}

#xyraHeroFinal h1 span{
  color:#1e67b1 !important;
  font-style:italic !important;
}

#xyraHeroFinal .xyra-hero-final__text{
  margin:0 !important;
  max-width:560px !important;
  color:rgba(6,31,64,.78) !important;
  font-size:clamp(17px, 1.08vw, 22px) !important;
  line-height:1.55 !important;
}

#xyraHeroFinal .xyra-hero-final__buttons{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:34px !important;
}

#xyraHeroFinal .xyra-hero-final__btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  min-width:230px !important;
  padding:0 30px !important;
  border:2px solid #061f40 !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:13px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
  transition:all .18s ease !important;
}

#xyraHeroFinal .xyra-hero-final__btn--primary{
  background:#061f40 !important;
  color:#fff !important;
}

#xyraHeroFinal .xyra-hero-final__btn--secondary{
  background:rgba(255,255,255,.58) !important;
  color:#061f40 !important;
}

#xyraHeroFinal .xyra-hero-final__btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 32px rgba(6,31,64,.18) !important;
}

#xyraHeroFinal .xyra-hero-final__btn--secondary:hover{
  background:#061f40 !important;
  color:#fff !important;
}

/* Only open hero wrappers, do not break other homepage sections */
body:has(#xyraHeroFinal) main,
body:has(#xyraHeroFinal) #MainContent,
body:has(#xyraHeroFinal) .content-for-layout{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

/* Categories: bigger and equal size */
.category-strip.xyra-premium-square-category{
  max-width:1180px !important;
  width:min(100% - 48px, 1180px) !important;
  margin:38px auto 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
}

.category-strip.xyra-premium-square-category .category-tile{
  height:clamp(360px, 30vw, 520px) !important;
  min-height:360px !important;
  position:relative !important;
  overflow:hidden !important;
  display:block !important;
}

.category-strip.xyra-premium-square-category .category-tile img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.category-strip.xyra-premium-square-category .category-label h3{
  font-size:clamp(38px, 3.3vw, 58px) !important;
  line-height:.9 !important;
}

/* Bestseller untouched / compact */
#collection .page{
  width:min(100% - 48px, 980px) !important;
  max-width:980px !important;
}
#collection .product-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:22px !important;
}
#collection .product-image{aspect-ratio:4/5 !important;}

/* Editorial image replacement sizing */
.editorial .editorial-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:980px){
  .category-strip.xyra-premium-square-category{
    grid-template-columns:1fr !important;
    width:calc(100% - 32px) !important;
  }
  .category-strip.xyra-premium-square-category .category-tile{
    height:340px !important;
  }
}

@media(max-width:780px){
  #xyraHeroFinal.xyra-hero-final{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    height:calc(100vh - 86px) !important;
    min-height:620px !important;
  }
  #xyraHeroFinal .xyra-hero-final__image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  #xyraHeroFinal .xyra-hero-final__content{
    left:24px !important;
    right:24px !important;
    bottom:26px !important;
    top:auto !important;
    transform:none !important;
    width:auto !important;
  }
  #xyraHeroFinal h1{font-size:clamp(44px,11vw,68px) !important;}
  #xyraHeroFinal .xyra-hero-final__text{font-size:15px !important;}
  #xyraHeroFinal .xyra-hero-final__buttons{display:grid !important;grid-template-columns:1fr !important;}
  #xyraHeroFinal .xyra-hero-final__btn{width:100% !important;min-width:0 !important;}
}


/* =========================================================
   XYRA FIX: remove hero ghost + make category tiles truly large
   ========================================================= */

/* Nur finalen Hero zeigen */
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{
  display:none !important;
}

/* Hero nutzt jetzt sauberes Bild ohne eingebrannte Schrift/Buttons */
#xyraHeroFinal .xyra-hero-final__image{
}

/* Kategorien: wirklich deutlich grösser, wie gewünscht */
section.category-strip.xyra-premium-square-category,
.category-strip.xyra-premium-square-category{
  width:min(100% - 48px, 1500px) !important;
  max-width:1500px !important;
  margin:46px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  padding:0 !important;
}

.category-strip.xyra-premium-square-category .category-tile{
  height:clamp(470px, 34vw, 640px) !important;
  min-height:470px !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
}

.category-strip.xyra-premium-square-category .category-tile img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.category-strip.xyra-premium-square-category .category-label{
  left:clamp(28px, 2.2vw, 42px) !important;
  bottom:clamp(32px, 2.8vw, 52px) !important;
}

.category-strip.xyra-premium-square-category .category-label h3{
  font-size:clamp(48px, 4.0vw, 76px) !important;
  line-height:.88 !important;
}

.category-strip.xyra-premium-square-category .category-label span{
  font-size:clamp(13px, .95vw, 17px) !important;
}

/* Unsere Bestseller bewusst unverändert kompakt halten */
#collection .page{
  width:min(100% - 48px, 980px) !important;
  max-width:980px !important;
}
#collection .product-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:22px !important;
}
#collection .product-image{
  aspect-ratio:4/5 !important;
}

/* Editorial: neues anderes Bild, nicht Hero */
.editorial .editorial-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:980px){
  section.category-strip.xyra-premium-square-category,
  .category-strip.xyra-premium-square-category{
    width:calc(100% - 32px) !important;
    grid-template-columns:1fr !important;
  }
  .category-strip.xyra-premium-square-category .category-tile{
    height:420px !important;
    min-height:420px !important;
  }
}


/* =========================================================
   XYRA REAL FINAL PATCH
   ========================================================= */

/* absolutely hide all previous hero variants */
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroOnly.xyra-hero-only{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px) / .75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroOnly .xyra-hero-only__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* cover the old embedded text/buttons beneath the real text, but keep a luxury image feel */
#xyraHeroOnly .xyra-hero-only__panel{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:40%!important;
  background:
    linear-gradient(90deg,
      rgba(246,242,232,.92) 0%,
      rgba(238,242,239,.82) 48%,
      rgba(238,242,239,.48) 73%,
      rgba(238,242,239,0) 100%)!important;
  pointer-events:none!important;
}

#xyraHeroOnly .xyra-hero-only__content{
  position:absolute!important;
  left:4.05%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:31%!important;
  z-index:10!important;
  color:#061f40!important;
  line-height:1!important;
}

#xyraHeroOnly .xyra-hero-only__kicker{
  margin:0 0 18px!important;
  color:#0069b4!important;
  font-size:clamp(13px,.95vw,18px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

#xyraHeroOnly h1{
  margin:0 0 28px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(78px,5.95vw,132px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroOnly h1 span{color:#1e67b1!important;font-style:italic!important}

#xyraHeroOnly .xyra-hero-only__text{
  margin:0!important;
  max-width:560px!important;
  color:rgba(6,31,64,.78)!important;
  font-size:clamp(17px,1.08vw,22px)!important;
  line-height:1.55!important;
}

#xyraHeroOnly .xyra-hero-only__buttons{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:34px!important;
}

#xyraHeroOnly .xyra-hero-only__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  min-width:230px!important;
  padding:0 30px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:13px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroOnly .xyra-hero-only__btn--primary{background:#061f40!important;color:#fff!important}
#xyraHeroOnly .xyra-hero-only__btn--secondary{background:rgba(255,255,255,.70)!important;color:#061f40!important}
#xyraHeroOnly .xyra-hero-only__btn--secondary:hover{background:#061f40!important;color:#fff!important}

/* open only hero wrappers */
body:has(#xyraHeroOnly) main,
body:has(#xyraHeroOnly) #MainContent,
body:has(#xyraHeroOnly) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Categories: make them actually much larger */
.category-strip.xyra-premium-square-category,
section.category-strip.xyra-premium-square-category{
  width:min(100% - 48px, 1700px)!important;
  max-width:1700px!important;
  margin:46px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.category-strip.xyra-premium-square-category .category-tile{
  height:clamp(560px,40vw,760px)!important;
  min-height:560px!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
}

.category-strip.xyra-premium-square-category .category-tile img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

.category-strip.xyra-premium-square-category .category-label{
  left:clamp(34px,2.4vw,56px)!important;
  bottom:clamp(38px,3vw,62px)!important;
}

.category-strip.xyra-premium-square-category .category-label h3{
  font-size:clamp(58px,4.7vw,92px)!important;
  line-height:.86!important;
}

.category-strip.xyra-premium-square-category .category-label span{
  font-size:clamp(14px,1.05vw,19px)!important;
}

/* Bestseller unchanged */
#collection .page{width:min(100% - 48px,980px)!important;max-width:980px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:22px!important}
#collection .product-image{aspect-ratio:4/5!important}

/* Editorial text smaller and image forced to generated new asset */
.editorial h2,
.editorial .editorial-copy h2,
.editorial-title{
  font-size:clamp(48px,4.1vw,76px)!important;
  line-height:.95!important;
  max-width:780px!important;
}

.editorial .editorial-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:980px){
  .category-strip.xyra-premium-square-category,
  section.category-strip.xyra-premium-square-category{grid-template-columns:1fr!important;width:calc(100% - 32px)!important}
  .category-strip.xyra-premium-square-category .category-tile{height:420px!important;min-height:420px!important}
}

/* XYRA FIXED FINISHED THEME */
html,body{overflow-x:hidden!important}
section.xyra-hero-only,section.xyra-hero-final,section.xyra-hero-clean-final,section.xyra-hero-text-overlay,section.xyra-highres-hero,section.xyra-reference-hero,section.xyra-hero-true,section.xyra-hero-exact-fullbleed,section.xyra-hero-cover-final,section.xyra-home-hero-final,section.xyra-hero-final-fullbleed,section.xyra-hero-true-fullbleed,section.xyra-hero-final-single,section.xyra-hero-edge-final,section.xyra-hero-fw-real,section.xyra-hero-fw-final,section.xyra-hero-image-only,section.xyra-full-image-hero,section.xyra-hero-full,.hero{display:none!important}
#xyraHeroFixed.xyra-hero-fixed{position:relative!important;display:block!important;width:133.333333vw!important;max-width:133.333333vw!important;min-width:133.333333vw!important;height:calc((100vh - 99px)/.75)!important;min-height:860px!important;margin:0!important;margin-left:calc(50% - 66.666666vw)!important;margin-right:calc(50% - 66.666666vw)!important;padding:0!important;overflow:hidden!important;background:#fffaf3!important;line-height:0!important;z-index:2!important}
#xyraHeroFixed .xyra-hero-fixed__image{display:block!important;width:133.333333vw!important;max-width:133.333333vw!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
#xyraHeroFixed .xyra-hero-fixed__veil{position:absolute!important;z-index:3!important;left:0!important;top:0!important;bottom:0!important;width:42%!important;background:linear-gradient(90deg,rgba(247,244,236,.985) 0%,rgba(247,244,236,.965) 55%,rgba(247,244,236,.86) 76%,rgba(247,244,236,0) 100%)!important;pointer-events:none!important}
#xyraHeroFixed .xyra-hero-fixed__content{position:absolute!important;left:4.05%!important;top:50%!important;transform:translateY(-50%)!important;width:31%!important;z-index:10!important;color:#061f40!important;line-height:1!important}
#xyraHeroFixed .xyra-hero-fixed__kicker{margin:0 0 18px!important;color:#0069b4!important;font-size:clamp(13px,.95vw,18px)!important;font-weight:1000!important;letter-spacing:.13em!important;text-transform:uppercase!important;line-height:1.1!important}
#xyraHeroFixed h1{margin:0 0 28px!important;font-family:Georgia,serif!important;font-weight:500!important;font-size:clamp(78px,5.95vw,132px)!important;line-height:.88!important;letter-spacing:-.06em!important;color:#061f40!important}
#xyraHeroFixed h1 span{color:#1e67b1!important;font-style:italic!important}
#xyraHeroFixed .xyra-hero-fixed__text{margin:0!important;max-width:560px!important;color:rgba(6,31,64,.78)!important;font-size:clamp(17px,1.08vw,22px)!important;line-height:1.55!important}
#xyraHeroFixed .xyra-hero-fixed__buttons{display:flex!important;align-items:center!important;gap:14px!important;margin-top:34px!important}
#xyraHeroFixed .xyra-hero-fixed__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;min-width:230px!important;padding:0 30px!important;border:2px solid #061f40!important;box-sizing:border-box!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:13px!important;font-weight:1000!important;cursor:pointer!important}
#xyraHeroFixed .xyra-hero-fixed__btn--primary{background:#061f40!important;color:#fff!important}
#xyraHeroFixed .xyra-hero-fixed__btn--secondary{background:rgba(255,255,255,.82)!important;color:#061f40!important}
#xyraHeroFixed .xyra-hero-fixed__btn--secondary:hover{background:#061f40!important;color:#fff!important}
body:has(#xyraHeroFixed) main,body:has(#xyraHeroFixed) #MainContent,body:has(#xyraHeroFixed) .content-for-layout{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
.category-strip.xyra-premium-square-category,section.category-strip.xyra-premium-square-category{width:min(100% - 48px,1700px)!important;max-width:1700px!important;margin:46px auto 0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.category-strip.xyra-premium-square-category .category-tile{height:clamp(560px,40vw,760px)!important;min-height:560px!important;display:block!important;position:relative!important;overflow:hidden!important}
.category-strip.xyra-premium-square-category .category-tile img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.category-strip.xyra-premium-square-category .category-label{left:clamp(34px,2.4vw,56px)!important;bottom:clamp(38px,3vw,62px)!important}
.category-strip.xyra-premium-square-category .category-label h3{font-size:clamp(42px,3.3vw,62px)!important;line-height:.9!important}
.category-strip.xyra-premium-square-category .category-label span{font-size:clamp(12px,.82vw,15px)!important;letter-spacing:.08em!important}
#collection .page{width:min(100% - 48px,980px)!important;max-width:980px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:22px!important}
#collection .product-image{aspect-ratio:4/5!important}
.editorial .editorial-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.editorial h2,.editorial .editorial-copy h2,.editorial-title{font-size:clamp(46px,3.8vw,70px)!important;line-height:.96!important;max-width:780px!important}
@media(max-width:980px){.category-strip.xyra-premium-square-category,section.category-strip.xyra-premium-square-category{grid-template-columns:1fr!important;width:calc(100% - 32px)!important}.category-strip.xyra-premium-square-category .category-tile{height:420px!important;min-height:420px!important}}
@media(max-width:780px){#xyraHeroFixed.xyra-hero-fixed{width:100vw!important;max-width:100vw!important;min-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;height:calc(100vh - 86px)!important;min-height:620px!important}#xyraHeroFixed .xyra-hero-fixed__image{width:100%!important;height:100%!important;object-fit:cover!important}#xyraHeroFixed .xyra-hero-fixed__veil{width:100%!important;background:linear-gradient(0deg,rgba(247,244,236,.96) 0%,rgba(247,244,236,.74) 50%,rgba(247,244,236,0) 100%)!important}#xyraHeroFixed .xyra-hero-fixed__content{left:24px!important;right:24px!important;bottom:26px!important;top:auto!important;transform:none!important;width:auto!important}#xyraHeroFixed h1{font-size:clamp(44px,11vw,68px)!important}#xyraHeroFixed .xyra-hero-fixed__buttons{display:grid!important;grid-template-columns:1fr!important}#xyraHeroFixed .xyra-hero-fixed__btn{width:100%!important;min-width:0!important}}

/* =========================================================
   XYRA FINAL: clean sea hero + bestseller +25%
   ========================================================= */

html,body{overflow-x:hidden!important}

/* Alle alten Hero-Versionen ausblenden */
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{
  display:none!important;
}

/* Finaler Hero */
#xyraHeroCleanSea.xyra-hero-clean-sea{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Keine weisse Fläche, keine zweite Schrift, nur HTML-Text über dem Bild */
#xyraHeroCleanSea .xyra-hero-clean-sea__content{
  position:absolute!important;
  left:4.05%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:31%!important;
  z-index:10!important;
  color:#061f40!important;
  line-height:1!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__kicker{
  margin:0 0 18px!important;
  color:#0069b4!important;
  font-size:clamp(13px,.95vw,18px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

#xyraHeroCleanSea h1{
  margin:0 0 28px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(78px,5.95vw,132px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroCleanSea h1 span{
  color:#1e67b1!important;
  font-style:italic!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__text{
  margin:0!important;
  max-width:560px!important;
  color:rgba(6,31,64,.78)!important;
  font-size:clamp(17px,1.08vw,22px)!important;
  line-height:1.55!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__buttons{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:34px!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  min-width:230px!important;
  padding:0 30px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:13px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__btn--primary{
  background:#061f40!important;
  color:#fff!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__btn--secondary{
  background:rgba(255,255,255,.52)!important;
  color:#061f40!important;
}

#xyraHeroCleanSea .xyra-hero-clean-sea__btn--secondary:hover{
  background:#061f40!important;
  color:#fff!important;
}

body:has(#xyraHeroCleanSea) main,
body:has(#xyraHeroCleanSea) #MainContent,
body:has(#xyraHeroCleanSea) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Unsere Bestseller +25%, nicht extrem */
#collection .page{
  width:min(100% - 48px,1225px)!important;
  max-width:1225px!important;
}

#collection .section-head h2{
  font-size:clamp(47px,5.5vw,88px)!important;
}

#collection .product-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:28px!important;
}

#collection .product-image{
  aspect-ratio:4/5!important;
}

#collection .product-info{
  padding:20px!important;
}

#collection .product-title{
  font-size:16px!important;
}

#collection .price{
  font-size:23px!important;
}

/* Kategorien bleiben gross, aber Schrift nicht übertrieben */
.category-strip.xyra-premium-square-category,
section.category-strip.xyra-premium-square-category{
  width:min(100% - 48px,1700px)!important;
  max-width:1700px!important;
  margin:46px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.category-strip.xyra-premium-square-category .category-tile{
  height:clamp(560px,40vw,760px)!important;
  min-height:560px!important;
}

.category-strip.xyra-premium-square-category .category-label h3{
  font-size:clamp(42px,3.3vw,62px)!important;
  line-height:.9!important;
}

.category-strip.xyra-premium-square-category .category-label span{
  font-size:clamp(12px,.82vw,15px)!important;
}

@media(max-width:980px){
  .category-strip.xyra-premium-square-category,
  section.category-strip.xyra-premium-square-category{
    grid-template-columns:1fr!important;
    width:calc(100% - 32px)!important;
  }

  .category-strip.xyra-premium-square-category .category-tile{
    height:420px!important;
    min-height:420px!important;
  }
}

@media(max-width:780px){
  #xyraHeroCleanSea.xyra-hero-clean-sea{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }

  #xyraHeroCleanSea .xyra-hero-clean-sea__image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  #xyraHeroCleanSea .xyra-hero-clean-sea__content{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }

  #xyraHeroCleanSea h1{
    font-size:clamp(44px,11vw,68px)!important;
  }

  #xyraHeroCleanSea .xyra-hero-clean-sea__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #xyraHeroCleanSea .xyra-hero-clean-sea__btn{
    width:100%!important;
    min-width:0!important;
  }

  #collection .page{
    width:calc(100% - 32px)!important;
  }

  #collection .product-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:18px!important;
  }
}

/* =========================================================
   XYRA FINAL GREEK CLEAN LEFT
   ========================================================= */

html,body{overflow-x:hidden!important}

/* Alte Hero-Versionen konsequent verstecken */
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

/* Finaler Hero: kompletter Hintergrund, kein verschwommener Block, keine alte Schrift */
#xyraHeroGreekClean.xyra-hero-greek-clean{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__content{
  position:absolute!important;
  left:4.05%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:31%!important;
  z-index:10!important;
  color:#061f40!important;
  line-height:1!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__kicker{
  margin:0 0 18px!important;
  color:#0069b4!important;
  font-size:clamp(13px,.95vw,18px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

#xyraHeroGreekClean h1{
  margin:0 0 28px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(78px,5.95vw,132px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroGreekClean h1 span{
  color:#1e67b1!important;
  font-style:italic!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__text{
  margin:0!important;
  max-width:560px!important;
  color:rgba(6,31,64,.78)!important;
  font-size:clamp(17px,1.08vw,22px)!important;
  line-height:1.55!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__buttons{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:34px!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  min-width:230px!important;
  padding:0 30px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:13px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroGreekClean .xyra-hero-greek-clean__btn--primary{background:#061f40!important;color:#fff!important}
#xyraHeroGreekClean .xyra-hero-greek-clean__btn--secondary{background:rgba(255,255,255,.48)!important;color:#061f40!important}
#xyraHeroGreekClean .xyra-hero-greek-clean__btn--secondary:hover{background:#061f40!important;color:#fff!important}

body:has(#xyraHeroGreekClean) main,
body:has(#xyraHeroGreekClean) #MainContent,
body:has(#xyraHeroGreekClean) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Unsere Bestseller nur ca. 25% grösser */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .section-head h2{font-size:clamp(47px,5.5vw,88px)!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-image{aspect-ratio:4/5!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

/* Kategorien gross lassen, Schrift kleiner */
.category-strip.xyra-premium-square-category,
section.category-strip.xyra-premium-square-category{
  width:min(100% - 48px,1700px)!important;
  max-width:1700px!important;
  margin:46px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.category-strip.xyra-premium-square-category .category-tile{
  height:clamp(560px,40vw,760px)!important;
  min-height:560px!important;
}
.category-strip.xyra-premium-square-category .category-label h3{
  font-size:clamp(42px,3.3vw,62px)!important;
  line-height:.9!important;
}
.category-strip.xyra-premium-square-category .category-label span{
  font-size:clamp(12px,.82vw,15px)!important;
}

@media(max-width:980px){
  .category-strip.xyra-premium-square-category,
  section.category-strip.xyra-premium-square-category{
    grid-template-columns:1fr!important;
    width:calc(100% - 32px)!important;
  }
  .category-strip.xyra-premium-square-category .category-tile{
    height:420px!important;
    min-height:420px!important;
  }
}

@media(max-width:780px){
  #xyraHeroGreekClean.xyra-hero-greek-clean{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroGreekClean .xyra-hero-greek-clean__image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  #xyraHeroGreekClean .xyra-hero-greek-clean__content{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }
  #xyraHeroGreekClean h1{font-size:clamp(44px,11vw,68px)!important}
  #xyraHeroGreekClean .xyra-hero-greek-clean__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #xyraHeroGreekClean .xyra-hero-greek-clean__btn{
    width:100%!important;
    min-width:0!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:18px!important;
  }
}


/* =========================================================
   XYRA EXACT GENERATED HERO
   Bild 1:1 wie gewünscht, Buttons klickbar und korrekt verlinkt.
   ========================================================= */

html, body {
  overflow-x: hidden !important;
}

/* Alle alten Hero-Versionen verstecken */
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero {
  display: none !important;
}

#xyraHeroExactGenerated.xyra-hero-exact-generated {
  position: relative !important;
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  min-width: 133.333333vw !important;
  height: calc((100vh - 99px) / .75) !important;
  min-height: 860px !important;
  margin: 0 !important;
  margin-left: calc(50% - 66.666666vw) !important;
  margin-right: calc(50% - 66.666666vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fffaf3 !important;
  line-height: 0 !important;
  z-index: 2 !important;
}

#xyraHeroExactGenerated .xyra-hero-exact-generated__image {
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Klickflächen exakt auf den sichtbaren Buttons im generierten Bild */
#xyraHeroExactGenerated .xyra-hero-exact-generated__hotspot {
  position: absolute !important;
  z-index: 20 !important;
  display: block !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Button: Kollektion ansehen */
#xyraHeroExactGenerated .xyra-hero-exact-generated__hotspot--collection {
  left: 4.65% !important;
  top: 75.4% !important;
  width: 11.25% !important;
  height: 6.05% !important;
}

/* Button: Taschen ansehen */
#xyraHeroExactGenerated .xyra-hero-exact-generated__hotspot--bags {
  left: 16.45% !important;
  top: 75.4% !important;
  width: 11.3% !important;
  height: 6.05% !important;
}

#xyraHeroExactGenerated .xyra-hero-exact-generated__hotspot:focus-visible {
  outline: 3px solid #0069b4 !important;
  outline-offset: 3px !important;
}

/* Wrapper öffnen, damit der Hero über die volle Breite geht */
body:has(#xyraHeroExactGenerated) main,
body:has(#xyraHeroExactGenerated) #MainContent,
body:has(#xyraHeroExactGenerated) .content-for-layout {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Unsere Bestseller ca. 25% grösser */
#collection .page {
  width: min(100% - 48px, 1225px) !important;
  max-width: 1225px !important;
}

#collection .section-head h2 {
  font-size: clamp(47px, 5.5vw, 88px) !important;
}

#collection .product-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
}

#collection .product-image {
  aspect-ratio: 4 / 5 !important;
}

#collection .product-info {
  padding: 20px !important;
}

#collection .product-title {
  font-size: 16px !important;
}

#collection .price {
  font-size: 23px !important;
}

/* Kategorien bleiben gross, Schrift wieder elegant kleiner */
.category-strip.xyra-premium-square-category,
section.category-strip.xyra-premium-square-category {
  width: min(100% - 48px, 1700px) !important;
  max-width: 1700px !important;
  margin: 46px auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.category-strip.xyra-premium-square-category .category-tile {
  height: clamp(560px, 40vw, 760px) !important;
  min-height: 560px !important;
}

.category-strip.xyra-premium-square-category .category-label h3 {
  font-size: clamp(42px, 3.3vw, 62px) !important;
  line-height: .9 !important;
}

.category-strip.xyra-premium-square-category .category-label span {
  font-size: clamp(12px, .82vw, 15px) !important;
}

@media (max-width: 980px) {
  .category-strip.xyra-premium-square-category,
  section.category-strip.xyra-premium-square-category {
    grid-template-columns: 1fr !important;
    width: calc(100% - 32px) !important;
  }

  .category-strip.xyra-premium-square-category .category-tile {
    height: 420px !important;
    min-height: 420px !important;
  }
}

@media (max-width: 780px) {
  #xyraHeroExactGenerated.xyra-hero-exact-generated {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: calc(100vh - 86px) !important;
    min-height: 620px !important;
  }

  #xyraHeroExactGenerated .xyra-hero-exact-generated__image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #xyraHeroExactGenerated .xyra-hero-exact-generated__hotspot--collection {
    left: 4.5% !important;
    top: 74.8% !important;
    width: 30% !important;
    height: 6.5% !important;
  }

  #xyraHeroExactGenerated .xyra-hero-exact-generated__hotspot--bags {
    left: 36% !important;
    top: 74.8% !important;
    width: 30% !important;
    height: 6.5% !important;
  }

  #collection .page {
    width: calc(100% - 32px) !important;
  }

  #collection .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}


/* =========================================================
   XYRA FINAL REAL HTML HERO
   Keine Schrift/Buttons im Bild. Text und Buttons sind echtes HTML.
   ========================================================= */

html, body { overflow-x: hidden !important; }

/* Alle alten Hero-Versionen ausblenden */
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero {
  display: none !important;
}

#xyraHeroRealHtml.xyra-hero-real-html {
  position: relative !important;
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  min-width: 133.333333vw !important;
  height: calc((100vh - 99px) / .75) !important;
  min-height: 860px !important;
  margin: 0 !important;
  margin-left: calc(50% - 66.666666vw) !important;
  margin-right: calc(50% - 66.666666vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fffaf3 !important;
  line-height: 0 !important;
  z-index: 2 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__image {
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__content {
  position: absolute !important;
  left: 4.05% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 31% !important;
  z-index: 10 !important;
  color: #061f40 !important;
  line-height: 1 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__kicker {
  margin: 0 0 18px !important;
  color: #0069b4 !important;
  font-size: clamp(13px, .95vw, 18px) !important;
  font-weight: 1000 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

#xyraHeroRealHtml h1 {
  margin: 0 0 28px !important;
  font-family: Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(78px, 5.95vw, 132px) !important;
  line-height: .88 !important;
  letter-spacing: -.06em !important;
  color: #061f40 !important;
}

#xyraHeroRealHtml h1 span {
  color: #1e67b1 !important;
  font-style: italic !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__text {
  margin: 0 !important;
  max-width: 560px !important;
  color: rgba(6,31,64,.78) !important;
  font-size: clamp(17px, 1.08vw, 22px) !important;
  line-height: 1.55 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__buttons {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  min-width: 230px !important;
  padding: 0 30px !important;
  border: 2px solid #061f40 !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn--primary {
  background: #061f40 !important;
  color: #fff !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn--secondary {
  background: rgba(255,255,255,.55) !important;
  color: #061f40 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn--secondary:hover {
  background: #061f40 !important;
  color: #fff !important;
}

/* Wrapper öffnen */
body:has(#xyraHeroRealHtml) main,
body:has(#xyraHeroRealHtml) #MainContent,
body:has(#xyraHeroRealHtml) .content-for-layout {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Unsere Bestseller ca. 25% grösser */
#collection .page {
  width: min(100% - 48px, 1225px) !important;
  max-width: 1225px !important;
}

#collection .section-head h2 {
  font-size: clamp(47px, 5.5vw, 88px) !important;
}

#collection .product-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
}

#collection .product-image {
  aspect-ratio: 4 / 5 !important;
}

#collection .product-info {
  padding: 20px !important;
}

#collection .product-title {
  font-size: 16px !important;
}

#collection .price {
  font-size: 23px !important;
}

/* Kategorien gross lassen, Schrift elegant */
.category-strip.xyra-premium-square-category,
section.category-strip.xyra-premium-square-category {
  width: min(100% - 48px, 1700px) !important;
  max-width: 1700px !important;
  margin: 46px auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.category-strip.xyra-premium-square-category .category-tile {
  height: clamp(560px, 40vw, 760px) !important;
  min-height: 560px !important;
}

.category-strip.xyra-premium-square-category .category-label h3 {
  font-size: clamp(42px, 3.3vw, 62px) !important;
  line-height: .9 !important;
}

.category-strip.xyra-premium-square-category .category-label span {
  font-size: clamp(12px, .82vw, 15px) !important;
}

@media (max-width: 980px) {
  .category-strip.xyra-premium-square-category,
  section.category-strip.xyra-premium-square-category {
    grid-template-columns: 1fr !important;
    width: calc(100% - 32px) !important;
  }

  .category-strip.xyra-premium-square-category .category-tile {
    height: 420px !important;
    min-height: 420px !important;
  }
}

@media (max-width: 780px) {
  #xyraHeroRealHtml.xyra-hero-real-html {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: calc(100vh - 86px) !important;
    min-height: 620px !important;
  }

  #xyraHeroRealHtml .xyra-hero-real-html__image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #xyraHeroRealHtml .xyra-hero-real-html__content {
    left: 24px !important;
    right: 24px !important;
    bottom: 26px !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
  }

  #xyraHeroRealHtml h1 {
    font-size: clamp(44px, 11vw, 68px) !important;
  }

  #xyraHeroRealHtml .xyra-hero-real-html__buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #xyraHeroRealHtml .xyra-hero-real-html__btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  #collection .page {
    width: calc(100% - 32px) !important;
  }

  #collection .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}


/* XYRA WATER CONTINUOUS FINAL */
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero {
  display: none !important;
}

#xyraHeroRealHtml.xyra-hero-real-html {
  position: relative !important;
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  min-width: 133.333333vw !important;
  height: calc((100vh - 99px) / .75) !important;
  min-height: 860px !important;
  margin: 0 !important;
  margin-left: calc(50% - 66.666666vw) !important;
  margin-right: calc(50% - 66.666666vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fffaf3 !important;
  line-height: 0 !important;
  z-index: 2 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__image {
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__content {
  position: absolute !important;
  left: 4.05% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 31% !important;
  z-index: 10 !important;
  color: #061f40 !important;
  line-height: 1 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__kicker {
  margin: 0 0 18px !important;
  color: #0069b4 !important;
  font-size: clamp(13px,.95vw,18px) !important;
  font-weight: 1000 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

#xyraHeroRealHtml h1 {
  margin: 0 0 28px !important;
  font-family: Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(78px,5.95vw,132px) !important;
  line-height: .88 !important;
  letter-spacing: -.06em !important;
  color: #061f40 !important;
}

#xyraHeroRealHtml h1 span {
  color: #1e67b1 !important;
  font-style: italic !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__text {
  margin: 0 !important;
  max-width: 560px !important;
  color: rgba(6,31,64,.78) !important;
  font-size: clamp(17px,1.08vw,22px) !important;
  line-height: 1.55 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__buttons {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  min-width: 230px !important;
  padding: 0 30px !important;
  border: 2px solid #061f40 !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn--primary {
  background: #061f40 !important;
  color: #fff !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn--secondary {
  background: rgba(255,255,255,.55) !important;
  color: #061f40 !important;
}

#xyraHeroRealHtml .xyra-hero-real-html__btn--secondary:hover {
  background: #061f40 !important;
  color: #fff !important;
}

/* Bestseller +25% */
#collection .page {
  width: min(100% - 48px, 1225px) !important;
  max-width: 1225px !important;
}

#collection .product-grid {
  grid-template-columns: repeat(4,1fr) !important;
  gap: 28px !important;
}

#collection .product-info {
  padding: 20px !important;
}

#collection .product-title {
  font-size: 16px !important;
}

#collection .price {
  font-size: 23px !important;
}

/* =========================================================
   XYRA FINAL: no double text, white bag, working buttons
   ========================================================= */

html, body { overflow-x: hidden !important; }

section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero {
  display: none !important;
}

#xyraHeroSingleText.xyra-hero-single-text {
  position: relative !important;
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  min-width: 133.333333vw !important;
  height: calc((100vh - 99px) / .75) !important;
  min-height: 860px !important;
  margin: 0 !important;
  margin-left: calc(50% - 66.666666vw) !important;
  margin-right: calc(50% - 66.666666vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fffaf3 !important;
  line-height: 0 !important;
  z-index: 2 !important;
}

#xyraHeroSingleText .xyra-hero-single-text__image {
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#xyraHeroSingleText .xyra-hero-single-text__hotspot {
  position: absolute !important;
  z-index: 30 !important;
  display: block !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* sichtbarer Button "Kollektion ansehen" */
#xyraHeroSingleText .xyra-hero-single-text__hotspot--collection {
  left: 4.55% !important;
  top: 78.7% !important;
  width: 11.55% !important;
  height: 6.2% !important;
}

/* sichtbarer Button "Taschen ansehen" */
#xyraHeroSingleText .xyra-hero-single-text__hotspot--bags {
  left: 16.55% !important;
  top: 78.7% !important;
  width: 12.0% !important;
  height: 6.2% !important;
}

#xyraHeroSingleText .xyra-hero-single-text__hotspot:focus-visible {
  outline: 3px solid #0069b4 !important;
  outline-offset: 3px !important;
}

body:has(#xyraHeroSingleText) main,
body:has(#xyraHeroSingleText) #MainContent,
body:has(#xyraHeroSingleText) .content-for-layout {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Bestseller bleibt ca. 25% grösser */
#collection .page {
  width: min(100% - 48px, 1225px) !important;
  max-width: 1225px !important;
}
#collection .product-grid {
  grid-template-columns: repeat(4,1fr) !important;
  gap: 28px !important;
}
#collection .product-info { padding: 20px !important; }
#collection .product-title { font-size: 16px !important; }
#collection .price { font-size: 23px !important; }

@media (max-width: 780px) {
  #xyraHeroSingleText.xyra-hero-single-text {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: calc(100vh - 86px) !important;
    min-height: 620px !important;
  }

  #xyraHeroSingleText .xyra-hero-single-text__image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #xyraHeroSingleText .xyra-hero-single-text__hotspot--collection {
    left: 4.5% !important;
    top: 78% !important;
    width: 31% !important;
    height: 6.5% !important;
  }

  #xyraHeroSingleText .xyra-hero-single-text__hotspot--bags {
    left: 36.5% !important;
    top: 78% !important;
    width: 31% !important;
    height: 6.5% !important;
  }

  #collection .page { width: calc(100% - 32px) !important; }
  #collection .product-grid {
    grid-template-columns: repeat(2,1fr) !important;
    gap: 18px !important;
  }
}

/* =========================================================
   XYRA FINAL: HTML text + working buttons
   ========================================================= */

html,body{overflow-x:hidden!important}

section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroHtmlFixed.xyra-hero-html-fixed{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__content{
  position:absolute!important;
  left:4.25%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:31.5%!important;
  z-index:30!important;
  color:#061f40!important;
  line-height:1!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__kicker{
  margin:0 0 18px!important;
  color:#0069b4!important;
  font-size:clamp(13px,.95vw,18px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

#xyraHeroHtmlFixed h1{
  margin:0 0 28px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(78px,5.95vw,132px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroHtmlFixed h1 span{
  color:#1e67b1!important;
  font-style:italic!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__text{
  margin:0!important;
  max-width:560px!important;
  color:rgba(6,31,64,.84)!important;
  font-size:clamp(17px,1.08vw,22px)!important;
  line-height:1.55!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__buttons{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:34px!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  min-width:230px!important;
  padding:0 30px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:13px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__btn--primary{
  background:#061f40!important;
  color:#fff!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__btn--secondary{
  background:rgba(255,255,255,.60)!important;
  color:#061f40!important;
}

#xyraHeroHtmlFixed .xyra-hero-html-fixed__btn--secondary:hover{
  background:#061f40!important;
  color:#fff!important;
}

body:has(#xyraHeroHtmlFixed) main,
body:has(#xyraHeroHtmlFixed) #MainContent,
body:has(#xyraHeroHtmlFixed) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% grösser */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroHtmlFixed.xyra-hero-html-fixed{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroHtmlFixed .xyra-hero-html-fixed__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #xyraHeroHtmlFixed .xyra-hero-html-fixed__content{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }
  #xyraHeroHtmlFixed h1{font-size:clamp(44px,11vw,68px)!important}
  #xyraHeroHtmlFixed .xyra-hero-html-fixed__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #xyraHeroHtmlFixed .xyra-hero-html-fixed__btn{
    width:100%!important;
    min-width:0!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
}

/* =========================================================
   XYRA CLEAN VISUAL FINAL
   Keine Retouching-Artefakte, keine weissen/pixeligen Flächen.
   Buttons sind klickbar.
   ========================================================= */

html,body{overflow-x:hidden!important}

section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroCleanVisual.xyra-hero-clean-visual{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroCleanVisual .xyra-hero-clean-visual__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#xyraHeroCleanVisual .xyra-hero-clean-visual__hotspot{
  position:absolute!important;
  z-index:50!important;
  display:block!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

#xyraHeroCleanVisual .xyra-hero-clean-visual__hotspot--collection{
  left:4.55%!important;
  top:78.55%!important;
  width:11.65%!important;
  height:6.25%!important;
}

#xyraHeroCleanVisual .xyra-hero-clean-visual__hotspot--bags{
  left:16.75%!important;
  top:78.55%!important;
  width:12.05%!important;
  height:6.25%!important;
}

#xyraHeroCleanVisual .xyra-hero-clean-visual__hotspot:focus-visible{
  outline:3px solid #0069b4!important;
  outline-offset:3px!important;
}

body:has(#xyraHeroCleanVisual) main,
body:has(#xyraHeroCleanVisual) #MainContent,
body:has(#xyraHeroCleanVisual) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% grösser */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroCleanVisual.xyra-hero-clean-visual{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroCleanVisual .xyra-hero-clean-visual__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #xyraHeroCleanVisual .xyra-hero-clean-visual__hotspot--collection{
    left:4.5%!important;
    top:78%!important;
    width:31%!important;
    height:6.5%!important;
  }
  #xyraHeroCleanVisual .xyra-hero-clean-visual__hotspot--bags{
    left:36.5%!important;
    top:78%!important;
    width:31%!important;
    height:6.5%!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
}

/* =========================================================
   XYRA FINAL SHARP HTML HERO
   Hintergrund ohne eingebrannte Schrift, echter scharfer HTML-Text, 15% kleiner.
   ========================================================= */

html,body{overflow-x:hidden!important}

section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroSharpHtml.xyra-hero-sharp-html{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__content{
  position:absolute!important;
  left:4.25%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30.5%!important;
  z-index:40!important;
  color:#061f40!important;
  line-height:1!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__kicker{
  margin:0 0 15px!important;
  color:#0069b4!important;
  font-size:clamp(11px,.80vw,15px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

#xyraHeroSharpHtml h1{
  margin:0 0 24px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(66px,5.06vw,112px)!important; /* ca. 15% kleiner */
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroSharpHtml h1 span{
  color:#1e67b1!important;
  font-style:italic!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__text{
  margin:0!important;
  max-width:520px!important;
  color:rgba(6,31,64,.86)!important;
  font-size:clamp(14.5px,.92vw,18.5px)!important; /* ca. 15% kleiner */
  line-height:1.55!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__buttons{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:29px!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:49px!important; /* 15% kleiner */
  min-width:196px!important;
  padding:0 25px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:11.5px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__btn--primary{
  background:#061f40!important;
  color:#fff!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__btn--secondary{
  background:rgba(255,255,255,.58)!important;
  color:#061f40!important;
}

#xyraHeroSharpHtml .xyra-hero-sharp-html__btn--secondary:hover{
  background:#061f40!important;
  color:#fff!important;
}

body:has(#xyraHeroSharpHtml) main,
body:has(#xyraHeroSharpHtml) #MainContent,
body:has(#xyraHeroSharpHtml) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% grösser */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroSharpHtml.xyra-hero-sharp-html{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroSharpHtml .xyra-hero-sharp-html__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #xyraHeroSharpHtml .xyra-hero-sharp-html__content{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }
  #xyraHeroSharpHtml h1{font-size:clamp(40px,10vw,60px)!important}
  #xyraHeroSharpHtml .xyra-hero-sharp-html__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #xyraHeroSharpHtml .xyra-hero-sharp-html__btn{
    width:100%!important;
    min-width:0!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
}

/* =========================================================
   XYRA FINAL CLEAN NO ARTIFACTS
   ========================================================= */

html,body{overflow-x:hidden!important}

section.xyra-hero-sharp-html,
section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroCleanFinal.xyra-hero-clean-final-html{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__content{
  position:absolute!important;
  left:4.25%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30.5%!important;
  z-index:40!important;
  color:#061f40!important;
  line-height:1!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__kicker{
  margin:0 0 15px!important;
  color:#0069b4!important;
  font-size:clamp(11px,.80vw,15px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

#xyraHeroCleanFinal h1{
  margin:0 0 24px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(66px,5.06vw,112px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroCleanFinal h1 span{
  color:#1e67b1!important;
  font-style:italic!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__text{
  margin:0!important;
  max-width:520px!important;
  color:rgba(6,31,64,.86)!important;
  font-size:clamp(14.5px,.92vw,18.5px)!important;
  line-height:1.55!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__buttons{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:29px!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:49px!important;
  min-width:196px!important;
  padding:0 25px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:11.5px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__btn--primary{
  background:#061f40!important;
  color:#fff!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__btn--secondary{
  background:rgba(255,255,255,.58)!important;
  color:#061f40!important;
}

#xyraHeroCleanFinal .xyra-hero-clean-final-html__btn--secondary:hover{
  background:#061f40!important;
  color:#fff!important;
}

body:has(#xyraHeroCleanFinal) main,
body:has(#xyraHeroCleanFinal) #MainContent,
body:has(#xyraHeroCleanFinal) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% grösser */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroCleanFinal.xyra-hero-clean-final-html{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroCleanFinal .xyra-hero-clean-final-html__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #xyraHeroCleanFinal .xyra-hero-clean-final-html__content{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }
  #xyraHeroCleanFinal h1{font-size:clamp(40px,10vw,60px)!important}
  #xyraHeroCleanFinal .xyra-hero-clean-final-html__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #xyraHeroCleanFinal .xyra-hero-clean-final-html__btn{
    width:100%!important;
    min-width:0!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
}

/* =========================================================
   XYRA FINAL CLEAN SEAMLESS LARGER
   - kein neues Wasser
   - keine doppelte Frau
   - keine eingebrannte Schrift
   - echte scharfe HTML-Schrift
   - echte klickbare Buttons
   ========================================================= */

html,body{overflow-x:hidden!important}

section.xyra-hero-water-match,
section.xyra-hero-clean-final-html,
section.xyra-hero-sharp-html,
section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroFinalSeamless.xyra-hero-final-seamless{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__content{
  position:absolute!important;
  left:4.25%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:31.5%!important;
  z-index:40!important;
  color:#061f40!important;
  line-height:1!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__kicker{
  margin:0 0 16px!important;
  color:#0069b4!important;
  font-size:clamp(12px,.88vw,16px)!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}

/* etwas groesser als die letzte kleine Version */
#xyraHeroFinalSeamless h1{
  margin:0 0 25px!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(73px,5.62vw,124px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  color:#061f40!important;
}

#xyraHeroFinalSeamless h1 span{
  color:#1e67b1!important;
  font-style:italic!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__text{
  margin:0!important;
  max-width:540px!important;
  color:rgba(6,31,64,.88)!important;
  font-size:clamp(15.5px,.98vw,20px)!important;
  line-height:1.55!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__buttons{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  margin-top:31px!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:53px!important;
  min-width:210px!important;
  padding:0 27px!important;
  border:2px solid #061f40!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__btn--primary{
  background:#061f40!important;
  color:#fff!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__btn--secondary{
  background:rgba(255,255,255,.58)!important;
  color:#061f40!important;
}

#xyraHeroFinalSeamless .xyra-hero-final-seamless__btn--secondary:hover{
  background:#061f40!important;
  color:#fff!important;
}

body:has(#xyraHeroFinalSeamless) main,
body:has(#xyraHeroFinalSeamless) #MainContent,
body:has(#xyraHeroFinalSeamless) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% groesser */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroFinalSeamless.xyra-hero-final-seamless{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroFinalSeamless .xyra-hero-final-seamless__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #xyraHeroFinalSeamless .xyra-hero-final-seamless__content{
    left:24px!important;
    right:24px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }
  #xyraHeroFinalSeamless h1{font-size:clamp(42px,10.8vw,64px)!important}
  #xyraHeroFinalSeamless .xyra-hero-final-seamless__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #xyraHeroFinalSeamless .xyra-hero-final-seamless__btn{
    width:100%!important;
    min-width:0!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
}

/* =========================================================
   XYRA EXACT UPLOADED HERO
   Exakt das gewünschte Hero-Bild, keine Retusche, Buttons klickbar.
   ========================================================= */

html,body{overflow-x:hidden!important}

section.xyra-hero-final-seamless,
section.xyra-hero-water-match,
section.xyra-hero-clean-final-html,
section.xyra-hero-sharp-html,
section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{display:none!important}

#xyraHeroExactUploaded.xyra-hero-exact-uploaded{
  position:relative!important;
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin:0!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroExactUploaded .xyra-hero-exact-uploaded__image{
  display:block!important;
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Unsichtbare echte Links auf den sichtbaren Bild-Buttons */
#xyraHeroExactUploaded .xyra-hero-exact-uploaded__hotspot{
  position:absolute!important;
  z-index:50!important;
  display:block!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

#xyraHeroExactUploaded .xyra-hero-exact-uploaded__hotspot--collection{
  left:4.62%!important;
  top:78.35%!important;
  width:10.75%!important;
  height:5.95%!important;
}

#xyraHeroExactUploaded .xyra-hero-exact-uploaded__hotspot--bags{
  left:15.95%!important;
  top:78.35%!important;
  width:11.15%!important;
  height:5.95%!important;
}

#xyraHeroExactUploaded .xyra-hero-exact-uploaded__hotspot:focus-visible{
  outline:3px solid #0069b4!important;
  outline-offset:3px!important;
}

body:has(#xyraHeroExactUploaded) main,
body:has(#xyraHeroExactUploaded) #MainContent,
body:has(#xyraHeroExactUploaded) .content-for-layout{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% groesser beibehalten */
#collection .page{width:min(100% - 48px,1225px)!important;max-width:1225px!important}
#collection .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroExactUploaded.xyra-hero-exact-uploaded{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }
  #xyraHeroExactUploaded .xyra-hero-exact-uploaded__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #xyraHeroExactUploaded .xyra-hero-exact-uploaded__hotspot--collection{
    left:4.8%!important;
    top:78%!important;
    width:28%!important;
    height:6.5%!important;
  }
  #xyraHeroExactUploaded .xyra-hero-exact-uploaded__hotspot--bags{
    left:34%!important;
    top:78%!important;
    width:28%!important;
    height:6.5%!important;
  }
  #collection .page{width:calc(100% - 32px)!important}
  #collection .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
}

/* =========================================================
   XYRA FINAL TRUE FULLWIDTH SHARP
   - kein 133%-Scaling
   - kein Browser-Zoom-Hack
   - kein nachträgliches Weichzeichnen
   - Fullwidth 100vw
   - Buttons funktionieren
   ========================================================= */

html,body{
  overflow-x:hidden!important;
}

section.xyra-hero-exact-uploaded,
section.xyra-hero-final-seamless,
section.xyra-hero-water-match,
section.xyra-hero-clean-final-html,
section.xyra-hero-sharp-html,
section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero{
  display:none!important;
}

#xyraHeroFinalSharp.xyra-hero-final-sharp{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  height:calc(100vh - 99px)!important;
  min-height:640px!important;
  margin:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fffaf3!important;
  line-height:0!important;
  z-index:2!important;
}

#xyraHeroFinalSharp .xyra-hero-final-sharp__image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}

#xyraHeroFinalSharp .xyra-hero-final-sharp__hotspot{
  position:absolute!important;
  z-index:50!important;
  display:block!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

/* Button-Positionen exakt auf dem gewünschten Hero-Mockup */
#xyraHeroFinalSharp .xyra-hero-final-sharp__hotspot--collection{
  left:4.55%!important;
  top:78.6%!important;
  width:10.95%!important;
  height:6.1%!important;
}

#xyraHeroFinalSharp .xyra-hero-final-sharp__hotspot--bags{
  left:15.95%!important;
  top:78.6%!important;
  width:11.25%!important;
  height:6.1%!important;
}

#xyraHeroFinalSharp .xyra-hero-final-sharp__hotspot:focus-visible{
  outline:3px solid #0069b4!important;
  outline-offset:3px!important;
}

body:has(#xyraHeroFinalSharp) main,
body:has(#xyraHeroFinalSharp) #MainContent,
body:has(#xyraHeroFinalSharp) .content-for-layout,
body:has(#xyraHeroFinalSharp) .shopify-section,
body:has(#xyraHeroFinalSharp) .page-width{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}

/* Bestseller ca. 25% groesser beibehalten */
#collection .page{
  width:min(100% - 48px,1225px)!important;
  max-width:1225px!important;
}
#collection .product-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:28px!important;
}
#collection .product-info{padding:20px!important}
#collection .product-title{font-size:16px!important}
#collection .price{font-size:23px!important}

@media(max-width:780px){
  #xyraHeroFinalSharp.xyra-hero-final-sharp{
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
  }

  #xyraHeroFinalSharp .xyra-hero-final-sharp__image{
    object-fit:cover!important;
    object-position:center center!important;
  }

  #xyraHeroFinalSharp .xyra-hero-final-sharp__hotspot--collection{
    left:4.8%!important;
    top:78%!important;
    width:28%!important;
    height:6.5%!important;
  }

  #xyraHeroFinalSharp .xyra-hero-final-sharp__hotspot--bags{
    left:34%!important;
    top:78%!important;
    width:28%!important;
    height:6.5%!important;
  }

  #collection .page{
    width:calc(100% - 32px)!important;
  }
  #collection .product-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:18px!important;
  }
}

/* =========================================================
   XYRA FINAL FULLWIDTH HIGHRES
   - volle Breite im Shopify Preview auch bei 75% Zoom
   - hochauflösendes Hero-Bild
   - keine schlechte 910px-Version
   - Buttons klickbar
   ========================================================= */

html, body {
  overflow-x: hidden !important;
}

section.xyra-hero-final-sharp,
section.xyra-hero-exact-uploaded,
section.xyra-hero-final-seamless,
section.xyra-hero-water-match,
section.xyra-hero-clean-final-html,
section.xyra-hero-sharp-html,
section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero {
  display: none !important;
}

#xyraHeroFullwidthHighres.xyra-hero-fullwidth-highres {
  position: relative !important;
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  min-width: 133.333333vw !important;
  height: calc((100vh - 99px) / .75) !important;
  min-height: 860px !important;
  margin: 0 !important;
  margin-left: calc(50% - 66.666666vw) !important;
  margin-right: calc(50% - 66.666666vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: #fffaf3 !important;
  z-index: 2 !important;
}

#xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__image {
  display: block !important;
  width: 133.333333vw !important;
  max-width: 133.333333vw !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  image-rendering: auto !important;
}

#xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__hotspot {
  position: absolute !important;
  z-index: 50 !important;
  display: block !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Button-Flächen passend zum Highres-Hero */
#xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__hotspot--collection {
  left: 4.60% !important;
  top: 78.55% !important;
  width: 11.20% !important;
  height: 6.15% !important;
}

#xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__hotspot--bags {
  left: 16.20% !important;
  top: 78.55% !important;
  width: 11.40% !important;
  height: 6.15% !important;
}

#xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__hotspot:focus-visible {
  outline: 3px solid #0069b4 !important;
  outline-offset: 3px !important;
}

body:has(#xyraHeroFullwidthHighres) main,
body:has(#xyraHeroFullwidthHighres) #MainContent,
body:has(#xyraHeroFullwidthHighres) .content-for-layout,
body:has(#xyraHeroFullwidthHighres) .shopify-section,
body:has(#xyraHeroFullwidthHighres) .page-width {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Bestseller ca. 25% groesser beibehalten */
#collection .page {
  width: min(100% - 48px, 1225px) !important;
  max-width: 1225px !important;
}
#collection .product-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
}
#collection .product-info { padding: 20px !important; }
#collection .product-title { font-size: 16px !important; }
#collection .price { font-size: 23px !important; }

@media (max-width: 780px) {
  #xyraHeroFullwidthHighres.xyra-hero-fullwidth-highres {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: calc(100vh - 86px) !important;
    min-height: 620px !important;
  }

  #xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__hotspot--collection {
    left: 4.8% !important;
    top: 78% !important;
    width: 28% !important;
    height: 6.5% !important;
  }

  #xyraHeroFullwidthHighres .xyra-hero-fullwidth-highres__hotspot--bags {
    left: 34% !important;
    top: 78% !important;
    width: 28% !important;
    height: 6.5% !important;
  }

  #collection .page {
    width: calc(100% - 32px) !important;
  }
  #collection .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

/* =========================================================
   XYRA FINAL SIMPLE GOOD
   Ziel: sauber, volle Breite, keine Header-Artefakte, Buttons klickbar.
   ========================================================= */

html, body {
  overflow-x: hidden !important;
}

section.xyra-hero-fullwidth-highres,
section.xyra-hero-final-sharp,
section.xyra-hero-exact-uploaded,
section.xyra-hero-final-seamless,
section.xyra-hero-water-match,
section.xyra-hero-clean-final-html,
section.xyra-hero-sharp-html,
section.xyra-hero-clean-visual,
section.xyra-hero-html-fixed,
section.xyra-hero-single-text,
section.xyra-hero-real-html,
section.xyra-hero-exact-generated,
section.xyra-hero-greek-clean,
section.xyra-hero-clean-sea,
section.xyra-hero-fixed,
section.xyra-hero-only,
section.xyra-hero-final,
section.xyra-hero-clean-final,
section.xyra-hero-text-overlay,
section.xyra-highres-hero,
section.xyra-reference-hero,
section.xyra-hero-true,
section.xyra-hero-exact-fullbleed,
section.xyra-hero-cover-final,
section.xyra-home-hero-final,
section.xyra-hero-final-fullbleed,
section.xyra-hero-true-fullbleed,
section.xyra-hero-final-single,
section.xyra-hero-edge-final,
section.xyra-hero-fw-real,
section.xyra-hero-fw-final,
section.xyra-hero-image-only,
section.xyra-full-image-hero,
section.xyra-hero-full,
.hero {
  display: none !important;
}

#xyraHeroSimpleGood.xyra-hero-simple-good {
  position: relative !important;
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  height: calc(100vh - 99px) !important;
  min-height: 650px !important;
  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fffaf3 !important;
  line-height: 0 !important;
  z-index: 2 !important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  image-rendering: auto !important;
}

/* Echte klickbare Flächen über den sichtbaren Buttons */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot {
  position: absolute !important;
  z-index: 50 !important;
  display: block !important;
  background: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection {
  left: 4.45% !important;
  top: 78.3% !important;
  width: 11.2% !important;
  height: 6.3% !important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags {
  left: 16.1% !important;
  top: 78.3% !important;
  width: 11.4% !important;
  height: 6.3% !important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:focus-visible {
  outline: 3px solid #0069b4 !important;
  outline-offset: 3px !important;
}

body:has(#xyraHeroSimpleGood) main,
body:has(#xyraHeroSimpleGood) #MainContent,
body:has(#xyraHeroSimpleGood) .content-for-layout,
body:has(#xyraHeroSimpleGood) .shopify-section,
body:has(#xyraHeroSimpleGood) .page-width {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Kategorien wieder gross halten */
.category-grid,
.categories-grid,
.home-categories,
.xyra-category-grid {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.category-card,
.categories__item,
.xyra-category-card {
  min-height: 420px !important;
}

/* Bestseller leicht groesser */
#collection .page {
  width: min(100% - 48px, 1225px) !important;
  max-width: 1225px !important;
}
#collection .product-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
}
#collection .product-info { padding: 20px !important; }
#collection .product-title { font-size: 16px !important; }
#collection .price { font-size: 23px !important; }

@media (min-width: 781px) {
  /* Shopify Preview wirkt optisch bei 75% Zoom manchmal schmal:
     nur die Container werden befreit, kein Bild wird zusätzlich schlecht skaliert. */
  #xyraHeroSimpleGood.xyra-hero-simple-good {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
  }
}

@media (max-width: 780px) {
  #xyraHeroSimpleGood.xyra-hero-simple-good {
    height: calc(100vh - 86px) !important;
    min-height: 620px !important;
  }

  #xyraHeroSimpleGood .xyra-hero-simple-good__image {
    object-fit: cover !important;
    object-position: center center !important;
  }

  #xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection {
    left: 4.8% !important;
    top: 78% !important;
    width: 28% !important;
    height: 6.5% !important;
  }

  #xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags {
    left: 34% !important;
    top: 78% !important;
    width: 28% !important;
    height: 6.5% !important;
  }

  #collection .page {
    width: calc(100% - 32px) !important;
  }
  #collection .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

/* =========================================================
   XYRA FINAL FULLSCREEN GOOD
   gleiche Bildqualität, volle Breite und volle Hero-Höhe
   ========================================================= */

#xyraHeroSimpleGood.xyra-hero-simple-good{
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  min-width:133.333333vw!important;
  height:calc((100vh - 99px)/.75)!important;
  min-height:860px!important;
  margin-left:calc(50% - 66.666666vw)!important;
  margin-right:calc(50% - 66.666666vw)!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__image{
  width:133.333333vw!important;
  max-width:133.333333vw!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  left:4.45%!important;
  top:78.3%!important;
  width:11.2%!important;
  height:6.3%!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  left:16.1%!important;
  top:78.3%!important;
  width:11.4%!important;
  height:6.3%!important;
}

@media(max-width:780px){
  #xyraHeroSimpleGood.xyra-hero-simple-good{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }

  #xyraHeroSimpleGood .xyra-hero-simple-good__image{
    width:100%!important;
    max-width:100%!important;
  }
}


/* XYRA final */
#xyraHeroSimpleGood p{
  color:#243547!important;
  text-shadow:0 1px 2px rgba(255,255,255,.2)!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button--secondary,
#xyraHeroSimpleGood .xyra-hero-simple-good__button--outline,
#xyraHeroSimpleGood a[href*='taschen']{
  background:#fff!important;
  opacity:1!important;
  backdrop-filter:none!important;
  border:2px solid #10284b!important;
  color:#10284b!important;
}


/* =========================================================
   XYRA BUTTONS FINAL FIX
   echte sichtbare Buttons, klickbar, Hover-Highlight
   ========================================================= */

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:1!important;
  backdrop-filter:none!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  background:#061f40!important;
  border:2px solid #061f40!important;
  color:#ffffff!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  background:#ffffff!important;
  border:2px solid #061f40!important;
  color:#061f40!important;
}

/* Hover: klar sichtbar, damit man merkt, dass es klickbar ist */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:focus-visible{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 24px rgba(6,31,64,.24)!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:focus-visible{
  background:#123a6b!important;
  border-color:#123a6b!important;
  color:#ffffff!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:focus-visible{
  background:#061f40!important;
  border-color:#061f40!important;
  color:#ffffff!important;
}

/* Text oberhalb Buttons dunkler/lesbarer */
#xyraHeroSimpleGood .xyra-hero-simple-good__image{
  filter:none!important;
}


/* Clean rectangular buttons */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::after{
  content:none!important;
  display:none!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot{
  border-radius:0!important;
  box-shadow:none!important;
  background-image:none!important;
  overflow:hidden!important;
}


/* =========================================================
   XYRA BUTTONS CLEAN RECTANGLES - final
   Entfernt alle Versätze / Schatten / Pseudo-Ränder.
   ========================================================= */

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:after{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
  border-radius:0!important;
  outline:none!important;
  background-image:none!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot{
  height:54px!important;
  min-height:54px!important;
  line-height:54px!important;
  padding:0 30px!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
  font-weight:1000!important;
  z-index:60!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}

/* exakte saubere Rechtecke ohne überstehende Linien */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  background:#061f40!important;
  color:#ffffff!important;
  border:2px solid #061f40!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  background:#ffffff!important;
  color:#061f40!important;
  border:2px solid #061f40!important;
}

/* Hover sauber, ohne Bewegung und ohne Schatten */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:focus-visible{
  background:#123a6b!important;
  color:#ffffff!important;
  border-color:#123a6b!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:focus-visible{
  background:#061f40!important;
  color:#ffffff!important;
  border-color:#061f40!important;
}

/* Position minimal sauberer, gleiche Höhe und ohne Überlappung */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  left:4.45%!important;
  top:78.25%!important;
  width:11.45%!important;
}

#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  left:16.35%!important;
  top:78.25%!important;
  width:11.45%!important;
}


/* XYRA: Boat image in Cleaner-Luxus image slot */
.xyra-editorial-boat{display:none!important;}

.xyra-cleaner-luxus{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  background:#fff!important;
  border-top:1px solid rgba(6,31,64,.08)!important;
  border-bottom:1px solid rgba(6,31,64,.08)!important;
}
.xyra-cleaner-luxus__image{
  display:block!important;
  width:100%!important;
  height:650px!important;
  overflow:hidden!important;
}
.xyra-cleaner-luxus__image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.xyra-cleaner-luxus__text{
  padding:7vw!important;
}
.xyra-cleaner-luxus__text p{
  margin:0 0 18px!important;
  color:#0069b4!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.18em!important;
}
.xyra-cleaner-luxus__text h2{
  margin:0 0 28px!important;
  color:#061f40!important;
  font-family:Georgia,serif!important;
  font-size:clamp(42px,4vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:500!important;
}
.xyra-cleaner-luxus__text span{
  display:block!important;
  margin:0 0 34px!important;
  color:#26384f!important;
  font-size:15px!important;
  line-height:1.7!important;
  max-width:660px!important;
}
.xyra-cleaner-luxus__text a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:0 32px!important;
  background:#061f40!important;
  color:#fff!important;
  border:2px solid #061f40!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:12px!important;
  font-weight:1000!important;
}

/* Falls das bestehende Cleaner-Luxus-Layout eine andere Klasse nutzt: linkes Bild ersetzen */
[class*="editorial"] img[src*="xyra-editorial"],
[class*="cleaner"] img[src*="xyra-editorial"]{
  content:url("{{ 'xyra-boat-editorial.jpg' | asset_url }}")!important;
}

@media(max-width:900px){
  .xyra-cleaner-luxus{grid-template-columns:1fr!important;}
  .xyra-cleaner-luxus__image{height:520px!important;}
  .xyra-cleaner-luxus__text{padding:48px 24px 56px!important;}
}

/* =========================================================
   XYRA FINAL: NUR SCHRIFT/BUTTONS - Hintergrund unveraendert
   Basis bleibt xyra-theme-genau-so. Keine Hero-Bild-/Groessen-Aenderung.
   ========================================================= */
#xyraHeroSimpleGood .xyra-hero-simple-good__image{
  filter:none!important;
  transform:none!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::after{
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  background-image:none!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::after{
  content:none!important;
  display:none!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 36px!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.105em!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:80!important;
  transform:none!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  left:4.45%!important;
  top:78.25%!important;
  width:15.1%!important;
  background:#061f40!important;
  color:#fff!important;
  border:2px solid #061f40!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  left:20.4%!important;
  top:78.25%!important;
  width:14.2%!important;
  background:#fff!important;
  color:#061f40!important;
  border:2px solid #061f40!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:focus-visible{
  background:#123a6b!important;
  border-color:#123a6b!important;
  color:#fff!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:focus-visible{
  background:#061f40!important;
  border-color:#061f40!important;
  color:#fff!important;
}

/* =========================================================
   XYRA FINAL FIX: NUR DIE 2 HERO-BUTTONS
   Hintergrund, Hero-Groesse, Bild und Schrift bleiben unveraendert.
   ========================================================= */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 24px!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.075em!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:999!important;
  transform:none!important;
  background-image:none!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::after{
  content:none!important;
  display:none!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  left:4.35%!important;
  top:78.25%!important;
  width:11.55%!important;
  background:#061f40!important;
  color:#ffffff!important;
  border:2px solid #061f40!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  left:16.25%!important;
  top:78.25%!important;
  width:11.65%!important;
  background:#ffffff!important;
  color:#061f40!important;
  border:2px solid #061f40!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection:focus-visible{
  background:#0b2b55!important;
  border-color:#0b2b55!important;
  color:#ffffff!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags:focus-visible{
  background:#061f40!important;
  border-color:#061f40!important;
  color:#ffffff!important;
}

/* =========================================================
   XYRA FINAL: NUR BUTTON-FIX
   Keine sichtbaren HTML-Buttons mehr: Das Hero-Bild enthaelt
   bereits die gewuenschten Buttons. Diese Links bleiben nur
   als unsichtbare Klickflaechen darueber. Hintergrund, Groesse,
   Text und Bild bleiben unveraendert.
   ========================================================= */
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:focus,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot:focus-visible{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  position:absolute!important;
  z-index:90!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:none!important;
  overflow:hidden!important;
  border-radius:0!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::after{
  content:none!important;
  display:none!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--collection{
  left:4.45%!important;
  top:78.30%!important;
  width:11.20%!important;
  height:6.30%!important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot--bags{
  left:16.10%!important;
  top:78.30%!important;
  width:11.40%!important;
  height:6.30%!important;
}

/* XYRA FINAL: real text + real buttons, no text baked into image */
#xyraHeroSimpleGood.xyra-hero-simple-good{
  position:relative !important;
  overflow:hidden !important;
  background:#d9edf8 !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::before,
#xyraHeroSimpleGood .xyra-hero-simple-good__hotspot::after{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__content{
  position:absolute !important;
  left:4.35% !important;
  top:23.4% !important;
  z-index:5 !important;
  width:min(34vw, 560px) !important;
  max-width:560px !important;
  color:#071f3f !important;
  text-align:left !important;
  pointer-events:auto !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__kicker{
  margin:0 0 14px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(11px, .82vw, 15px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#0872bf !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__heading{
  margin:0 0 26px !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  font-size:clamp(58px, 5.4vw, 104px) !important;
  line-height:.86 !important;
  font-weight:500 !important;
  letter-spacing:-.055em !important;
  color:#051d3d !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__heading span,
#xyraHeroSimpleGood .xyra-hero-simple-good__heading em{
  display:block !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__heading em{
  font-style:italic !important;
  color:#267ac5 !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__text{
  margin:0 0 28px !important;
  max-width:440px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(13px, .9vw, 17px) !important;
  line-height:1.58 !important;
  font-weight:500 !important;
  color:#09284a !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__actions{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:202px !important;
  min-height:52px !important;
  padding:0 28px !important;
  border-radius:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.105em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button--primary{
  background:#061f43 !important;
  border:1.5px solid #061f43 !important;
  color:#fff !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button--secondary{
  background:rgba(255,255,255,.82) !important;
  border:1.5px solid #061f43 !important;
  color:#061f43 !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__button:focus-visible{
  transform:translateY(-1px) !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button--primary:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__button--primary:focus-visible{
  background:#0b2d5b !important;
  border-color:#0b2d5b !important;
  color:#fff !important;
}
#xyraHeroSimpleGood .xyra-hero-simple-good__button--secondary:hover,
#xyraHeroSimpleGood .xyra-hero-simple-good__button--secondary:focus-visible{
  background:#fff !important;
  color:#061f43 !important;
}
@media (max-width: 780px){
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{
    left:6% !important;
    top:18% !important;
    width:88% !important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{
    font-size:clamp(48px, 13vw, 72px) !important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__actions{
    gap:10px !important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__button{
    min-width:0 !important;
    width:50% !important;
    min-height:48px !important;
    padding:0 14px !important;
    font-size:10px !important;
  }
}


/* XYRA requested fix: keep real HTML text, remove bad blue image area and top gap only */
body #MainContent,
body main#MainContent,
body .main-content,
body .shopify-section:has(#xyraHeroSimpleGood){
  margin-top:0 !important;
  padding-top:0 !important;
}
body #xyraHeroSimpleGood.xyra-hero-simple-good{
  margin-top:0 !important;
  padding-top:0 !important;
  top:0 !important;
  background:transparent !important;
}
body #xyraHeroSimpleGood .xyra-hero-simple-good__image{
  display:block !important;
  margin-top:0 !important;
  padding-top:0 !important;
  vertical-align:top !important;
}


/* XYRA final fixes: Startseite Bestseller, Kategorie-Sidebar, Produkt-Accordion */
.template-product .xyra-accordion summary{
  grid-template-columns:1fr 32px !important;
  text-align:left !important;
}
.template-product .xyra-accordion summary span,
.template-product .product__accordion summary span,
.template-product .accordion summary span{
  grid-column:1 !important;
  text-align:left !important;
  justify-self:start !important;
}
.template-product .xyra-accordion div,
.template-product .xyra-accordion div p,
.template-product .xyra-accordion div ul,
.template-product .xyra-accordion div ol,
.template-product .xyra-accordion div li,
.template-product .product__accordion .accordion__content,
.template-product .accordion__content,
.template-product .accordion__content p{
  text-align:left !important;
}
.template-product .xyra-accordion div,
.template-product .product__accordion .accordion__content,
.template-product .accordion__content{
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.template-product .xyra-accordion div ul,
.template-product .xyra-accordion div ol{
  padding-left:1.25em !important;
}
.xyra-catalog-layout{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:48px !important;
  align-items:start !important;
}
.xyra-sidebar.xyra-visible-sidebar{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:220px !important;
  min-width:220px !important;
  position:relative !important;
  z-index:2 !important;
}
.xyra-sidebar > details:not(.xyra-category-group){
  display:none !important;
}
.xyra-sidebar .xyra-category-group{
  display:block !important;
}
@media(max-width:900px){
  .xyra-catalog-layout{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .xyra-sidebar.xyra-visible-sidebar{
    width:100% !important;
    min-width:0 !important;
  }
}


/* XYRA final request: product accordion content left aligned, not centered */
body.template-product .xyra-accordion,
body.template-product .xyra-accordion *,
body.template-product .product__description,
body.template-product .product__description *,
body.template-product .accordion__content,
body.template-product .accordion__content *,
body.template-product .rte,
body.template-product .rte *{
  text-align:left !important;
}
body.template-product .xyra-accordion > div,
body.template-product .xyra-accordion > div *{
  margin-left:0 !important;
  margin-right:auto !important;
}
body.template-product .xyra-accordion p,
body.template-product .xyra-accordion ul,
body.template-product .xyra-accordion ol,
body.template-product .xyra-accordion li,
body.template-product .xyra-accordion h1,
body.template-product .xyra-accordion h2,
body.template-product .xyra-accordion h3,
body.template-product .xyra-accordion h4,
body.template-product .xyra-accordion h5,
body.template-product .xyra-accordion h6{
  text-align:left !important;
}
body.template-product .xyra-accordion ul,
body.template-product .xyra-accordion ol{
  list-style-position:outside !important;
  padding-left:1.35em !important;
}
body.template-product .xyra-accordion li{
  display:list-item !important;
}


/* XYRA strict final: product accordion/descriptions must stay left aligned */
body.template-product .xyra-product-info .xyra-accordion,
body.template-product .xyra-product-info .xyra-accordion summary,
body.template-product .xyra-product-info .xyra-accordion summary span,
body.template-product .xyra-product-info .xyra-accordion > div,
body.template-product .xyra-product-info .xyra-accordion > div *,
body.template-product .xyra-product-info .xyra-accordion .rte,
body.template-product .xyra-product-info .xyra-accordion .rte *,
body.template-product .xyra-product-info .product__description,
body.template-product .xyra-product-info .product__description *{
  text-align:left !important;
  justify-content:flex-start !important;
  justify-items:start !important;
  align-items:flex-start !important;
}
body.template-product .xyra-product-info .xyra-accordion > div{
  display:block !important;
  max-width:100% !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.template-product .xyra-product-info .xyra-accordion p,
body.template-product .xyra-product-info .xyra-accordion ul,
body.template-product .xyra-product-info .xyra-accordion ol{
  margin-left:0 !important;
  margin-right:0 !important;
}
body.template-product .xyra-product-info .xyra-accordion ul,
body.template-product .xyra-product-info .xyra-accordion ol{
  padding-left:1.35em !important;
  list-style-position:outside !important;
}

/* =========================================================
   XYRA FIX: Bestseller Produktbilder einheitlich hoch
   Nur Startseite-Bestseller, keine anderen Bereiche.
   ========================================================= */
.template-index [data-xyra-startseite-grid] .xyra-product-image,
body.template-index [data-xyra-startseite-grid] .xyra-product-image,
.template-index [data-xyra-startseite-grid] .product-image,
body.template-index [data-xyra-startseite-grid] .product-image{
  aspect-ratio:4/5 !important;
  width:100% !important;
  height:auto !important;
  overflow:hidden !important;
  background:#f6f5f3 !important;
  display:block !important;
}

.template-index [data-xyra-startseite-grid] .xyra-product-image img,
body.template-index [data-xyra-startseite-grid] .xyra-product-image img,
.template-index [data-xyra-startseite-grid] .product-image img,
body.template-index [data-xyra-startseite-grid] .product-image img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  mix-blend-mode:normal !important;
}

.template-index [data-xyra-startseite-grid] .xyra-product-card,
body.template-index [data-xyra-startseite-grid] .xyra-product-card,
.template-index [data-xyra-startseite-grid] .product-card,
body.template-index [data-xyra-startseite-grid] .product-card{
  align-self:start !important;
}

/* =========================================================
   XYRA RESPONSIVE REFERENCE SCALE
   Desktop reference: current 24.5-inch / 1920px look.
   Keeps proportions while adapting to viewport width.
   ========================================================= */
@media (min-width: 781px){
  #xyraHeroSimpleGood.xyra-hero-simple-good{
    width:var(--xyra-hero-width)!important;
    max-width:var(--xyra-hero-width)!important;
    min-width:var(--xyra-hero-width)!important;
    height:var(--xyra-hero-height)!important;
    min-height:620px!important;
    margin-left:calc(50% - var(--xyra-hero-half))!important;
    margin-right:calc(50% - var(--xyra-hero-half))!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    min-height:calc(86px * var(--xyra-reference-scale, 1))!important;
  }
  .xyra-nav a,
  .xyra-fixed-nav a{
    font-size:clamp(14px, calc(17px * var(--xyra-reference-scale, 1)), 20px)!important;
  }
  .xyra-logo span,
  .xyra-fixed-brand span{
    font-size:clamp(31px, calc(43px * var(--xyra-reference-scale, 1)), 54px)!important;
  }
  .xyra-round-icon,
  .xyra-icon{
    width:clamp(42px, calc(52px * var(--xyra-reference-scale, 1)), 60px)!important;
    height:clamp(42px, calc(52px * var(--xyra-reference-scale, 1)), 60px)!important;
  }
  #collection .page,
  .section .page{
    max-width:calc(1225px * var(--xyra-reference-scale, 1))!important;
  }
  #collection .product-grid{
    gap:clamp(20px, calc(28px * var(--xyra-reference-scale, 1)), 36px)!important;
  }
  .section{
    padding-top:clamp(58px, calc(76px * var(--xyra-reference-scale, 1)), 92px)!important;
    padding-bottom:clamp(58px, calc(76px * var(--xyra-reference-scale, 1)), 92px)!important;
  }
}

@media (max-width: 780px){
  #xyraHeroSimpleGood.xyra-hero-simple-good{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:calc(100vh - 86px)!important;
    min-height:620px!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* =========================================================
   XYRA FINAL FIX: Bestseller groesser + Hut-Bild sauber
   Scope: nur Startseite-Bestseller.
   ========================================================= */
#collection.section{
  padding-top:92px !important;
  padding-bottom:96px !important;
}
#collection .page{
  width:min(100% - 80px, 1460px) !important;
  max-width:1460px !important;
}
#collection .section-head{
  margin-bottom:42px !important;
  align-items:flex-end !important;
}
#collection .kicker{
  font-size:16px !important;
  letter-spacing:.24em !important;
  line-height:1.3 !important;
}
#collection .section-head h2{
  font-size:clamp(72px, 5.8vw, 112px) !important;
  line-height:.88 !important;
  letter-spacing:-.055em !important;
}
#collection .section-head p{
  font-size:15px !important;
  line-height:1.65 !important;
  max-width:700px !important;
}
#collection .section-head .btn{
  min-width:158px !important;
  min-height:58px !important;
  padding:18px 28px !important;
  font-size:14px !important;
  letter-spacing:.14em !important;
}
#collection [data-xyra-startseite-grid].product-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:28px !important;
}
#collection [data-xyra-startseite-grid] .xyra-product-image,
#collection [data-xyra-startseite-grid] .product-image{
  aspect-ratio:1 / 1.18 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#f6f5f3 !important;
}
#collection [data-xyra-startseite-grid] .xyra-product-image img,
#collection [data-xyra-startseite-grid] .product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  mix-blend-mode:normal !important;
  padding:0 !important;
}
#collection [data-xyra-startseite-grid] .xyra-product-info,
#collection [data-xyra-startseite-grid] .product-info{
  padding-top:22px !important;
}
#collection [data-xyra-startseite-grid] .xyra-product-title,
#collection [data-xyra-startseite-grid] .product-title{
  font-size:19px !important;
  line-height:1.3 !important;
  letter-spacing:.12em !important;
  font-weight:800 !important;
  color:#071f3f !important;
  min-height:54px !important;
}
#collection [data-xyra-startseite-grid] .xyra-product-price,
#collection [data-xyra-startseite-grid] .price{
  font-size:18px !important;
  line-height:1.35 !important;
  letter-spacing:.12em !important;
  font-weight:700 !important;
  color:#071f3f !important;
  margin-top:10px !important;
}
/* Hut-Karte gezielt groesser croppen, weil dieses Produktbild mehr Leerraum im Bild selbst hat. */
#collection [data-xyra-startseite-grid] .xyra-product-card:nth-child(2) .xyra-product-image img,
#collection [data-xyra-startseite-grid] .product-card:nth-child(2) .product-image img{
  object-fit:cover !important;
  object-position:center 48% !important;
  transform:scale(1.26) !important;
  transform-origin:center center !important;
}
#collection [data-xyra-startseite-grid] .xyra-product-card:nth-child(2):hover .xyra-product-image img,
#collection [data-xyra-startseite-grid] .product-card:nth-child(2):hover .product-image img{
  transform:scale(1.30) !important;
}
@media (max-width: 980px){
  #collection .page{width:min(100% - 32px, 760px) !important;}
  #collection [data-xyra-startseite-grid].product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px !important;}
  #collection .section-head h2{font-size:clamp(52px, 10vw, 78px) !important;}
}
@media (max-width: 560px){
  #collection{padding-top:58px !important; padding-bottom:64px !important;}
  #collection .page{width:min(100% - 22px, 420px) !important;}
  #collection [data-xyra-startseite-grid].product-grid{gap:16px !important;}
  #collection [data-xyra-startseite-grid] .xyra-product-title,
  #collection [data-xyra-startseite-grid] .product-title{font-size:13px !important; min-height:42px !important;}
  #collection [data-xyra-startseite-grid] .xyra-product-price,
  #collection [data-xyra-startseite-grid] .price{font-size:14px !important;}
}


/* XYRA final: readable small copy + smaller bestseller headline (requested) */
.template-index .hero p,
body.template-index .hero p,
main .hero:first-child p,
#MainContent .hero:first-child p{
  font-size:clamp(18px,1.08vw,21px) !important;
  line-height:1.72 !important;
  font-weight:650 !important;
  color:#061f3f !important;
  max-width:560px !important;
  letter-spacing:-.01em !important;
  text-shadow:0 1px 10px rgba(255,255,255,.35) !important;
}
.template-index #collection .section-head h2,
body.template-index #collection .section-head h2{
  font-size:clamp(44px,3.55vw,62px) !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}
.template-index #collection .section-head p,
body.template-index #collection .section-head p{
  font-size:clamp(17px,1.02vw,20px) !important;
  line-height:1.65 !important;
  font-weight:650 !important;
  color:#061f3f !important;
  max-width:760px !important;
  letter-spacing:-.005em !important;
}
.template-index .editorial-copy p,
.template-index .footer-editorial p,
.template-index .footer-note p,
body.template-index .editorial-copy p,
body.template-index .footer-editorial p,
body.template-index .footer-note p{
  font-size:clamp(18px,1.02vw,21px) !important;
  line-height:1.72 !important;
  font-weight:650 !important;
  color:#061f3f !important;
  max-width:780px !important;
  letter-spacing:-.005em !important;
}
.template-index .btn,
body.template-index .btn,
.template-index .editorial-copy .btn,
body.template-index .editorial-copy .btn{
  font-size:13px !important;
  min-height:54px !important;
}
@media (max-width:760px){
  .template-index .hero p,
  body.template-index .hero p,
  .template-index #collection .section-head p,
  body.template-index #collection .section-head p,
  .template-index .editorial-copy p,
  .template-index .footer-editorial p,
  .template-index .footer-note p{
    font-size:16px !important;
    line-height:1.68 !important;
  }
  .template-index #collection .section-head h2,
  body.template-index #collection .section-head h2{
    font-size:clamp(34px,9vw,48px) !important;
  }
}


/* XYRA final request: working all-category links visual + readable homepage copy */
.xyra-sidebar .xyra-sidebar-sub-2 > summary,
.xyra-sidebar details.xyra-sidebar-sub-2 > summary{
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Make the small homepage copy actually readable without changing layout structure */
#xyraHeroSimpleGood .xyra-hero-simple-good__text,
.template-index #xyraHeroSimpleGood .xyra-hero-simple-good__text{
  font-size:16.5px!important;
  line-height:1.55!important;
  font-weight:600!important;
  color:#061f40!important;
  max-width:430px!important;
  letter-spacing:-.01em!important;
}
.template-index .section-head p,
.template-index .featured-collection p,
.template-index .xyra-featured-collection p,
.template-index .collection__description,
.template-index .section-subtitle{
  font-size:16px!important;
  line-height:1.6!important;
  font-weight:500!important;
  color:#203855!important;
  max-width:620px!important;
}
.template-index .editorial p,
.template-index .editorial-copy p,
.template-index .xyra-editorial p,
.template-index .image-with-text p,
.template-index .footer-editorial p{
  font-size:16.5px!important;
  line-height:1.65!important;
  font-weight:500!important;
  color:#142b49!important;
  max-width:680px!important;
}
.template-index .kicker,
.template-index .section-kicker,
.template-index .xyra-kicker,
.template-index .editorial .eyebrow,
.template-index .eyebrow{
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
@media(max-width:780px){
  #xyraHeroSimpleGood .xyra-hero-simple-good__text,
  .template-index .section-head p,
  .template-index .featured-collection p,
  .template-index .xyra-featured-collection p,
  .template-index .editorial p,
  .template-index .editorial-copy p,
  .template-index .xyra-editorial p,
  .template-index .image-with-text p,
  .template-index .footer-editorial p{
    font-size:15px!important;
    line-height:1.55!important;
  }
}

/* XYRA category filter final fixes */
.xyra-sidebar .xyra-sidebar-sub-2 > summary { font-weight: 400 !important; }
.xyra-sidebar .xyra-sidebar-sub-2[open] > summary { font-weight: 400 !important; }


/* XYRA final request: all category links + 20 percent larger small homepage texts */
.template-index #xyraHeroSimpleGood .xyra-hero-simple-good__text,
body.template-index #xyraHeroSimpleGood .xyra-hero-simple-good__text{
  font-size:19.8px!important;
  line-height:1.68!important;
  font-weight:650!important;
  color:#061f40!important;
  max-width:520px!important;
  letter-spacing:-.01em!important;
}
.template-index #collection .section-head p,
body.template-index #collection .section-head p,
.template-index .featured-collection p,
body.template-index .featured-collection p,
.template-index .xyra-featured-collection p,
body.template-index .xyra-featured-collection p{
  font-size:19.2px!important;
  line-height:1.7!important;
  font-weight:600!important;
  color:#102944!important;
  max-width:760px!important;
  letter-spacing:-.005em!important;
}
.template-index .editorial-copy p,
body.template-index .editorial-copy p,
.template-index .footer-editorial p,
body.template-index .footer-editorial p,
.template-index .footer-note p,
body.template-index .footer-note p{
  font-size:19.8px!important;
  line-height:1.74!important;
  font-weight:600!important;
  color:#102944!important;
  max-width:820px!important;
  letter-spacing:-.005em!important;
}
.template-index .editorial-copy .kicker,
body.template-index .editorial-copy .kicker,
.template-index .footer-editorial .kicker,
body.template-index .footer-editorial .kicker,
.template-index .footer-note .kicker,
body.template-index .footer-note .kicker,
.template-index #collection .kicker,
body.template-index #collection .kicker{
  font-size:15.6px!important;
  line-height:1.35!important;
  font-weight:950!important;
  letter-spacing:.22em!important;
}
@media(max-width:780px){
  .template-index #xyraHeroSimpleGood .xyra-hero-simple-good__text,
  body.template-index #xyraHeroSimpleGood .xyra-hero-simple-good__text,
  .template-index #collection .section-head p,
  body.template-index #collection .section-head p,
  .template-index .featured-collection p,
  body.template-index .featured-collection p,
  .template-index .editorial-copy p,
  body.template-index .editorial-copy p,
  .template-index .footer-editorial p,
  body.template-index .footer-editorial p,
  .template-index .footer-note p,
  body.template-index .footer-note p{
    font-size:18px!important;
    line-height:1.65!important;
  }
  .template-index .editorial-copy .kicker,
  body.template-index .editorial-copy .kicker,
  .template-index .footer-editorial .kicker,
  body.template-index .footer-editorial .kicker,
  .template-index .footer-note .kicker,
  body.template-index .footer-note .kicker,
  .template-index #collection .kicker,
  body.template-index #collection .kicker{
    font-size:14px!important;
  }
}

/* =========================================================
   XYRA MOBILE/TABLET FINAL OPTIMIZATION
   Scope: only tablet + smartphone. Desktop >1199px stays untouched.
   ========================================================= */

@media (max-width:1199px){
  html{font-size:100% !important;}
  body{zoom:1 !important;overflow-x:hidden !important;}
  #MainContent,main{overflow-x:hidden !important;}
  .page{width:min(100% - 32px, 1120px) !important;}

  .xyra-header,.header.xyra-header{position:relative !important;z-index:90 !important;}
  .xyra-header-inner,.xyra-fixed-header-inner{min-height:76px !important;height:76px !important;padding-left:22px !important;padding-right:22px !important;}
  .xyra-nav,.xyra-fixed-nav{display:none !important;}
  .xyra-mobile-left-icons{display:flex !important;align-items:center !important;gap:10px !important;}
  .xyra-actions,.xyra-fixed-icons{display:flex !important;align-items:center !important;gap:10px !important;}
  .xyra-desktop-search,.xyra-desktop-cart{display:none !important;}
  .xyra-logo,.xyra-fixed-brand{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;text-align:center !important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:34px !important;line-height:.9 !important;letter-spacing:.08em !important;}
  .xyra-logo small,.xyra-fixed-brand small{font-size:10px !important;letter-spacing:.32em !important;}
  .xyra-icon,.xyra-round-icon{width:44px !important;height:44px !important;min-width:44px !important;}
  .xyra-lang-links{display:flex !important;gap:6px !important;align-items:center !important;}
  .xyra-lang-links a{font-size:12px !important;line-height:1 !important;padding:8px 4px !important;min-width:28px !important;text-align:center !important;}
  .xyra-drawer,.drawer.xyra-drawer{left:14px !important;right:14px !important;top:86px !important;border:1px solid rgba(7,31,63,.16) !important;box-shadow:0 22px 60px rgba(7,31,63,.18) !important;padding:12px 18px !important;background:#fff !important;z-index:120 !important;}
  .xyra-drawer.open,.drawer.xyra-drawer.open{display:block !important;}
  .xyra-drawer a,.drawer.xyra-drawer a{font-size:15px !important;line-height:1.3 !important;padding:15px 2px !important;letter-spacing:.11em !important;border-bottom:1px solid rgba(7,31,63,.10) !important;}

  #xyraHeroSimpleGood.xyra-hero-simple-good{width:100vw !important;max-width:100vw !important;min-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;height:calc(100svh - 76px) !important;min-height:620px !important;max-height:820px !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__image{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{left:6vw !important;top:16% !important;width:min(520px,88vw) !important;max-width:88vw !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__kicker{font-size:14px !important;letter-spacing:.18em !important;margin-bottom:14px !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{font-size:clamp(58px,8.4vw,88px) !important;line-height:.87 !important;margin-bottom:24px !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__text{font-size:18px !important;line-height:1.55 !important;max-width:500px !important;font-weight:600 !important;margin-bottom:24px !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__actions{gap:12px !important;flex-wrap:wrap !important;max-width:520px !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__button{min-height:54px !important;min-width:210px !important;font-size:12px !important;padding:0 22px !important;}

  .section{padding-top:68px !important;padding-bottom:72px !important;}
  .section-head{display:flex !important;align-items:flex-end !important;gap:20px !important;margin-bottom:30px !important;}
  .section h2,.section-head h2{font-size:clamp(46px,6vw,72px) !important;line-height:.92 !important;}
  .section-head p,.section p{font-size:18px !important;line-height:1.65 !important;}
  .kicker,.section .kicker{font-size:15px !important;letter-spacing:.20em !important;}
  .btn,.section-head .btn{min-height:50px !important;font-size:12px !important;padding:0 22px !important;white-space:nowrap !important;}

  #collection .page{width:min(100% - 36px, 1060px) !important;}
  #collection [data-xyra-startseite-grid].product-grid,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;}
  #collection [data-xyra-startseite-grid] .xyra-product-image,.product-image,.xyra-product-image{aspect-ratio:4/5 !important;}
  .xyra-product-title,.product-title{font-size:14px !important;line-height:1.35 !important;}
  .xyra-product-price,.price{font-size:15px !important;}
  .quick-add{min-height:44px !important;font-size:11px !important;}

  .xyra-final-category-row,.xyra-sorena-real-categories,.category-strip{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;padding:12px !important;}
  .xyra-final-category-row .category-tile,.xyra-sorena-real-categories .category-tile,.category-strip .category-tile{height:420px !important;min-height:420px !important;}
  .xyra-final-category-row .category-label h3,.xyra-sorena-real-categories .category-label h3,.category-strip .category-label h3{font-size:42px !important;}
  .xyra-final-category-row .category-label span,.xyra-sorena-real-categories .category-label span,.category-strip .category-label span{font-size:12px !important;}

  .xyra-catalog-toolbar,.xyra-clean-toolbar{min-height:auto !important;padding:22px 24px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;}
  .xyra-catalog-layout{display:grid !important;grid-template-columns:250px 1fr !important;gap:28px !important;width:min(100% - 34px,1120px) !important;margin:0 auto !important;}
  .xyra-visible-sidebar{padding-top:24px !important;}
  .xyra-visible-sidebar summary{font-size:15px !important;}
  .xyra-visible-sidebar a{font-size:15px !important;line-height:1.6 !important;}
  .xyra-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:30px 18px !important;}

  .product-page,.xyra-product-page{width:min(100% - 34px, 1040px) !important;grid-template-columns:1fr 1fr !important;gap:34px !important;}
  .product-summary,.xyra-product-summary{padding:28px !important;}
  .product-summary h1,.xyra-product-summary h1{font-size:42px !important;line-height:1.02 !important;}
  .footer-grid,.xyra-footer-grid{grid-template-columns:1.2fr 1fr 1fr !important;gap:24px !important;}
}

@media (max-width:780px){
  html{font-size:100% !important;}
  body{zoom:1 !important;overflow-x:hidden !important;-webkit-text-size-adjust:100% !important;}
  .announcement,.announcement-bar{font-size:11px !important;line-height:1.25 !important;padding:8px 10px !important;}
  .page{width:min(100% - 22px, 460px) !important;}

  .xyra-header-inner,.xyra-fixed-header-inner{height:68px !important;min-height:68px !important;padding-left:12px !important;padding-right:12px !important;display:grid !important;grid-template-columns:1fr auto 1fr !important;}
  .xyra-mobile-left-icons{grid-column:1 !important;justify-self:start !important;display:flex !important;gap:7px !important;}
  .xyra-logo,.xyra-fixed-brand{grid-column:2 !important;position:static !important;transform:none !important;justify-self:center !important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:28px !important;letter-spacing:.08em !important;}
  .xyra-logo small,.xyra-fixed-brand small{font-size:8px !important;letter-spacing:.28em !important;}
  .xyra-actions,.xyra-fixed-icons{grid-column:3 !important;justify-self:end !important;gap:5px !important;}
  .xyra-icon,.xyra-round-icon{width:38px !important;height:38px !important;min-width:38px !important;}
  .xyra-desktop-menu{display:none !important;}
  .xyra-lang-links{gap:1px !important;}
  .xyra-lang-links a{font-size:10px !important;padding:7px 2px !important;min-width:22px !important;}
  .xyra-drawer,.drawer.xyra-drawer{top:76px !important;left:10px !important;right:10px !important;padding:8px 16px !important;}
  .xyra-drawer a,.drawer.xyra-drawer a{font-size:14px !important;padding:14px 0 !important;}

  #xyraHeroSimpleGood.xyra-hero-simple-good{height:auto !important;min-height:0 !important;max-height:none !important;background:#eef7fb !important;display:flex !important;flex-direction:column !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__image{position:relative !important;width:100% !important;height:56svh !important;min-height:390px !important;max-height:540px !important;object-fit:cover !important;object-position:60% center !important;order:1 !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{position:relative !important;left:auto !important;top:auto !important;order:2 !important;width:100% !important;max-width:none !important;padding:28px 22px 34px !important;background:#eef7fb !important;color:#071f3f !important;box-sizing:border-box !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__kicker{font-size:12px !important;letter-spacing:.16em !important;margin-bottom:12px !important;color:#0872bf !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{font-size:clamp(45px, 14.5vw, 62px) !important;line-height:.88 !important;margin-bottom:18px !important;letter-spacing:-.055em !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__text{font-size:17px !important;line-height:1.55 !important;font-weight:600 !important;max-width:100% !important;margin-bottom:22px !important;color:#082747 !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__actions{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100% !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__button{width:100% !important;min-width:0 !important;min-height:52px !important;font-size:12px !important;padding:0 16px !important;}

  .section{padding-top:54px !important;padding-bottom:58px !important;}
  .section-head{display:block !important;margin-bottom:24px !important;}
  .section-head .btn{margin-top:18px !important;width:100% !important;display:flex !important;}
  .section h2,.section-head h2{font-size:clamp(38px,11vw,50px) !important;line-height:.95 !important;letter-spacing:-.05em !important;}
  .section-head p,.section p{font-size:17px !important;line-height:1.6 !important;max-width:100% !important;}
  .kicker,.section .kicker{font-size:13px !important;letter-spacing:.17em !important;}

  #collection.section{padding-top:56px !important;padding-bottom:62px !important;}
  #collection .page{width:min(100% - 22px, 460px) !important;}
  #collection .section-head h2{font-size:clamp(38px, 11vw, 50px) !important;}
  #collection [data-xyra-startseite-grid].product-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
  #collection [data-xyra-startseite-grid] .xyra-product-card,.xyra-product-card,.product-card{box-shadow:0 8px 24px rgba(7,31,63,.08) !important;}
  #collection [data-xyra-startseite-grid] .xyra-product-image,.xyra-product-image,.product-image{aspect-ratio:4/5 !important;width:100% !important;overflow:hidden !important;}
  #collection [data-xyra-startseite-grid] .xyra-product-image img,.xyra-product-image img,.product-image img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;}
  .xyra-product-info,.product-info{padding:12px 8px !important;}
  .xyra-product-title,.product-title{font-size:12px !important;line-height:1.35 !important;letter-spacing:.07em !important;min-height:auto !important;}
  .xyra-product-price,.price{font-size:13px !important;line-height:1.3 !important;}
  .quick-add{min-height:42px !important;font-size:10px !important;padding:10px 6px !important;}

  .xyra-final-category-row,.xyra-sorena-real-categories,.category-strip{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;padding:12px !important;}
  .xyra-final-category-row .category-tile,.xyra-sorena-real-categories .category-tile,.category-strip .category-tile{height:360px !important;min-height:360px !important;}
  .xyra-final-category-row .category-label,.xyra-sorena-real-categories .category-label,.category-strip .category-label{left:22px !important;bottom:24px !important;padding:0 !important;}
  .xyra-final-category-row .category-label h3,.xyra-sorena-real-categories .category-label h3,.category-strip .category-label h3{font-size:40px !important;line-height:.92 !important;}
  .xyra-final-category-row .category-label span,.xyra-sorena-real-categories .category-label span,.category-strip .category-label span{font-size:11px !important;letter-spacing:.14em !important;}

  .editorial,.footer-editorial,.lookbook,.image-with-text{grid-template-columns:1fr !important;gap:22px !important;}
  .editorial-copy,.footer-note{padding:22px 0 !important;}
  .editorial-copy h2,.footer-note h2{font-size:clamp(36px,10vw,48px) !important;line-height:.98 !important;}
  .editorial-copy p,.footer-note p,.footer-editorial p{font-size:17px !important;line-height:1.65 !important;}
  .editorial img,.footer-shot img,.lookbook img{width:100% !important;height:auto !important;object-fit:cover !important;}

  .xyra-catalog-toolbar,.xyra-clean-toolbar{display:block !important;min-height:0 !important;padding:18px 16px !important;text-align:center !important;}
  .xyra-count{font-size:13px !important;letter-spacing:.12em !important;margin-bottom:14px !important;}
  .xyra-sort{min-width:0 !important;width:100% !important;display:grid !important;grid-template-columns:1fr !important;gap:8px !important;justify-items:stretch !important;}
  .xyra-sort label{font-size:12px !important;text-align:left !important;}
  .xyra-sort select{width:100% !important;min-width:0 !important;min-height:48px !important;font-size:14px !important;}
  .xyra-catalog-layout{display:block !important;width:min(100% - 22px,460px) !important;margin:0 auto !important;}
  .xyra-visible-sidebar{padding:20px 0 24px !important;border-bottom:1px solid rgba(7,31,63,.12) !important;margin-bottom:24px !important;}
  .xyra-visible-sidebar details{margin-bottom:14px !important;padding-bottom:14px !important;}
  .xyra-visible-sidebar summary{font-size:14px !important;letter-spacing:.12em !important;padding:10px 0 !important;}
  .xyra-visible-sidebar a{font-size:15px !important;line-height:1.55 !important;padding:6px 0 !important;margin-top:3px !important;}
  .xyra-catalog-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px 14px !important;}
  .xyra-pagination{display:flex !important;justify-content:center !important;gap:12px !important;flex-wrap:wrap !important;margin-top:32px !important;}

  .product-page,.xyra-product-page{display:block !important;width:min(100% - 22px,460px) !important;padding-top:22px !important;}
  .product-gallery,.xyra-product-gallery{display:block !important;}
  .product-thumbs,.xyra-product-thumbs{display:flex !important;gap:8px !important;overflow-x:auto !important;padding-bottom:8px !important;margin-top:10px !important;}
  .thumb,.xyra-thumb{min-width:72px !important;width:72px !important;height:72px !important;}
  .product-summary,.xyra-product-summary{padding:20px 0 0 !important;}
  .product-summary h1,.xyra-product-summary h1{font-size:34px !important;line-height:1.05 !important;}
  .product-form__submit,.add-to-cart,.shopify-payment-button__button{min-height:52px !important;font-size:13px !important;}
  .xyra-accordion summary,.accordion summary{font-size:14px !important;padding:16px 0 !important;}
  .xyra-accordion p,.accordion p,.product__description{font-size:16px !important;line-height:1.65 !important;}

  .footer,.xyra-footer{padding:40px 0 !important;}
  .footer-grid,.xyra-footer-grid{grid-template-columns:1fr !important;gap:24px !important;width:min(100% - 24px,460px) !important;}
  .xyra-footer-top,.footer-top{text-align:left !important;width:min(100% - 24px,460px) !important;margin:auto !important;}
  .xyra-footer-top h2{font-size:38px !important;line-height:.98 !important;}
  .newsletter{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  .newsletter input,.newsletter button{min-height:48px !important;width:100% !important;}
}

@media (max-width:380px){
  #collection [data-xyra-startseite-grid].product-grid,.product-grid,.xyra-catalog-grid{gap:12px 10px !important;}
  .xyra-product-title,.product-title{font-size:11px !important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{font-size:43px !important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:24px !important;}
  .xyra-lang-links a{font-size:9px !important;min-width:19px !important;}
}

/* =========================================================
   XYRA MOBILE LUXURY FIX - ONLY MOBILE/TABLET
   Desktop bleibt unveraendert. Ziel: clean, hochwertig, bedienbar.
   ========================================================= */

@media (max-width: 780px){
  html,body{overflow-x:hidden!important;width:100%!important;background:#fff!important;}
  body{font-size:16px!important;-webkit-text-size-adjust:100%!important;}
  #MainContent,main{overflow:hidden!important;}

  /* Announcement */
  .announcement,.announcement-bar{
    min-height:auto!important;
    padding:10px 16px!important;
    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:.16em!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Header: keine ueberlappenden Icons/Logo/Sprachen */
  .xyra-header,.header.xyra-header,.xyra-fixed-header{
    position:relative!important;
    z-index:100!important;
    background:#fffdf8!important;
    border-bottom:1px solid rgba(7,31,63,.12)!important;
  }
  .xyra-header-inner,.xyra-fixed-header-inner{
    height:118px!important;
    min-height:118px!important;
    padding:12px 14px 10px!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    grid-template-rows:56px 34px!important;
    align-items:center!important;
    row-gap:4px!important;
    box-sizing:border-box!important;
  }
  .xyra-nav,.xyra-fixed-nav{display:none!important;}
  .xyra-mobile-left-icons{
    grid-column:1!important;grid-row:1!important;
    display:flex!important;align-items:center!important;justify-self:start!important;
    gap:8px!important;z-index:2!important;
  }
  .xyra-logo,.xyra-fixed-brand{
    grid-column:2!important;grid-row:1!important;
    position:static!important;transform:none!important;left:auto!important;top:auto!important;
    justify-self:center!important;text-align:center!important;z-index:1!important;
    min-width:112px!important;
  }
  .xyra-logo span,.xyra-fixed-brand span{
    font-size:30px!important;line-height:.88!important;letter-spacing:.12em!important;
  }
  .xyra-logo small,.xyra-fixed-brand small{
    display:block!important;font-size:8px!important;letter-spacing:.34em!important;margin-top:4px!important;
  }
  .xyra-actions,.xyra-fixed-icons{
    grid-column:1 / -1!important;grid-row:2!important;
    justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;gap:0!important;z-index:1!important;
  }
  .xyra-desktop-search,.xyra-desktop-cart,.xyra-desktop-menu{display:none!important;}
  .xyra-icon,.xyra-round-icon{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    border:1px solid rgba(7,31,63,.18)!important;background:#fff!important;border-radius:999px!important;
    box-shadow:0 8px 22px rgba(7,31,63,.08)!important;
  }
  .xyra-icon svg,.xyra-round-icon svg{width:21px!important;height:21px!important;}
  .xyra-lang-links{
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:8px!important;width:auto!important;background:transparent!important;
  }
  .xyra-lang-links a{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid rgba(7,31,63,.14)!important;border-radius:999px!important;
    padding:0!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;
    color:#071f3f!important;background:#fff!important;text-decoration:none!important;
  }
  .xyra-lang-links a.active{background:#071f3f!important;color:#fff!important;border-color:#071f3f!important;}
  .xyra-drawer,.drawer.xyra-drawer{
    top:124px!important;left:14px!important;right:14px!important;
    border-radius:0!important;border:1px solid rgba(7,31,63,.14)!important;
    background:#fff!important;box-shadow:0 24px 60px rgba(7,31,63,.20)!important;
    padding:10px 18px!important;z-index:150!important;
  }
  .xyra-drawer a,.drawer.xyra-drawer a{
    display:block!important;font-size:15px!important;line-height:1.2!important;padding:16px 0!important;
    letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important;
    border-bottom:1px solid rgba(7,31,63,.10)!important;color:#071f3f!important;
  }

  /* Hero: echtes Mobile-Luxuslayout, kein grosser Textblock unter dem Bild */
  #xyraHeroSimpleGood.xyra-hero-simple-good{
    position:relative!important;display:block!important;width:100vw!important;max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
    height:calc(100svh - 118px)!important;min-height:620px!important;max-height:760px!important;
    overflow:hidden!important;background:#071f3f!important;
  }
  #xyraHeroSimpleGood.xyra-hero-simple-good:after{
    content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(180deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.08) 48%,rgba(7,31,63,.72) 100%)!important;
    pointer-events:none!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__image{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:61% center!important;display:block!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:2!important;
    width:100%!important;max-width:none!important;padding:0 24px 30px!important;
    background:transparent!important;color:#fff!important;box-sizing:border-box!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__kicker{
    color:#9fd4ff!important;font-size:12px!important;line-height:1.25!important;letter-spacing:.18em!important;
    margin:0 0 12px!important;font-weight:950!important;text-shadow:0 2px 12px rgba(0,0,0,.32)!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{
    color:#fff!important;font-size:clamp(46px,13vw,60px)!important;line-height:.88!important;
    letter-spacing:-.055em!important;margin:0 0 16px!important;max-width:92vw!important;text-shadow:0 3px 20px rgba(0,0,0,.35)!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading em{color:#8fcfff!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__text{
    color:rgba(255,255,255,.92)!important;font-size:16px!important;line-height:1.55!important;font-weight:500!important;
    max-width:92vw!important;margin:0 0 18px!important;text-shadow:0 2px 14px rgba(0,0,0,.32)!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;max-width:none!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__button{
    width:100%!important;min-width:0!important;min-height:50px!important;padding:0 10px!important;
    font-size:11px!important;letter-spacing:.08em!important;border-radius:0!important;font-weight:950!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__button--primary{background:#071f3f!important;color:#fff!important;border-color:#071f3f!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__button--secondary{background:#fff!important;color:#071f3f!important;border-color:#fff!important;}

  /* Homepage Sections: ruhiger, sauber, nicht uebergross */
  .section{padding:58px 0!important;}
  .page{width:calc(100% - 36px)!important;max-width:460px!important;margin-left:auto!important;margin-right:auto!important;}
  .section-head{display:block!important;text-align:left!important;margin-bottom:26px!important;}
  .section-head h2,.section h2{
    font-size:clamp(38px,11vw,50px)!important;line-height:.96!important;letter-spacing:-.045em!important;margin:0 0 14px!important;
  }
  .kicker,.section .kicker,.editorial-copy .kicker,.footer-note .kicker{
    font-size:13px!important;line-height:1.25!important;letter-spacing:.18em!important;font-weight:950!important;color:#006eb8!important;margin-bottom:12px!important;
  }
  .section-head p,.section p,.editorial-copy p,.footer-note p,.footer-editorial p{
    font-size:16px!important;line-height:1.6!important;font-weight:500!important;color:#25384b!important;max-width:100%!important;
  }
  .btn,.section-head .btn{
    width:auto!important;min-width:178px!important;min-height:48px!important;padding:0 22px!important;margin-top:18px!important;
    font-size:11px!important;letter-spacing:.09em!important;font-weight:950!important;
  }

  /* Bestseller: zwei saubere Karten pro Reihe */
  #collection.section{padding-top:58px!important;padding-bottom:64px!important;}
  #collection .section-head{display:grid!important;grid-template-columns:1fr auto!important;gap:16px!important;align-items:end!important;}
  #collection .section-head h2{font-size:clamp(38px,10.5vw,48px)!important;}
  #collection .section-head p{font-size:16px!important;line-height:1.5!important;margin-top:4px!important;}
  #collection .section-head .btn{width:auto!important;min-width:144px!important;min-height:46px!important;margin:0!important;align-self:end!important;}
  #collection [data-xyra-startseite-grid].product-grid,.product-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px!important;
  }
  .product-card,.xyra-product-card{
    background:#fff!important;box-shadow:0 16px 34px rgba(7,31,63,.08)!important;border:1px solid rgba(7,31,63,.06)!important;
  }
  .product-image,.xyra-product-image{
    aspect-ratio:4/5!important;width:100%!important;height:auto!important;overflow:hidden!important;background:#f6f6f2!important;
  }
  .product-image img,.xyra-product-image img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;
  }
  .product-info,.xyra-product-info{padding:14px 8px 16px!important;text-align:center!important;}
  .product-title,.xyra-product-title{
    font-size:12px!important;line-height:1.32!important;letter-spacing:.08em!important;font-weight:950!important;min-height:42px!important;color:#071f3f!important;
  }
  .price,.xyra-product-price{font-size:14px!important;line-height:1.3!important;letter-spacing:.08em!important;font-weight:600!important;color:#071f3f!important;}

  /* Editorial Blocks: Bild und Text nicht riesig/abgeschnitten */
  .editorial,.footer-editorial,.lookbook,.image-with-text{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;overflow:hidden!important;background:#fff!important;
  }
  .editorial-media,.footer-shot,.lookbook-media{
    width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:#f6f2ea!important;
  }
  .editorial-media img,.footer-shot img,.lookbook-media img,.editorial img,.footer-editorial img{
    width:100%!important;height:auto!important;max-height:520px!important;object-fit:cover!important;object-position:center center!important;display:block!important;
  }
  .editorial-copy,.footer-note{
    width:100%!important;box-sizing:border-box!important;padding:40px 24px 48px!important;background:#fff!important;text-align:left!important;
  }
  .editorial-copy h2,.footer-note h2{
    font-size:clamp(40px,11vw,54px)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:0 0 18px!important;color:#071f3f!important;
  }
  .editorial-copy p,.footer-note p{
    font-size:17px!important;line-height:1.65!important;font-weight:500!important;color:#21364c!important;max-width:100%!important;margin:0 0 24px!important;
  }
  .editorial-copy .btn,.footer-note .btn,
  .editorial-copy a.btn,.footer-note a.btn{
    width:100%!important;display:flex!important;min-height:52px!important;margin-top:20px!important;
  }

  /* Collection/Search mobile: Filter bedienbar, aber nicht billig gross */
  .xyra-clean-toolbar,.xyra-catalog-toolbar,.xyra-collection-toolbar{
    display:block!important;text-align:center!important;padding:24px 18px!important;border-bottom:1px solid rgba(7,31,63,.10)!important;
  }
  .xyra-count{font-size:14px!important;letter-spacing:.14em!important;margin-bottom:14px!important;color:#071f3f!important;}
  .xyra-sort{display:grid!important;gap:8px!important;width:100%!important;max-width:360px!important;margin:0 auto!important;}
  .xyra-sort label{font-size:13px!important;letter-spacing:.14em!important;text-align:left!important;color:#006eb8!important;}
  .xyra-sort select{width:100%!important;min-height:48px!important;font-size:15px!important;padding:0 16px!important;}
  .xyra-catalog-layout,.xyra-collection-layout{display:block!important;width:calc(100% - 36px)!important;max-width:460px!important;margin:0 auto!important;}
  .xyra-visible-sidebar,.xyra-sidebar{
    padding:26px 0!important;margin:0 0 26px!important;border-bottom:1px solid rgba(7,31,63,.10)!important;
  }
  .xyra-visible-sidebar summary,.xyra-sidebar summary{font-size:16px!important;line-height:1.35!important;letter-spacing:.10em!important;color:#071f3f!important;}
  .xyra-visible-sidebar a,.xyra-sidebar a{font-size:15px!important;line-height:1.55!important;padding:8px 0!important;color:#24364a!important;}
  .xyra-catalog-grid,.xyra-collection-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 14px!important;}

  /* Footer: clean, kein chaotisches Raster */
  .xyra-footer,.footer{padding:48px 0 34px!important;background:#050505!important;color:rgba(255,255,255,.72)!important;overflow:hidden!important;}
  .xyra-footer-top,.footer-top{
    width:calc(100% - 44px)!important;max-width:460px!important;margin:0 auto 34px!important;text-align:center!important;
  }
  .xyra-footer-top span{font-size:12px!important;letter-spacing:.22em!important;color:#c9a15a!important;}
  .xyra-footer-top h2{font-size:clamp(36px,10vw,48px)!important;line-height:1.02!important;text-align:center!important;margin:14px 0 18px!important;}
  .xyra-footer-top p{font-size:16px!important;line-height:1.65!important;text-align:center!important;color:rgba(255,255,255,.68)!important;}
  .xyra-footer-grid,.footer-grid{
    width:calc(100% - 44px)!important;max-width:460px!important;margin:0 auto!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px 28px!important;text-align:left!important;
  }
  .xyra-footer-grid > div:first-child,.footer-grid > div:first-child{grid-column:1 / -1!important;text-align:center!important;}
  .xyra-footer h3,.xyra-footer strong,.footer h3,.footer strong{font-size:16px!important;line-height:1.35!important;margin:0 0 14px!important;color:#fff!important;}
  .xyra-footer a,.footer a{font-size:15px!important;line-height:1.55!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;}
  .newsletter{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:320px!important;margin:20px auto 0!important;}
  .newsletter input,.newsletter button{min-height:54px!important;width:100%!important;font-size:15px!important;}
}

@media (max-width: 390px){
  .xyra-header-inner,.xyra-fixed-header-inner{padding-left:10px!important;padding-right:10px!important;}
  .xyra-icon,.xyra-round-icon{width:40px!important;height:40px!important;min-width:40px!important;}
  .xyra-mobile-left-icons{gap:6px!important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:27px!important;}
  .xyra-lang-links a{width:31px!important;height:31px!important;min-width:31px!important;font-size:10px!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{padding-left:20px!important;padding-right:20px!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{font-size:44px!important;}
  #collection .section-head{grid-template-columns:1fr!important;}
  #collection .section-head .btn{width:100%!important;}
  .product-title,.xyra-product-title{font-size:11px!important;}
}

/* Tablet: nur leicht ordnen, Desktop nicht beruehren */
@media (min-width:781px) and (max-width:1199px){
  .xyra-header-inner,.xyra-fixed-header-inner{height:84px!important;min-height:84px!important;}
  .xyra-mobile-left-icons{display:flex!important;gap:10px!important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:36px!important;}
  #xyraHeroSimpleGood.xyra-hero-simple-good{height:78svh!important;min-height:680px!important;}
  #collection [data-xyra-startseite-grid].product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}
  .editorial,.footer-editorial{grid-template-columns:1fr 1fr!important;}
  .xyra-footer-grid,.footer-grid{grid-template-columns:1.2fr repeat(3,1fr)!important;}
}

/* XYRA MOBILE ONLY CLEAN FINAL - desktop stays untouched */
@media (max-width: 780px){
  html, body{overflow-x:hidden!important;}

  /* Header clean mobile: no logo/icon overlap */
  .xyra-header,.xyra-fixed-header{background:#fffaf2!important;border-bottom:1px solid rgba(7,31,63,.10)!important;}
  .xyra-header-inner,.xyra-fixed-header-inner{
    height:154px!important;min-height:154px!important;padding:18px 18px 16px!important;
    display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:54px 42px!important;
    align-items:center!important;gap:10px!important;box-sizing:border-box!important;position:relative!important;
  }
  .xyra-mobile-left-icons{grid-column:1!important;grid-row:1!important;display:flex!important;gap:8px!important;justify-self:start!important;align-self:center!important;z-index:2!important;}
  .xyra-logo,.xyra-fixed-brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;position:static!important;transform:none!important;min-width:0!important;text-align:center!important;z-index:1!important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:31px!important;line-height:.9!important;letter-spacing:.16em!important;white-space:nowrap!important;}
  .xyra-logo small,.xyra-fixed-brand small{display:block!important;font-size:9px!important;letter-spacing:.34em!important;margin-top:5px!important;}
  .xyra-actions,.xyra-fixed-icons{grid-column:1 / -1!important;grid-row:2!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;gap:8px!important;position:static!important;transform:none!important;}
  .xyra-desktop-search,.xyra-desktop-cart,.xyra-desktop-menu{display:none!important;}
  .xyra-icon,.xyra-round-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;background:#fff!important;border:1px solid rgba(7,31,63,.16)!important;border-radius:999px!important;box-shadow:0 6px 18px rgba(7,31,63,.07)!important;color:#071f3f!important;}
  .xyra-lang-links{display:flex!important;gap:8px!important;justify-content:center!important;align-items:center!important;}
  .xyra-lang-links a{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(7,31,63,.14)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:900!important;color:#071f3f!important;text-decoration:none!important;letter-spacing:.04em!important;}
  .xyra-lang-links a.active{background:#071f3f!important;color:#fff!important;border-color:#071f3f!important;}
  .xyra-drawer,.drawer.xyra-drawer{top:184px!important;left:18px!important;right:18px!important;width:auto!important;border-radius:0!important;background:#fff!important;box-shadow:0 22px 55px rgba(7,31,63,.18)!important;}

  /* Startseite Hero: Bild wie Desktop sichtbar, Text separat darunter, kein Text im Bild */
  #xyraHeroSimpleGood.xyra-hero-simple-good{
    display:flex!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:#f6fbff!important;overflow:hidden!important;
  }
  #xyraHeroSimpleGood.xyra-hero-simple-good:after{display:none!important;content:none!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__image{
    position:relative!important;inset:auto!important;display:block!important;order:1!important;width:100%!important;height:auto!important;max-height:none!important;
    aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;background:#f6fbff!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{
    position:relative!important;order:2!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;z-index:2!important;
    width:100%!important;max-width:none!important;padding:38px 24px 42px!important;background:#eef8fc!important;color:#071f3f!important;text-align:left!important;box-sizing:border-box!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__kicker{
    color:#006eb8!important;text-shadow:none!important;font-size:13px!important;line-height:1.3!important;letter-spacing:.20em!important;font-weight:950!important;margin:0 0 13px!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{
    color:#071f3f!important;text-shadow:none!important;font-size:clamp(46px,12.5vw,58px)!important;line-height:.9!important;letter-spacing:-.055em!important;margin:0 0 18px!important;max-width:94vw!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading em{color:#1678bd!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__text{
    color:#102b49!important;text-shadow:none!important;font-size:17px!important;line-height:1.6!important;font-weight:500!important;max-width:94vw!important;margin:0 0 22px!important;
  }
  #xyraHeroSimpleGood .xyra-hero-simple-good__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__button{min-height:54px!important;width:100%!important;padding:0 8px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__button--primary{background:#071f3f!important;color:#fff!important;border:1px solid #071f3f!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__button--secondary{background:#fff!important;color:#071f3f!important;border:1px solid #071f3f!important;}

  /* Homepage sections: clean like desktop, not oversized/cheap */
  .page{width:calc(100% - 44px)!important;max-width:460px!important;margin-left:auto!important;margin-right:auto!important;}
  .section{padding:62px 0!important;background:#fff!important;}
  .section-head{display:block!important;text-align:left!important;margin-bottom:28px!important;}
  .section-head h2,.section h2{font-size:clamp(38px,10.4vw,48px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 14px!important;color:#071f3f!important;}
  .section-head p,.section p,.editorial-copy p,.footer-note p{font-size:17px!important;line-height:1.62!important;color:#25384b!important;font-weight:500!important;}
  .kicker,.section .kicker,.editorial-copy .kicker,.footer-note .kicker{font-size:13px!important;line-height:1.3!important;letter-spacing:.20em!important;color:#006eb8!important;font-weight:950!important;margin-bottom:12px!important;}

  /* Bestseller clean 2 columns */
  #collection.section{padding-top:58px!important;padding-bottom:66px!important;}
  #collection .section-head{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;align-items:start!important;}
  #collection .section-head h2{font-size:clamp(40px,10.8vw,50px)!important;}
  #collection .section-head p{font-size:17px!important;line-height:1.55!important;margin:0!important;max-width:285px!important;}
  #collection .section-head .btn{width:100%!important;max-width:260px!important;min-height:52px!important;margin:0!important;}
  #collection [data-xyra-startseite-grid].product-grid,.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 16px!important;}
  .product-card,.xyra-product-card{background:#fff!important;border:1px solid rgba(7,31,63,.06)!important;box-shadow:0 14px 30px rgba(7,31,63,.08)!important;}
  .product-image,.xyra-product-image{aspect-ratio:4/5!important;width:100%!important;overflow:hidden!important;background:#f7f7f3!important;}
  .product-image img,.xyra-product-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}
  .product-info,.xyra-product-info{padding:15px 8px 17px!important;text-align:center!important;}
  .product-title,.xyra-product-title{font-size:12px!important;line-height:1.33!important;letter-spacing:.09em!important;font-weight:950!important;color:#071f3f!important;min-height:42px!important;}
  .price,.xyra-product-price{font-size:14px!important;line-height:1.35!important;letter-spacing:.08em!important;color:#071f3f!important;font-weight:650!important;}

  /* Editorial: image first, text clean, no massive cropped text */
  .editorial,.footer-editorial,.lookbook,.image-with-text{display:grid!important;grid-template-columns:1fr!important;width:100%!important;background:#fff!important;overflow:hidden!important;}
  .editorial-media,.footer-shot,.lookbook-media{width:100%!important;overflow:hidden!important;background:#f7f3ed!important;}
  .editorial-media img,.footer-shot img,.lookbook-media img,.editorial img,.footer-editorial img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;display:block!important;}
  .editorial-copy,.footer-note{padding:44px 24px 50px!important;background:#fff!important;text-align:left!important;box-sizing:border-box!important;}
  .editorial-copy h2,.footer-note h2{font-size:clamp(38px,10.5vw,52px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 20px!important;color:#071f3f!important;}
  .editorial-copy p,.footer-note p{font-size:17px!important;line-height:1.68!important;color:#1c324b!important;max-width:100%!important;margin:0 0 24px!important;}
  .editorial-copy .btn,.footer-note .btn,.editorial-copy a.btn,.footer-note a.btn{width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:18px!important;}

  /* Collection pages: products first; category as closed accordion after products */
  .xyra-clean-toolbar,.xyra-catalog-toolbar,.xyra-collection-toolbar{display:block!important;text-align:left!important;padding:24px 22px!important;border-bottom:1px solid rgba(7,31,63,.10)!important;background:#fff!important;}
  .xyra-count{text-align:center!important;font-size:15px!important;letter-spacing:.14em!important;font-weight:950!important;color:#071f3f!important;margin:0 0 16px!important;}
  .xyra-sort{width:100%!important;max-width:320px!important;margin:0!important;display:grid!important;gap:8px!important;}
  .xyra-sort label{font-size:13px!important;letter-spacing:.14em!important;color:#006eb8!important;font-weight:950!important;text-align:left!important;}
  .xyra-sort select{width:100%!important;min-height:48px!important;font-size:14px!important;font-weight:850!important;padding:0 14px!important;border:1px solid rgba(7,31,63,.22)!important;border-radius:0!important;background:#fff!important;color:#071f3f!important;}
  .xyra-catalog-layout,.xyra-collection-layout{display:flex!important;flex-direction:column!important;width:calc(100% - 36px)!important;max-width:460px!important;margin:0 auto!important;}
  .xyra-catalog-main{order:1!important;width:100%!important;}
  .xyra-visible-sidebar,.xyra-sidebar{order:2!important;width:100%!important;padding:28px 0 10px!important;margin:20px 0 0!important;border-top:1px solid rgba(7,31,63,.10)!important;border-bottom:0!important;}
  .xyra-visible-sidebar details:not([open]) > *:not(summary),.xyra-sidebar details:not([open]) > *:not(summary){display:none!important;}
  .xyra-visible-sidebar details,.xyra-sidebar details{padding:0!important;margin:0 0 14px!important;border:0!important;}
  .xyra-visible-sidebar summary,.xyra-sidebar summary{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:16px 0!important;font-size:15px!important;line-height:1.35!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:950!important;color:#006eb8!important;cursor:pointer!important;}
  .xyra-visible-sidebar summary::after,.xyra-sidebar summary::after{content:'+'!important;color:#071f3f!important;font-size:22px!important;line-height:1!important;font-weight:700!important;}
  .xyra-visible-sidebar details[open] > summary::after,.xyra-sidebar details[open] > summary::after{content:'–'!important;}
  .xyra-visible-sidebar a,.xyra-sidebar a{display:block!important;font-size:15px!important;line-height:1.55!important;padding:9px 0 9px 18px!important;color:#24364a!important;text-decoration:none!important;font-weight:600!important;letter-spacing:.02em!important;}
  .xyra-catalog-grid,.xyra-collection-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 14px!important;padding-top:30px!important;}

  /* Footer stays readable but calmer */
  .xyra-footer,.footer{padding:50px 0 34px!important;background:#050505!important;color:rgba(255,255,255,.72)!important;}
  .xyra-footer-top,.footer-top{width:calc(100% - 44px)!important;max-width:460px!important;margin:0 auto 34px!important;text-align:center!important;}
  .xyra-footer-top h2{font-size:clamp(34px,9.5vw,46px)!important;line-height:1.04!important;text-align:center!important;}
  .xyra-footer-top p{font-size:16px!important;line-height:1.65!important;text-align:center!important;color:rgba(255,255,255,.68)!important;}
  .xyra-footer-grid,.footer-grid{width:calc(100% - 44px)!important;max-width:460px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px 24px!important;text-align:left!important;}
  .xyra-footer-grid > div:first-child,.footer-grid > div:first-child{grid-column:1 / -1!important;text-align:center!important;}
  .xyra-footer h3,.xyra-footer strong,.footer h3,.footer strong{font-size:16px!important;line-height:1.35!important;margin:0 0 14px!important;color:#fff!important;}
  .xyra-footer a,.footer a{font-size:15px!important;line-height:1.55!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;}
  .newsletter{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:320px!important;margin:20px auto 0!important;}
  .newsletter input,.newsletter button{min-height:54px!important;width:100%!important;font-size:15px!important;}
}

@media (max-width: 390px){
  #xyraHeroSimpleGood .xyra-hero-simple-good__content{padding-left:20px!important;padding-right:20px!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__heading{font-size:44px!important;}
  #xyraHeroSimpleGood .xyra-hero-simple-good__actions{grid-template-columns:1fr!important;}
  .xyra-header-inner,.xyra-fixed-header-inner{padding-left:14px!important;padding-right:14px!important;}
  .xyra-icon,.xyra-round-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
  .xyra-logo span,.xyra-fixed-brand span{font-size:27px!important;}
  .xyra-lang-links a{width:34px!important;height:34px!important;min-width:34px!important;font-size:11px!important;}
  .product-title,.xyra-product-title{font-size:11px!important;}
}

/* =========================================================
   XYRA MOBILE CLEAN FINAL FIX
   Only mobile/tablet overrides. Desktop remains unchanged.
   ========================================================= */
@media (max-width: 749px){
  html, body{
    overflow-x:hidden!important;
    background:#fff!important;
  }

  /* Header: one clean row, centered logo, no overlaps */
  .xyra-header,
  .xyra-fixed-header{
    position:relative!important;
    z-index:50!important;
    background:#fffaf1!important;
    border-bottom:1px solid rgba(5,34,64,.10)!important;
  }
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    height:76px!important;
    min-height:76px!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-columns:112px 1fr 118px!important;
    align-items:center!important;
    column-gap:0!important;
    position:relative!important;
  }
  .xyra-nav,
  .xyra-fixed-nav{
    display:none!important;
  }
  .xyra-mobile-left-icons{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    width:112px!important;
    min-width:112px!important;
    z-index:3!important;
  }
  .xyra-mobile-left-icons .xyra-icon,
  .xyra-mobile-left-icons .xyra-round-icon,
  .xyra-mobile-left-icons .xyra-menu-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:50%!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border:1px solid rgba(5,34,64,.16)!important;
    box-shadow:0 6px 18px rgba(5,34,64,.08)!important;
    color:#052240!important;
    font-size:20px!important;
    line-height:1!important;
  }
  .xyra-mobile-left-icons svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
  }
  .xyra-logo,
  .xyra-fixed-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    width:auto!important;
    max-width:112px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    transform:none!important;
    z-index:2!important;
  }
  .xyra-logo span,
  .xyra-fixed-brand span{
    display:block!important;
    font-size:25px!important;
    line-height:.9!important;
    letter-spacing:.14em!important;
    color:#052240!important;
    white-space:nowrap!important;
  }
  .xyra-logo small,
  .xyra-fixed-brand small{
    display:block!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.34em!important;
    margin-top:5px!important;
    color:#0066b3!important;
  }
  .xyra-actions,
  .xyra-fixed-icons{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:118px!important;
    min-width:118px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    z-index:3!important;
  }
  .xyra-actions .xyra-desktop-search,
  .xyra-actions .xyra-desktop-cart,
  .xyra-actions .xyra-desktop-menu,
  .xyra-fixed-icons .xyra-desktop-search,
  .xyra-fixed-icons .xyra-desktop-cart,
  .xyra-fixed-icons .xyra-desktop-menu{
    display:none!important;
  }
  .xyra-lang-links{
    display:flex!important;
    gap:4px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    margin:0!important;
  }
  .xyra-lang-links a{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    border-radius:50%!important;
    font-size:10px!important;
    line-height:26px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(5,34,64,.18)!important;
    background:#fff!important;
    color:#052240!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    box-shadow:none!important;
  }
  .xyra-lang-links a.active{
    background:#052240!important;
    color:#fff!important;
    border-color:#052240!important;
  }

  /* Hero: clean like desktop, image first, text below, no text on image */
  .xyra-hero-simple-good,
  #xyraHeroSimpleGood{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    background:#fff!important;
    border-bottom:1px solid rgba(5,34,64,.10)!important;
  }
  .xyra-hero-simple-good__picture{
    display:block!important;
    width:100%!important;
    order:1!important;
    overflow:hidden!important;
    background:#f6f2eb!important;
  }
  .xyra-hero-simple-good__image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
    object-position:center center!important;
    max-width:none!important;
    transform:none!important;
    filter:none!important;
  }
  .xyra-hero-simple-good__content{
    order:2!important;
    position:static!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:34px 22px 32px!important;
    background:#f6fbff!important;
    color:#052240!important;
    text-align:left!important;
    box-shadow:none!important;
    z-index:1!important;
  }
  .xyra-hero-simple-good__kicker{
    color:#0066b3!important;
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.25em!important;
    margin:0 0 14px!important;
    text-shadow:none!important;
    font-weight:1000!important;
  }
  .xyra-hero-simple-good__heading{
    color:#052240!important;
    font-size:clamp(44px,14vw,58px)!important;
    line-height:.88!important;
    letter-spacing:-.065em!important;
    margin:0 0 18px!important;
    text-shadow:none!important;
    max-width:100%!important;
  }
  .xyra-hero-simple-good__heading span,
  .xyra-hero-simple-good__heading em{
    display:block!important;
  }
  .xyra-hero-simple-good__heading em{
    color:#1978bd!important;
    font-style:italic!important;
  }
  .xyra-hero-simple-good__text{
    color:#052240!important;
    font-size:16px!important;
    line-height:1.58!important;
    font-weight:500!important;
    max-width:33rem!important;
    margin:0 0 22px!important;
    text-shadow:none!important;
  }
  .xyra-hero-simple-good__actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
  }
  .xyra-hero-simple-good__button{
    min-height:52px!important;
    width:100%!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
    font-weight:1000!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
  .xyra-hero-simple-good__button--primary{
    background:#052240!important;
    color:#fff!important;
    border:1px solid #052240!important;
  }
  .xyra-hero-simple-good__button--secondary{
    background:#fff!important;
    color:#052240!important;
    border:1px solid #052240!important;
  }

  /* Collection mobile: compact category selector at top, not an endless open menu */
  .xyra-catalog-page,
  .xyra-clean-catalog{
    padding-top:0!important;
  }
  .xyra-catalog-toolbar,
  .xyra-clean-toolbar{
    padding:26px 20px 22px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    text-align:center!important;
    border-bottom:1px solid rgba(5,34,64,.10)!important;
  }
  .xyra-count{
    font-size:18px!important;
    line-height:1.2!important;
    letter-spacing:.20em!important;
    font-weight:1000!important;
    color:#052240!important;
    text-align:center!important;
  }
  .xyra-sort{
    justify-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    width:min(100%,280px)!important;
  }
  .xyra-sort label{
    font-size:14px!important;
    letter-spacing:.18em!important;
    color:#0066b3!important;
    font-weight:1000!important;
  }
  .xyra-sort select{
    width:100%!important;
    min-height:46px!important;
    font-size:15px!important;
    padding:0 14px!important;
    border:1px solid rgba(5,34,64,.30)!important;
    background:#fff!important;
  }
  .xyra-catalog-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .xyra-sidebar,
  .xyra-visible-sidebar{
    order:0!important;
    width:100%!important;
    max-width:none!important;
    padding:0 18px!important;
    margin:0!important;
    border:0!important;
    background:#fff!important;
  }
  .xyra-sidebar > details.xyra-category-group{
    display:block!important;
    width:100%!important;
    margin:18px 0!important;
    border:1px solid rgba(5,34,64,.16)!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(5,34,64,.05)!important;
  }
  .xyra-sidebar > details.xyra-category-group > summary{
    min-height:54px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#0066b3!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    font-weight:1000!important;
    cursor:pointer!important;
  }
  .xyra-sidebar details.xyra-category-group[open] > summary{
    border-bottom:1px solid rgba(5,34,64,.10)!important;
  }
  .xyra-sidebar .xyra-sidebar-sub,
  .xyra-sidebar .xyra-sidebar-sub-2{
    padding:0!important;
    margin:0!important;
    border:0!important;
  }
  .xyra-sidebar .xyra-sidebar-sub > summary,
  .xyra-sidebar .xyra-sidebar-sub-2 > summary{
    min-height:46px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    color:#052240!important;
    font-size:17px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    font-weight:800!important;
    text-transform:none!important;
    cursor:pointer!important;
  }
  .xyra-sidebar a{
    min-height:42px!important;
    padding:10px 18px 10px 34px!important;
    color:#26394f!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:600!important;
    text-decoration:none!important;
    display:flex!important;
    align-items:center!important;
    border-left:1px solid rgba(5,34,64,.08)!important;
    margin-left:18px!important;
  }
  .xyra-catalog-main{
    order:1!important;
    width:100%!important;
    padding:6px 14px 38px!important;
  }
  .xyra-catalog-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 12px!important;
  }
  .xyra-catalog-grid .product-card,
  .xyra-product-card{
    width:100%!important;
  }
}

@media (min-width:750px) and (max-width:1199px){
  /* iPad: keep desktop feeling, only avoid crowding */
  .xyra-header-inner,
  .xyra-fixed-header-inner{
    grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr)!important;
  }
  .xyra-logo,
  .xyra-fixed-brand{
    justify-self:center!important;
  }
  .xyra-catalog-layout{
    grid-template-columns:220px 1fr!important;
    gap:24px!important;
  }
  .xyra-catalog-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:26px 18px!important;
  }
  .xyra-hero-simple-good__image{
    object-position:center center!important;
  }
}