:root{
  --teal:#0b6668;
  --teal2:#2e9190;
  --dark:#103739;
  --gold:#c6923d;
  --cream:#f7f2ea;
  --paper:#fffdfa;
  --muted:#667575;
  --line:#e6ded2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",sans-serif;background:var(--paper);color:var(--dark)}
button,input,select{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.topbar{
  height:36px;background:linear-gradient(90deg,#085a60,#0c4448);
  color:white;display:flex;align-items:center;justify-content:space-between;
  padding:0 5vw;font-size:.78rem;font-weight:700
}
.main-header{
  min-height:120px;display:grid;grid-template-columns:1.1fr 1.5fr 1fr;gap:2rem;
  align-items:center;padding:1rem 4vw;background:white;border-bottom:1px solid var(--line)
}
.brand{display:flex;align-items:center;gap:1rem}
.fw-logo{
  width:88px;height:88px;border-radius:50%;background:#fff;
  border:4px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    conic-gradient(var(--teal),var(--teal2),var(--gold),var(--teal)) border-box;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)
}
.fw-logo .f,.fw-logo .w{
  font-family:"Playfair Display",serif;font-size:2.6rem;line-height:1;font-weight:700
}
.fw-logo .f{color:var(--teal)}
.fw-logo .w{color:var(--gold);margin-left:-5px;margin-top:16px}
.brand-copy strong{display:block;font-size:2rem;letter-spacing:.08em}
.brand-copy strong span{color:var(--teal2)}
.brand-copy small{display:block;color:var(--gold);font-size:1.08rem;letter-spacing:.35em;margin-top:-3px}
.brand-copy em{display:block;font-style:normal;font-size:.55rem;letter-spacing:.22em;margin-top:.35rem}
.search{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}
.search input{border:0;outline:0;flex:1;padding:1rem}
.search button{border:0;background:white;font-size:1.5rem;padding:0 1rem}
.account-actions{display:flex;justify-content:flex-end;gap:1rem}
.account-actions button{background:none;border:0;color:var(--dark);position:relative}
.account-actions button span{margin-left:.3rem}
.cart b{position:absolute;right:-8px;top:-10px;background:var(--teal);color:white;border-radius:50%;font-size:.65rem;padding:2px 6px}
.nav{
  display:flex;justify-content:center;gap:4.3rem;align-items:center;height:56px;
  background:white;border-bottom:1px solid var(--line);font-size:.84rem;font-weight:700
}
.hero{
  min-height:420px;display:grid;grid-template-columns:1.05fr 1.1fr .78fr;
  background:linear-gradient(100deg,#fffaf3 0%,#f6f3ed 56%,#efe6da 100%);
  padding:1.5rem 4vw;gap:1.4rem;align-items:center
}
.hero-copy{padding:1rem 0}
.eyebrow{font-size:.68rem;letter-spacing:.17em;color:#78a19e;font-weight:700}
h1,h2{font-family:"Playfair Display",serif}
h1{font-size:clamp(3rem,4.2vw,5rem);line-height:1.04;margin:.6rem 0 1.1rem}
h1 span{color:var(--teal)}
.hero-copy p{font-size:1rem;line-height:1.7;max-width:520px}
.cta-row{display:flex;gap:.8rem;margin:1.3rem 0}
.btn{padding:.9rem 1.4rem;border-radius:999px;font-weight:700;display:inline-block}
.primary{background:var(--teal);color:white;border:0}
.secondary{border:1px solid var(--teal);color:var(--teal)}
.mini-features{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.75rem}
.hero-visual img{width:100%;display:block;mix-blend-mode:multiply}
.hero-side{display:flex;flex-direction:column;gap:1rem}
.status-card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:18px;padding:1.2rem;display:flex;gap:1rem}
.status-card strong{font-size:.9rem}
.status-card p{font-size:.77rem;line-height:1.45;margin:.45rem 0}
.status-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:white;flex:0 0 auto;font-size:1.35rem}
.teal{background:var(--teal)} .gold{background:var(--gold)}
.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:1.5rem;padding:1.1rem 4vw}
.section-title h2{font-family:"DM Sans";font-size:.98rem;text-transform:uppercase;margin:.2rem 0 1rem}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.product{border:1px solid var(--line);border-radius:15px;padding:.7rem;background:white}
.product-media{height:200px;position:relative;overflow:hidden;border-radius:12px;background:#faf8f4}
.product-media img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;z-index:2;left:8px;top:8px;color:white;border-radius:999px;padding:.28rem .5rem;font-size:.58rem;text-transform:uppercase;font-weight:700}
.stock{background:var(--teal)} .demand{background:var(--gold)}
.heart{position:absolute;z-index:2;right:8px;top:5px;border:0;background:rgba(255,255,255,.85);border-radius:50%;font-size:1.1rem}
.product h3{margin:.75rem 0 .2rem;font-size:.9rem}
.product>strong{font-size:.9rem}
.stars{color:var(--gold);font-size:.77rem;margin:.4rem 0}
.stars small{color:var(--dark)}
.add,.configure{width:100%;border-radius:999px;padding:.6rem;margin-top:.45rem;font-size:.75rem;font-weight:700}
.add{background:white;border:1px solid var(--teal);color:var(--teal)}
.configure{background:var(--teal);border:1px solid var(--teal);color:white}
.all-products{text-align:center;margin:1rem 0}
.all-products button{background:white;border:1px solid var(--teal);border-radius:8px;padding:.55rem 2.5rem}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.category-grid button{min-height:110px;border:1px solid var(--line);background:#fbf9f5;border-radius:14px;font-size:1.8rem}
.category-grid button span{display:block;font-size:.72rem;margin-top:.4rem;color:var(--dark)}
.benefits{margin:0 4vw 2rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.35fr;border:1px solid var(--line);border-radius:16px;background:#fcfaf6}
.benefits>div{display:flex;gap:.6rem;padding:1.1rem;border-right:1px solid var(--line);font-size:1.3rem}
.benefits b,.benefits small{display:block;font-size:.7rem}
.benefits small{color:var(--muted);margin-top:.25rem;line-height:1.4}
.benefits .quote{border-right:0;font-size:1.4rem;align-items:flex-start}
.quote span{font-size:.67rem;line-height:1.5}
.simple-section{padding:4rem 8vw;max-width:900px}
.simple-section h2{font-size:2.5rem}
details{border-top:1px solid var(--line);padding:1rem 0}
footer{display:flex;justify-content:space-between;gap:2rem;padding:3rem 5vw;background:#f2eee7}
footer>div{display:flex;gap:.8rem;flex-direction:column}
.modal{display:none;position:fixed;inset:0;z-index:99}
.modal.open{display:block}
.backdrop{position:absolute;inset:0;background:rgba(6,35,37,.5)}
.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,92vw);background:white;border-radius:22px;padding:2rem}
.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:1.8rem}
.modal-card label{display:block;margin:1rem 0;font-weight:700}
.modal-card select{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:10px;margin-top:.35rem}
.config-total{display:flex;justify-content:space-between;padding:1rem;background:#f0f6f4;border-radius:12px;margin:1rem 0}
.toast{position:fixed;right:20px;bottom:20px;background:var(--dark);color:white;padding:.9rem 1.1rem;border-radius:12px;opacity:0;transform:translateY(15px);transition:.2s}
.toast.show{opacity:1;transform:none}
@media(max-width:1050px){
  .main-header{grid-template-columns:1fr}.search{order:3}.account-actions{position:absolute;right:4vw;top:65px}
  .nav{gap:1.3rem;overflow:auto;justify-content:flex-start;padding:0 4vw}
  .hero{grid-template-columns:1fr 1fr}.hero-side{grid-column:1/-1;flex-direction:row}
  .content-grid{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .topbar{overflow:auto;gap:2rem;white-space:nowrap;justify-content:flex-start}
  .brand-copy strong{font-size:1.4rem}.fw-logo{width:64px;height:64px}.fw-logo .f,.fw-logo .w{font-size:1.9rem}
  .account-actions span{display:none}
  .hero{grid-template-columns:1fr}.hero-side{flex-direction:column}.hero-visual{order:2}.hero-side{order:3}
  .products{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}
  .benefits{grid-template-columns:1fr}.benefits>div{border-right:0;border-bottom:1px solid var(--line)}
}

/* Complete shop integration */
.shop-flow{margin:18px 4vw 5px;padding:14px 20px;border:1px solid var(--line);border-radius:15px;background:white;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.shop-flow div{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700}.shop-flow b{width:25px;height:25px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center}.shop-flow i{color:var(--gold)}
.floating-cart{position:fixed;right:20px;bottom:20px;z-index:40;border:0;border-radius:999px;background:var(--teal);color:white;padding:13px 18px;font-weight:700;box-shadow:0 12px 35px #17303244}.floating-cart b{background:var(--gold);border-radius:50%;padding:2px 7px}
.horse-modal,.drawer,.checkout-modal{display:none;position:fixed;inset:0;z-index:80}.horse-modal.open,.drawer.open,.checkout-modal.open{display:block}.overlay{position:absolute;inset:0;background:#092d2f99;backdrop-filter:blur(4px)}
.horse-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,94vw);max-height:94vh;overflow:auto;background:white;border-radius:24px;display:grid;grid-template-columns:1fr 1fr}.x{position:absolute;right:14px;top:10px;z-index:4;border:0;background:white;border-radius:50%;width:34px;height:34px;font-size:24px}
.horse-preview{min-height:560px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#f3efe7,#e9f2ef);padding:30px}.horse-preview img{width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 22px 18px #17303235)}.chosen{position:absolute;bottom:18px;left:18px;background:#fffffff0;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:11px}
.horse-options{padding:35px}.horse-options h2,.drawer-panel h2,.checkout-card h2{font-family:"Playfair Display",serif;font-size:2rem}.horse-options>p{color:var(--muted);font-size:.85rem}.option{border-top:1px solid var(--line);padding:17px 0}.option-head{display:flex;justify-content:space-between;font-size:.85rem}.option-head span{color:var(--teal);font-weight:700}.swatches{display:flex;gap:10px;margin-top:12px}.swatches button{width:40px;height:40px;border-radius:50%;background:var(--c);border:4px solid white;outline:1px solid #bbb}.swatches button.active{outline:3px solid var(--teal)}
.select-label{display:block;font-size:.8rem;font-weight:700}.select-label select{width:100%;padding:11px;margin-top:6px;border:1px solid var(--line);border-radius:9px}.config-summary{display:flex;justify-content:space-between;gap:10px;background:#eef6f3;border-radius:12px;padding:13px;margin:17px 0;font-size:.75rem}.wide{width:100%;text-align:center}
.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(470px,94vw);background:white;padding:30px;overflow:auto}.empty{color:var(--muted)}.cart-line{display:grid;grid-template-columns:80px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-line img{width:80px;height:80px;object-fit:contain;background:#f5f1e9;border-radius:10px}.cart-line small{display:block;font-size:.68rem;color:var(--muted);margin-top:3px}.cart-line>div:last-child{text-align:right}.remove{border:0;background:none;color:#a24d48;font-size:.65rem;margin-top:8px}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-size:1.1rem}
.checkout-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(930px,94vw);max-height:92vh;overflow:auto;background:white;border-radius:24px;padding:34px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.checkout-card label{display:block;font-size:.75rem;font-weight:700;margin:10px 0}.checkout-card input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:5px}.two{display:grid;grid-template-columns:.65fr 1.35fr;gap:10px}.payments{display:grid;gap:8px}.payment{text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;background:white}.payment b,.payment span{display:block}.payment span{font-size:.68rem;color:var(--muted);margin-top:3px}.payment.active{border:2px solid var(--teal);background:#eef6f3}.checkout-summary{background:#f5f2ec;border-radius:13px;padding:14px;margin-top:16px}.checkout-summary p{font-size:.72rem;border-bottom:1px solid var(--line);padding-bottom:8px}.grand{display:flex;justify-content:space-between;margin-top:12px}.place-order{margin-top:20px}.demo-note{text-align:center;font-size:.68rem;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;z-index:120;background:var(--dark);color:white;padding:11px 16px;border-radius:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.horse-card,.checkout-grid{grid-template-columns:1fr}.horse-preview{min-height:330px}.horse-options{padding:25px}.checkout-card{padding:24px}}

/* FIXED2 interaction polish */
.horse-configure{
  width:100%;border:1px solid var(--teal);background:var(--teal);color:#fff;
  border-radius:999px;padding:.6rem;margin-top:.45rem;font-size:.75rem;font-weight:700;cursor:pointer
}
.cart-trigger{cursor:pointer}
#demoStatus{
  position:fixed;left:50%;top:18px;transform:translateX(-50%);
  background:#0d5d61;color:white;padding:9px 14px;border-radius:999px;
  font-size:12px;font-weight:700;z-index:200;box-shadow:0 8px 25px rgba(0,0,0,.2);
  transition:.3s
}
#demoStatus.hide{opacity:0;transform:translate(-50%,-10px);pointer-events:none}

.request-size{margin-top:9px;background:white!important;color:var(--teal)!important}

.hoodie-configure{width:100%;border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:999px;padding:.6rem;margin-top:.45rem;font-size:.75rem;font-weight:700;cursor:pointer}

.admin-open{border:1px solid var(--teal);background:white;color:var(--teal);border-radius:999px;padding:.55rem .8rem;font-size:.68rem;font-weight:700;cursor:pointer}
.admin-modal{display:none;position:fixed;inset:0;z-index:100}.admin-modal.open{display:block}
.admin-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,95vw);max-height:94vh;overflow:auto;background:white;border-radius:24px;padding:34px}
.admin-card h2{font-family:"Playfair Display",serif;font-size:2rem;margin:.4rem 0}.admin-intro{color:var(--muted);font-size:.82rem}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:20px}.admin-grid section{min-width:0}.admin-grid label{display:block;font-size:.75rem;font-weight:700;margin:10px 0}.admin-grid input,.admin-grid select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;margin-top:5px}.admin-grid input[type=checkbox]{width:auto;margin-right:7px}.check{display:flex!important;align-items:center;font-weight:400!important}
.admin-price-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;margin:7px 0;font-size:.75rem}.image-preview{height:115px;border:1px dashed #bbb;border-radius:10px;display:grid;place-items:center;color:var(--muted);font-size:.7rem;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:contain}.small-note{font-size:.68rem;color:var(--muted)}
.admin-product{display:grid;grid-template-columns:60px 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.admin-product img{width:60px;height:60px;object-fit:contain;background:#f5f1e9;border-radius:8px}.admin-product small{display:block;color:var(--muted);font-size:.65rem;margin-top:2px}.admin-product button{border:0;background:none;color:#a24d48;font-size:.65rem}.admin-warning{background:#fff7e7;border:1px solid #ead7a7;border-radius:11px;padding:12px;font-size:.68rem;line-height:1.5;margin-top:18px}.no-product-image{height:100%;display:grid;place-items:center;font:700 2rem Georgia;color:var(--teal)}.admin-demo-config{width:100%;border:1px solid var(--teal);background:var(--teal);color:white;border-radius:999px;padding:.6rem;margin-top:.45rem;font-size:.7rem;font-weight:700}
@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.admin-card{padding:24px}.admin-open{display:none}}

.file-status{padding:9px 11px;background:#eef6f3;border-radius:9px;font-size:.68rem;color:var(--teal);margin-top:-4px}
.three-mf-info{margin:10px 0 16px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#faf8f3}
.three-mf-info b,.three-mf-info span{display:block}.three-mf-info b{font-size:.72rem}.three-mf-info span{font-size:.65rem;color:var(--muted);line-height:1.45;margin-top:4px}

.size-rows{display:grid;gap:7px}.dynamic-size-row{display:grid;grid-template-columns:1fr 1fr 34px;gap:7px}.dynamic-size-row input{margin:0!important}.remove-size{border:1px solid #d9caca;background:white;color:#a24d48;border-radius:8px;font-size:18px}.add-size{width:100%;border:1px dashed var(--teal);background:#eef6f3;color:var(--teal);border-radius:9px;padding:9px;font-size:.72rem;font-weight:700;margin-top:8px}.edit-cancel{margin-top:8px}.admin-actions{display:flex;flex-direction:column;gap:5px}.admin-actions button{border:1px solid var(--teal);border-radius:7px;padding:5px 7px!important;color:var(--teal)!important}.admin-actions .danger{border-color:#d7aaaa;color:#a24d48!important}

.admin-new-badge{position:absolute;right:10px;bottom:10px;background:var(--teal);color:#fff;border-radius:999px;padding:4px 8px;font-size:.58rem;font-weight:800;letter-spacing:.05em}

/* FIXED3: Admin product insertion + image feedback */
.field-help{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.64rem;
  line-height:1.4;
  font-weight:400;
}
.image-preview{
  position:relative;
}
.image-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#f7f3ec;
}
.image-ok{
  position:absolute;
  right:7px;
  bottom:7px;
  background:var(--teal);
  color:#fff;
  border-radius:999px;
  padding:4px 7px;
  font-size:.58rem;
  font-weight:700;
}
.no-product-image{
  height:100%;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:var(--teal);
}
.no-product-image b{
  font:700 2rem Georgia;
}
.no-product-image small{
  font-size:.6rem;
  color:var(--muted);
}
.custom-admin-product.just-added{
  outline:3px solid var(--teal);
  box-shadow:0 0 0 7px rgba(46,145,144,.13), var(--shadow);
  animation:productPulse .7s ease-in-out 2;
}
@keyframes productPulse{
  50%{transform:translateY(-5px)}
}

#addScheiben{width:100%;border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:999px;padding:.6rem;margin-top:.45rem;font-size:.75rem;font-weight:700;cursor:pointer}

.order-notice{max-width:1120px;margin:18px auto;padding:14px 18px;border:1px solid #d9c99f;background:#fff8e8;border-radius:14px;display:flex;gap:12px;align-items:center;font-size:.72rem}.order-notice b{color:var(--teal);white-space:nowrap}.order-notice span{color:var(--muted)}
.badge.stock{background:#2f7d55;color:#fff}
@media(max-width:700px){.order-notice{margin:12px;display:block}.order-notice span{display:block;margin-top:5px}}

.product-media img{object-fit:contain!important;background:#f7f4ee}
.horse-preview img{object-fit:contain!important}

.lang-switch{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:10px;border:1px solid var(--line);border-radius:999px;padding:3px 6px;background:#fff}
.lang-switch button{border:0;background:transparent;color:var(--muted);font-size:.67rem;font-weight:800;cursor:pointer;padding:5px 7px;border-radius:999px}
.lang-switch button.active{background:var(--teal);color:#fff}
.lang-switch span{color:var(--line);font-size:.7rem}
@media(max-width:700px){.lang-switch{order:3;margin-left:0}}