:root{
  --sardo-bg:#fffaf4;
  --sardo-soft:#f5ece2;
  --sardo-paper:#efe1d3;
  --sardo-white:#fff;
  --sardo-text:#2e241f;
  --sardo-muted:#77675d;
  --sardo-brown:#5a4032;
  --sardo-rust:#b76642;
  --sardo-gold:#d7aa61;
  --sardo-blue:#2e4159;
  --sardo-line:rgba(90,64,50,.14);
  --sardo-shadow:0 22px 60px rgba(78,55,38,.10);
}

.sardo-page{
  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;
  background:var(--sardo-bg);
  color:var(--sardo-text);
  overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
}

.sardo-page *{box-sizing:border-box}
.sardo-shell{width:min(calc(100% - 56px),1260px);margin:0 auto}

.sardo-hero{
  padding:66px 0 76px;
  background:
    radial-gradient(circle at 10% 10%,rgba(183,102,66,.10),transparent 30%),
    var(--sardo-bg);
}

.sardo-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);
  align-items:center;
  gap:72px;
}

.sardo-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:17px;
  color:var(--sardo-rust);
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sardo-kicker span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--sardo-rust);
  box-shadow:0 0 0 5px rgba(183,102,66,.10);
}

.sardo-hero h1,
.sardo-page h1{
  margin:0;
  color:var(--sardo-brown);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,6vw,82px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.05em;
}

.sardo-hero h1 em{color:var(--sardo-rust);font-style:normal}

.sardo-page h2{
  margin:0;
  color:var(--sardo-brown);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,60px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.04em;
}

.sardo-lead{
  max-width:680px;
  margin:24px 0 0;
  color:var(--sardo-muted);
  font-size:15px;
  line-height:1.8;
}

.sardo-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}

.sardo-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:0 23px;
  border-radius:999px;
  text-decoration:none!important;
  font-size:11px;
  font-weight:800;
  transition:.2s;
}

.sardo-btn:hover{transform:translateY(-2px)}

.sardo-btn-primary{
  background:var(--sardo-rust);
  color:#fff!important;
  box-shadow:0 14px 28px rgba(183,102,66,.18);
}

.sardo-btn-primary:hover{background:var(--sardo-brown)}

.sardo-btn-outline{
  border:1px solid var(--sardo-line);
  background:rgba(255,255,255,.55);
  color:var(--sardo-brown)!important;
}

.sardo-full{width:100%;margin-top:14px}

.sardo-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}

.sardo-pills span{
  padding:8px 12px;
  border:1px solid var(--sardo-line);
  border-radius:999px;
  background:rgba(255,255,255,.56);
  color:var(--sardo-brown);
  font-size:9px;
  font-weight:700;
}

.sardo-drop-card{
  overflow:hidden;
  border:1px solid var(--sardo-line);
  border-radius:27px;
  background:#fff;
  box-shadow:var(--sardo-shadow);
}

.sardo-drop-image{
  position:relative;
  min-height:265px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.sardo-drop-image img{
  display:block;
  width:100%;
  max-width:340px;
  max-height:240px;
  object-fit:contain;
}

.sardo-live{
  position:absolute;
  top:16px;
  left:16px;
  padding:8px 11px;
  border-radius:999px;
  background:var(--sardo-blue);
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.sardo-drop-info{
  padding:22px 23px 24px;
  border-top:1px solid var(--sardo-line);
  background:var(--sardo-soft);
}

.sardo-drop-info>small,
.sardo-overline{
  display:block;
  margin-bottom:8px;
  color:var(--sardo-rust);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.sardo-drop-info h2{font-size:25px;line-height:1.13}
.sardo-drop-info p{color:var(--sardo-muted);font-size:11px}

.sardo-livebox{
  margin-top:17px;
  padding:16px;
  border-radius:17px;
  background:var(--sardo-blue);
  color:#fff;
}

.sardo-livebox.sardo-dark{max-width:620px;margin-top:28px}

.sardo-livebox-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
}

.sardo-livebox-row label{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.45);
  font-size:7px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.sardo-livebox-row strong{font-family:Georgia,"Times New Roman",serif;font-size:28px}
.sardo-livebox-row>span{color:rgba(255,255,255,.60);font-size:9px;text-align:right}

.sardo-progress{
  height:7px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}

.sardo-progress i{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:var(--sardo-gold);
  transition:width .5s ease;
}

.sardo-countdown{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-top:13px;
}

.sardo-countdown div{
  padding:9px 4px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.04);
  text-align:center;
}

.sardo-countdown b{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
}

.sardo-countdown small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.38);
  font-size:6px;
  font-weight:800;
  text-transform:uppercase;
}

