
:root{--accent:#c8741f;--accent2:#ffd097}
.btn.primary,.btn.small.primary{background:linear-gradient(135deg,#c8741f,#ffb85e);border-color:rgba(200,116,31,.48);color:#20160d;box-shadow:0 18px 44px rgba(200,116,31,.22)}
.btn.primary:hover,.btn.small.primary:hover{box-shadow:0 22px 52px rgba(200,116,31,.30)}
.brand:hover{background:rgba(200,116,31,.08)}
html[data-theme="dark"] .header,html[data-theme="dark"] .panel,html[data-theme="dark"] .card,html[data-theme="dark"] .product,html[data-theme="dark"] .hero-copy,html[data-theme="dark"] .hero-art{background:rgba(10,14,20,.72)}


:root{
  --accent:#d9872f;
  --accent2:#ffca72;
  --work-bg:#12161d;
  --work-panel:#171d26;
  --work-line:rgba(216,135,47,.22);
}
html,body{background:linear-gradient(180deg,#10141a 0%,#0c1015 100%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:
  linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:28px 28px,28px 28px;opacity:.18;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 85%)}
.header,.panel,.card,.product,.hero-copy,.hero-art,.section,.pageHero,.shopPanel,.filters,.viewerPanel,.calcBox,.contactCard,.serviceCard,.tool-card,.tool-shell,.tool-side,.legacy-tool{backdrop-filter:blur(10px)}
.header{border-bottom:1px solid var(--work-line);box-shadow:0 16px 40px rgba(0,0,0,.22)}
.brand{border:1px solid rgba(216,135,47,.10)}
.brand-tagline{letter-spacing:.08em;text-transform:uppercase}
.hero{position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -15% -20% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(216,135,47,.18),transparent 65%);pointer-events:none;filter:blur(18px)}
.hero-copy h1,.pageHero h1,.section h2{letter-spacing:-.02em}
.hero-copy .lead,.pageHero .lead{max-width:58ch}
.pill,.chip,.tag{border:1px solid rgba(216,135,47,.18);background:rgba(216,135,47,.09);color:#ffe0b2}
.btn.primary,.btn.small.primary{background:linear-gradient(135deg,#c8741f,#ffb85e)!important;border-color:rgba(200,116,31,.48)!important;color:#20160d!important;box-shadow:0 18px 44px rgba(200,116,31,.22)!important}
.btn:not(.primary):not(.small.primary){border-color:rgba(216,135,47,.18)}
.section.alt,.tool-shell,.viewerPanel,.shopPanel,.filters,.panel,.card,.product,.serviceCard,.tool-card,.contactCard,.calcBox,.legacy-tool{border:1px solid var(--work-line);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.section h2::before,.section-head h2::before,.pageHero h1::before{content:"•";display:inline-block;margin-right:.55rem;color:var(--accent)}
.gallerySlider .slide,.productCard,.gallery-card,.tool-card{border:1px solid rgba(216,135,47,.14)}
.footer,.footer-card{border-top-color:var(--work-line)}
@media (min-width: 1000px){
  .hero-copy,.hero-art{min-height:100%}
}


html,body{min-height:100%}
body{position:relative;background:
  radial-gradient(circle at 82% 12%, rgba(255,176,86,.16), transparent 24%),
  linear-gradient(180deg,#11161d 0%,#0b1016 58%,#090d12 100%);
  color-scheme:dark;
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:url('/dla-majsterkowiczow/assets/workshop-bg-garage.svg') center/cover no-repeat;opacity:.42;mix-blend-mode:screen}
main,header,footer,.drawer,.menuDrawer,.lightbox,.cookie{position:relative;z-index:1}
.hero,.pageHero,.section{position:relative}
.hero::before,.pageHero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(11,15,20,.74), rgba(11,15,20,.36));pointer-events:none;border-radius:inherit}
.hero > .wrap,.pageHero > .wrap,.section > .wrap{position:relative;z-index:1}
.workshop-landing .section:first-of-type{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(36px,6vw,64px)}
.workshop-landing .section-head{max-width:860px;margin-inline:auto;text-align:left}
.workshop-landing .section-head h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin-bottom:12px}
.workshop-landing .section-head .lead{max-width:65ch}
.workshop-landing .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.workshop-landing .card{background:linear-gradient(180deg, rgba(18,24,32,.9), rgba(13,17,23,.88));border:1px solid rgba(217,135,47,.18)}
.workshop-landing .card h3{margin-top:0}
.workshop-landing .card .btn{margin-top:8px}
@media (max-width: 960px){.workshop-landing .grid.cols-3{grid-template-columns:1fr}}
