/* v13.2.31 – Kleidungsmarkt im aktuellen Hillbilly-Garage-Design
   Header/Footer kommen unverändert aus includes/home-header.php / home-footer.php. */

.shop-page{margin:0;background:#090c0e;color:#eef0ef;overflow-x:hidden}
.shop-page *{box-sizing:border-box}
.shop-page .shop-shell{min-height:100vh;background:#090c0e}
.shop-page .dlx-wrap{width:min(1320px,calc(100% - 40px));max-width:1320px;margin-inline:auto}

/* Hero */
.market-hero{position:relative;min-height:390px;overflow:hidden;border-bottom:1px solid #2e3437;background:#090c0e}
.market-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.market-hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#090c0efa 0%,#090c0ef0 24%,#090c0ec4 42%,#090c0e5d 62%,#090c0e16 100%),linear-gradient(0deg,#090c0e8a,transparent 50%)}
.market-hero__inner{position:relative;z-index:2;display:flex;align-items:center;min-height:390px;padding:42px 0}
.market-hero__copy{max-width:610px}
.market-hero__copy>span{display:block;margin-bottom:12px;color:#ff7919;font:700 11px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase}
.market-hero__copy h1{margin:0;color:#f1f1ed;font:800 clamp(48px,5.3vw,78px)/.94 "Segoe UI",Arial,sans-serif;letter-spacing:-1.7px;text-transform:uppercase}
.market-hero__copy h2{margin:15px 0 16px;color:#ff7919;font:600 clamp(22px,2vw,32px)/1.05 "Segoe UI",Arial,sans-serif}
.market-hero__copy p{max-width:520px;margin:0;color:#c7cbcb;font:400 15px/1.65 "Segoe UI",Arial,sans-serif}
.market-hero__copy>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:22px;padding:0 17px;border:1px solid #ed7620;background:linear-gradient(#ef7620,#d65f10);color:#fff;font:700 10px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-hero__copy>a:hover{filter:brightness(1.08)}

/* Notices */
.market-main{padding:18px 0 28px}
.market-notice,.market-status{margin:0 0 14px;padding:16px 18px;border:1px solid #343a3d;background:#111618;color:#c2c5c6}
.market-notice strong{display:block;margin-bottom:7px;color:#ff7919;font:700 19px/1.1 "Segoe UI",Arial,sans-serif}
.market-notice p{margin:0 0 12px;color:#b7bbbc}
.market-notice a{color:#ff7919;font-weight:700}
.market-notice--error{border-color:#7a3b33}
.market-status{border-left:3px solid #ff7919;font-size:12px}

/* Filterbar */
.market-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr auto;gap:12px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid #343a3d;background:linear-gradient(145deg,#101416,#151a1c)}
.market-toolbar label{display:grid;gap:7px;min-width:0}
.market-toolbar label>span{color:#d5d7d7;font:700 10px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px}
.market-toolbar select{width:100%;height:39px;padding:0 11px;border:1px solid #3c4245;background:#0d1214;color:#e6e7e7;font:500 12px "Segoe UI",Arial,sans-serif;outline:0}
.market-toolbar select:focus{border-color:#d76a18}
.market-price-filter input{width:100%;height:18px;margin:5px 0 0;accent-color:#eb721d}
.market-price-filter>div{display:flex;justify-content:space-between;gap:10px;color:#8f9495;font-size:10px}
.market-price-filter>div strong{color:#c9cccd;font-weight:500}
.market-toolbar__end{display:grid;gap:9px;justify-items:end;align-self:stretch;align-content:end;min-width:170px}
.market-toolbar__end>b{color:#ff7919;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-toolbar__end button{height:39px;padding:0 13px;border:1px solid #3c4245;background:#0d1214;color:#d7d9d9;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.market-toolbar__end button:hover{border-color:#d76a18;color:#ff7919}

/* Product grid */
.market-grid{display:grid;grid-template-columns:repeat(var(--shop-columns,4),minmax(0,1fr));gap:12px}
.market-product{display:flex;flex-direction:column;min-width:0;min-height:100%;overflow:hidden;border:1px solid #343a3d;background:linear-gradient(145deg,#101416,#151a1c);transition:border-color .15s ease}
.market-product:hover{border-color:#62686a}
.market-product[hidden]{display:none!important}
.market-product__media{position:relative;display:block;height:255px;overflow:hidden;background:#0b0f10}
.market-product__media img{display:block;width:100%;height:100%;object-fit:contain;background:#0c1012;transition:transform .18s ease}
.market-product:hover .market-product__media img{transform:scale(1.015)}
.market-product__media>span{display:grid;place-items:center;width:100%;height:100%;color:#ff7919;font:800 28px/1 "Segoe UI",Arial,sans-serif;text-align:center}
.market-product__media>b{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:5px 8px;background:#d95f11;color:#fff;font:700 9px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-product__body{display:flex;flex:1;flex-direction:column;padding:13px 14px 14px}
.market-product__body h3{display:-webkit-box;min-height:43px;margin:0 0 5px;overflow:hidden;color:#f1f1ed;font:700 18px/1.2 "Segoe UI",Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.market-product__body h3 a{color:inherit}
.market-product__body>p{display:-webkit-box;min-height:34px;margin:0 0 10px;overflow:hidden;color:#aeb2b3;font:400 11px/1.45 "Segoe UI",Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.market-product__price{display:block;margin:0 0 12px;color:#fff;font:600 20px/1 "Segoe UI",Arial,sans-serif}
.market-product__sizes{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;margin-top:auto}
.market-product__sizes span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 7px;border:1px solid #42484b;background:#0d1214;color:#c9cccd;font:500 9px "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-product__colors{display:flex;align-items:center;gap:5px;min-height:22px;margin-top:9px;color:#8e9394;font-size:9px}
.market-product__colors small{margin-right:4px}
.market-product__colors i{width:13px;height:13px;border:1px solid #606568;border-radius:50%;background:var(--swatch,#777)}
.market-product__buy{display:flex;align-items:center;justify-content:center;min-height:37px;margin-top:12px;border:1px solid #d86a18;background:#0f1416;color:#ff7919;font:700 9px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-product__buy:hover{background:#dd6413;color:#fff}
.market-empty{margin-top:12px;padding:35px;border:1px dashed #42484b;background:#101416;text-align:center}
.market-empty strong{color:#ff7919;font-size:18px}
.market-empty p{margin:6px 0 0;color:#9da1a2}
.market-all-products{margin-top:14px;text-align:center}
.market-all-products a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid #d86a18;background:#111618;color:#ff7919;font:700 10px "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-updated{margin:10px 0 0;color:#6f7476;font-size:9px;text-align:center}

/* Benefits */
.market-benefits{border-top:1px solid #343a3d;border-bottom:1px solid #343a3d;background:#0e1214}
.market-benefits>.dlx-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0}
.market-benefits article{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;min-height:88px;padding:0 18px;border-left:1px solid #303638}
.market-benefits article:first-child{border-left:0}
.market-benefits article>b{display:grid;place-items:center;width:48px;height:48px;color:#ff7919;font:500 31px/1 Arial,sans-serif}
.market-benefits strong{display:block;margin-bottom:5px;color:#e7e8e5;font:700 13px/1.15 "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-benefits p{margin:0;color:#a8acad;font:400 10px/1.45 "Segoe UI",Arial,sans-serif}

/* CTA */
.market-idea{display:grid;grid-template-columns:40% 60%;min-height:205px;margin-top:14px;margin-bottom:22px;overflow:hidden;border:1px solid #343a3d;background:linear-gradient(145deg,#101416,#151a1c)}
.market-idea__image{min-height:205px;background:#0b0f10;overflow:hidden}
.market-idea__image img{width:100%;height:100%;min-height:205px;object-fit:cover}
.market-idea__copy{display:flex;flex-direction:column;justify-content:center;padding:24px 30px}
.market-idea__copy>small{display:block;margin-bottom:7px;color:#ff7919;font:700 9px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px}
.market-idea__copy h2{margin:0 0 8px;color:#f0f1ed;font:700 25px/1.08 "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-idea__copy p{max-width:620px;margin:0;color:#afb3b4;font:400 12px/1.55 "Segoe UI",Arial,sans-serif}
.market-idea__copy>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.market-idea__copy a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid #42484b;background:#0d1214;color:#d8dada;font:700 9px "Segoe UI",Arial,sans-serif;text-transform:uppercase}
.market-idea__copy a.primary{border-color:#e36d17;background:#dd6413;color:#fff}

/* Keep the global header/footer untouched. */
.shop-page .home-global-header,.shop-page .footer{width:auto;max-width:none}

@media(max-width:1100px){
  .market-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-toolbar__end{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-width:0}
  .market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-benefits>.dlx-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-benefits article:nth-child(3){border-left:0;border-top:1px solid #303638;padding-top:14px;margin-top:14px}
  .market-benefits article:nth-child(4){border-top:1px solid #303638;padding-top:14px;margin-top:14px}
}
@media(max-width:820px){
  .market-hero,.market-hero__inner{min-height:340px}
  .market-hero__shade{background:linear-gradient(90deg,#090c0ef8 0%,#090c0ee8 48%,#090c0e7a 100%)}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-idea{grid-template-columns:1fr}
  .market-idea__image{height:185px;min-height:185px}
  .market-idea__image img{min-height:185px}
}
@media(max-width:620px){
  .shop-page .dlx-wrap{width:min(1320px,calc(100% - 24px))}
  .market-hero,.market-hero__inner{min-height:310px}
  .market-hero__copy h1{font-size:42px;letter-spacing:-1px}
  .market-hero__copy h2{font-size:20px}
  .market-hero__copy p{font-size:13px}
  .market-toolbar{grid-template-columns:1fr;padding:11px}
  .market-toolbar__end{grid-column:auto;display:grid;justify-items:stretch}
  .market-toolbar__end button{width:100%}
  .market-grid{grid-template-columns:1fr}
  .market-product__media{height:300px}
  .market-benefits>.dlx-wrap{grid-template-columns:1fr}
  .market-benefits article,.market-benefits article:nth-child(3),.market-benefits article:nth-child(4){border-left:0;border-top:1px solid #303638;margin:0;padding:14px 8px}
  .market-benefits article:first-child{border-top:0}
  .market-idea__copy{padding:20px}
}

/* v13.2.32 – Kleidungsmarkt an Blog/Projekte angleichen */
.shop-page,
.shop-page .market-shell,
.shop-page .market-main,
.shop-page #produkte,
.shop-page .market-benefits,
.shop-page .market-idea,
.shop-page .market-toolbar,
.shop-page .market-empty,
.shop-page .market-all-products{
  background-image:none!important;
}
.shop-page .market-shell,
.shop-page .market-main,
.shop-page #produkte{
  background-color:#090c0e!important;
}
.shop-page .market-main{padding-top:18px!important;padding-bottom:28px!important}

/* Hero exakt in derselben Geometrie wie Blog/Projekte */
.shop-page .market-hero{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:390px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#080b0d!important;
  border-bottom:1px solid #303638!important;
}
.shop-page .market-hero__image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.shop-page .market-hero__shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(7,10,12,.97) 0%,rgba(7,10,12,.92) 31%,rgba(7,10,12,.72) 48%,rgba(7,10,12,.34) 70%,rgba(7,10,12,.16) 100%),
    linear-gradient(0deg,rgba(5,7,8,.64) 0%,rgba(5,7,8,.10) 38%,rgba(5,7,8,0) 68%)!important;
  pointer-events:none!important;
}
.shop-page .market-hero__inner{
  position:relative!important;
  z-index:2!important;
  min-height:390px!important;
  display:flex!important;
  align-items:center!important;
  padding:34px 0!important;
}
.shop-page .market-hero__copy{
  position:relative!important;
  z-index:2!important;
  max-width:560px!important;
}
.shop-page .market-hero__kicker{
  display:block!important;
  margin:0 0 10px!important;
  color:#ff7a19!important;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1.3!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  transform:none!important;
  text-shadow:none!important;
}
.shop-page .market-hero__copy h1{
  margin:0 0 14px!important;
  color:#f2f1ed!important;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:clamp(36px,4.4vw,60px)!important;
  font-weight:700!important;
  font-style:normal!important;
  font-stretch:normal!important;
  line-height:.98!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  transform:none!important;
  rotate:none!important;
  -webkit-text-stroke:0!important;
}
.shop-page .market-hero__copy p{
  max-width:470px!important;
  margin:0!important;
  color:#c7c9c9!important;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.62!important;
}
.shop-page .market-hero__copy p strong{
  color:#f2f1ed!important;
  font-weight:600!important;
}
.shop-page .market-hero__actions{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:20px!important;
}
.shop-page .market-hero__actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid #ef7b29!important;
  border-radius:0!important;
  background:linear-gradient(#ef7620,#d65f10)!important;
  color:#fff!important;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.shop-page .market-hero__actions a.ghost{
  border-color:#3a4043!important;
  background:#101416!important;
  color:#f0f1f1!important;
}

/* Content bleibt wie die übrigen Seiten flach/dunkel – keine Werkstatttextur */
.shop-page .market-toolbar,
.shop-page .market-product,
.shop-page .market-notice,
.shop-page .market-status,
.shop-page .market-empty,
.shop-page .market-idea{
  background-color:#111618!important;
  background-image:none!important;
}
.shop-page .market-benefits{
  background-color:#0e1214!important;
  background-image:none!important;
}
.shop-page .market-product__body,
.shop-page .market-idea__copy{
  background-image:none!important;
}

@media(max-width:900px){
  .shop-page .market-hero{min-height:430px!important}
  .shop-page .market-hero__inner{min-height:430px!important;padding:30px 0!important}
  .shop-page .market-hero__shade{background:linear-gradient(180deg,rgba(7,10,12,.92) 0%,rgba(7,10,12,.78) 52%,rgba(7,10,12,.52) 100%)!important}
}
@media(max-width:620px){
  .shop-page .market-hero{min-height:390px!important}
  .shop-page .market-hero__inner{min-height:390px!important;padding:26px 0!important}
  .shop-page .market-hero__copy h1{font-size:36px!important}
  .shop-page .market-hero__copy p{font-size:13px!important}
}

/* v13.2.33 – globaler Produktbild-Hintergrund aus dem Admin */
.shop-page .market-product__media{
  isolation:isolate;
  background-color:var(--market-product-bg-color,#0b0f10)!important;
  background-image:var(--market-product-bg-image,none)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.shop-page .market-product__media img{
  position:relative;
  z-index:1;
  background:transparent!important;
}
.shop-page .market-product__media>b{
  z-index:3;
}
.shop-page.market-product-bg-blend .market-product__media img{
  mix-blend-mode:multiply;
}
.shop-page.market-product-bg-blend .market-product__media{
  background-color:var(--market-product-bg-color,#15191a)!important;
}