.sardo-strip{
  border-top:1px solid var(--sardo-line);
  border-bottom:1px solid var(--sardo-line);
  background:var(--sardo-soft);
}

.sardo-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sardo-strip-grid>div{padding:24px;border-right:1px solid var(--sardo-line)}
.sardo-strip-grid>div:last-child{border-right:0}

.sardo-strip strong{
  display:block;
  margin-bottom:6px;
  color:var(--sardo-brown);
  font-size:11px;
}

.sardo-strip span{color:var(--sardo-muted);font-size:10px;line-height:1.55}

.sardo-section{padding:86px 0}
.sardo-soft{background:var(--sardo-soft)}

.sardo-two{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:68px;
}

.sardo-two p,
.sardo-copybox p{color:var(--sardo-muted);font-size:14px;line-height:1.8}

.sardo-art-card{
  overflow:hidden;
  border:1px solid var(--sardo-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--sardo-shadow);
}

.sardo-art-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}

.sardo-price{
  margin-top:23px;
  color:var(--sardo-rust);
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;
}

.sardo-cards3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:35px;
}

.sardo-cards3 article{
  padding:28px;
  border:1px solid var(--sardo-line);
  border-radius:22px;
  background:#fff;
}

.sardo-cards3 article>span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:21px;
  border-radius:50%;
  background:var(--sardo-rust);
  color:#fff;
  font-size:10px;
  font-weight:800;
}

.sardo-cards3 h3{
  margin:0 0 9px;
  color:var(--sardo-brown);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:500;
}

.sardo-cards3 p{margin:0;color:var(--sardo-muted);font-size:12px;line-height:1.7}

.sardo-cards3 a{
  display:inline-block;
  margin-top:14px;
  color:var(--sardo-rust);
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.sardo-highlight{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:50px;
  padding:42px;
  border-radius:28px;
  background:var(--sardo-paper);
  border:1px solid var(--sardo-line);
}

.sardo-checks{display:grid;gap:11px}
.sardo-checks p{margin:0;color:var(--sardo-muted);font-size:12px;line-height:1.65}

.sardo-prize-card{
  overflow:hidden;
  border:1px solid var(--sardo-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--sardo-shadow);
}

.sardo-prize-card img{
  display:block;
  width:100%;
  min-height:360px;
  object-fit:contain;
  padding:25px;
}

.sardo-prize-card>div{padding:24px;background:var(--sardo-soft)}
.sardo-prize-card h2{font-size:28px}
.sardo-prize-card p{color:var(--sardo-muted)}

.sardo-copybox{
  max-width:900px;
  padding:30px;
  border:1px solid var(--sardo-line);
  border-radius:24px;
  background:#fff;
}

.sardo-generic-cards{margin-top:38px}

.sardo-seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}

.sardo-seo-links a{
  padding:9px 13px;
  border:1px solid var(--sardo-line);
  border-radius:999px;
  color:var(--sardo-brown);
  text-decoration:none;
  font-size:10px;
  font-weight:700;
}

/* =========================================================
   SHOP 1.2 – Produkt sofort sichtbar
   ========================================================= */

.sardo-shop-template{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
}

.sardo-shop-page{
  min-height:65vh;
}

.sardo-shop-top{
  padding:34px 0 18px;
  border-bottom:1px solid var(--sardo-line);
  background:
    radial-gradient(circle at 12% 0%,rgba(183,102,66,.08),transparent 30%),
    var(--sardo-bg);
}

.sardo-shop-top-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
}

.sardo-shop-top h1{
  font-size:clamp(40px,4.7vw,62px);
  line-height:.98;
}

.sardo-shop-top p{
  max-width:470px;
  margin:0;
  color:var(--sardo-muted);
  font-size:13px;
  line-height:1.65;
}

.sardo-shop-products{
  padding:28px 0 84px;
}

.sardo-shop-products-direct{
  padding-top:28px;
}

.sardo-shop-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.sardo-shop-heading h2{
  font-size:clamp(30px,3vw,42px);
}

.sardo-woo-products ul.products{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,250px))!important;
  justify-content:start!important;
  gap:24px!important;
  margin:0!important;
  padding:0!important;
}

.sardo-woo-products ul.products::before,
.sardo-woo-products ul.products::after{
  display:none!important;
  content:none!important;
}

.sardo-woo-products ul.products li.product{
  float:none!important;
  width:auto!important;
  max-width:250px!important;
  margin:0!important;
  padding:0 0 20px!important;
  overflow:hidden;
  border:1px solid var(--sardo-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 36px rgba(78,55,38,.07);
}

.sardo-woo-products ul.products li.product a{
  text-decoration:none!important;
}

.sardo-woo-products ul.products li.product img{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1;
  margin:0 0 17px!important;
  object-fit:cover;
  background:var(--sardo-soft);
}

.sardo-woo-products ul.products li.product .woocommerce-loop-product__title{
  padding:0 16px!important;
  margin:0!important;
  color:var(--sardo-brown)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1.18!important;
}

.sardo-woo-products ul.products li.product .price{
  display:block!important;
  padding:0 16px!important;
  margin:10px 0 0!important;
  color:var(--sardo-rust)!important;
  font-size:18px!important;
  font-weight:700!important;
}

.sardo-woo-products ul.products li.product .button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 32px)!important;
  min-height:44px!important;
  margin:14px 16px 0!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:var(--sardo-rust)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}

.sardo-woo-products ul.products li.product .button:hover{
  background:var(--sardo-brown)!important;
}

/*
 * Shop soll den GLEICHEN globalen Header wie die Startseite nutzen.
 * Falls das Theme auf Woo-Seiten einen engeren Container setzt,
 * werden typische Wrapper nur auf der Shop-Seite entspannt.
 */
body.woocommerce-shop header .elementor-container,
body.woocommerce-shop header .e-con-inner,
body.post-type-archive-product header .elementor-container,
body.post-type-archive-product header .e-con-inner{
  max-width:1260px!important;
  width:min(calc(100% - 56px),1260px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.woocommerce-shop header nav a,
body.post-type-archive-product header nav a{
  font-size:13px!important;
}

/* Alte Woo-Titel/Breadcrumbs unterdrücken, falls Theme sie zusätzlich ausgibt */
body.woocommerce-shop .woocommerce-products-header,
body.post-type-archive-product .woocommerce-products-header,
body.woocommerce-shop .woocommerce-breadcrumb,
body.post-type-archive-product .woocommerce-breadcrumb{
  display:none!important;
}

@media(max-width:950px){
  .sardo-shell{width:min(calc(100% - 40px),1260px)}
  .sardo-hero-grid,.sardo-two,.sardo-highlight{grid-template-columns:1fr}
  .sardo-drop-card{max-width:540px}
  .sardo-strip-grid{grid-template-columns:repeat(2,1fr)}
  .sardo-cards3{grid-template-columns:1fr}
  .sardo-shop-top-row{display:block}
  .sardo-shop-top p{margin-top:16px}
}

@media(max-width:620px){
  .sardo-shell{width:min(calc(100% - 26px),1260px)}
  .sardo-hero{padding:45px 0 55px}
  .sardo-hero h1,.sardo-page h1{font-size:46px}
  .sardo-actions{flex-direction:column}
  .sardo-btn{width:100%}
  .sardo-strip-grid{grid-template-columns:1fr}
  .sardo-strip-grid>div{border-right:0;border-bottom:1px solid var(--sardo-line)}
  .sardo-section{padding:62px 0}
  .sardo-highlight{padding:28px 21px}
  .sardo-countdown{grid-template-columns:repeat(2,1fr)}
  .sardo-shop-top{padding:28px 0 15px}
  .sardo-shop-products{padding-top:20px}
  .sardo-woo-products ul.products{grid-template-columns:1fr!important}
  .sardo-woo-products ul.products li.product{max-width:none!important}
}