:root{--c:#d94f5c;--c2:#b93a47;--soft:#fdf0f1;--ink:#2b2730;--mut:#7a7480;--line:#ece7ea;--bg:#faf8f7;--ok:#1f9d55;--warn:#b7791f;--wa:#25d366;--r:14px;--sh:0 6px 24px rgba(40,20,30,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
h1,h2,h3{line-height:1.25;margin:0 0 .5em}h1{font-size:1.7rem}h2{font-size:1.35rem}
.wrap{max-width:1240px;margin:0 auto;padding:0 18px}.muted{color:var(--mut)}.small{font-size:.86rem}.big{font-size:1.15rem}.narrow{max-width:760px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--c);background:#fff;color:var(--c);font-weight:600;font-size:.95rem;cursor:pointer;transition:.15s;font-family:inherit;text-align:center}
.btn:hover{background:var(--soft)}.btn--primary{background:var(--c);color:#fff}.btn--primary:hover{background:var(--c2);border-color:var(--c2)}
.btn--ghost{border-color:var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--c);color:var(--c);background:#fff}
.btn--wa{background:var(--wa);border-color:var(--wa);color:#fff}.btn--wa:hover{background:#1ebe5b}
.btn--sm{padding:6px 12px;font-size:.85rem}.btn--lg{padding:14px 26px;font-size:1.05rem}.btn--block{width:100%}
.linkbtn{background:none;border:0;color:var(--mut);cursor:pointer;text-decoration:underline;font-size:.85rem}
.iconbtn{background:none;border:0;cursor:pointer;padding:6px;color:var(--ink)}
.topbar{background:var(--ink);color:#fff;text-align:center;font-size:.85rem;padding:7px 12px}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header__in{display:flex;align-items:center;gap:18px;height:70px}.header__burger{display:none}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem;color:var(--c);white-space:nowrap}.logo img{max-height:46px;width:auto}
.logo__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft)}.logo__text{letter-spacing:-.02em}
.search{flex:1;display:flex;max-width:560px;margin:0 auto;background:var(--bg);border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.search:focus-within{border-color:var(--c)}.search input{flex:1;border:0;background:none;padding:10px 16px;font:inherit;outline:0;min-width:0}.search button{border:0;background:none;padding:0 14px;color:var(--mut);cursor:pointer}
.cartbtn{position:relative;padding:8px;border-radius:12px}.cartbtn:hover{background:var(--soft)}
.cartbtn__n{position:absolute;top:0;right:-2px;background:var(--c);color:#fff;font-size:.72rem;font-weight:700;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 4px}
.nav{border-top:1px solid var(--line)}.nav__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;height:46px;align-items:center}.nav__in::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;padding:6px 12px;border-radius:999px;font-size:.92rem;font-weight:500}.nav a:hover{background:var(--soft);color:var(--c)}.nav__all{font-weight:700!important;color:var(--c)}
.drawer{position:fixed;inset:0 auto 0 0;width:300px;max-width:85vw;background:#fff;z-index:100;transform:translateX(-105%);transition:.25s;overflow-y:auto;padding-bottom:30px}
.drawer a{display:block;padding:12px 20px;border-bottom:1px solid var(--line)}.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--soft)}
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99;display:none}.nav-open .drawer{transform:none}.nav-open .drawer-bg{display:block}
main{min-height:60vh}.sec{padding-top:34px;padding-bottom:34px}.sec__head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}.sec__head h2{margin:0}.sec__head a{color:var(--c);font-weight:600}
.pagetitle{padding:26px 0 8px}.crumbs{font-size:.85rem;color:var(--mut);padding:16px 0 0;display:flex;flex-wrap:wrap;gap:6px}.crumbs a:hover{color:var(--c)}
.hero{background:linear-gradient(120deg,#fff3ef,#fde4e7 55%,#f7eef9);overflow:hidden}
.hero__in{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding:56px 18px}
.eyebrow{display:inline-block;background:#fff;color:var(--c);font-weight:600;font-size:.85rem;padding:5px 12px;border-radius:999px;margin-bottom:14px;box-shadow:var(--sh)}
.hero h1{font-size:2.5rem;letter-spacing:-.02em}.hero p{font-size:1.1rem;color:#5b5560;margin:0 0 22px;max-width:520px}
.hero__art{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero__art a{border-radius:20px;overflow:hidden;box-shadow:var(--sh);background:#fff;aspect-ratio:1}
.hero__art a:first-child{grid-row:span 2;aspect-ratio:auto}.hero__art img{width:100%;height:100%;object-fit:cover}
.slider{position:relative;height:420px;overflow:hidden;background:#eee}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s;display:flex;align-items:center}.slide.is-active{opacity:1;z-index:1}
.slide__txt{max-width:1240px;margin:0 auto;width:100%;padding:0 40px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.slide__txt h2{font-size:2.4rem}.slide__txt p{font-size:1.15rem}
.slider__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}.slider__dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.6);cursor:pointer;padding:0}.slider__dots .is-active{background:#fff;width:26px;border-radius:5px}
.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-26px;position:relative;z-index:2}
.usp div{background:#fff;border-radius:var(--r);padding:16px;box-shadow:var(--sh);display:grid;grid-template-columns:auto 1fr;column-gap:12px;font-size:1.4rem;align-items:center}
.usp b{font-size:.95rem}.usp span{grid-column:2;font-size:.82rem;color:var(--mut)}.usp b,.usp span{line-height:1.3}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.cat{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:.2s;text-align:center}.cat:hover{transform:translateY(-3px)}
.cat img{aspect-ratio:1;object-fit:cover;width:100%;background:var(--soft)}.cat span{display:block;padding:10px 8px;font-weight:600;font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}
.card:hover{box-shadow:var(--sh);transform:translateY(-2px)}.card__img{position:relative;aspect-ratio:1;background:#f3f0f1}.card__img img{width:100%;height:100%;object-fit:cover}
.card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.card__title{font-size:.93rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.card__title:hover{color:var(--c)}
.card__add{margin-top:auto}.card__add .btn{width:100%}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price strong{font-size:1.12rem;color:var(--ink)}.price del{color:var(--mut);font-size:.88rem}
.price--lg strong{font-size:1.8rem;color:var(--c)}.price--lg del{font-size:1.05rem}
.badge{position:absolute;top:10px;left:10px;font-size:.78rem;font-weight:700;padding:4px 9px;border-radius:999px}.badge--sale{background:var(--c);color:#fff}.badge--lg{font-size:.95rem;padding:6px 12px}
.sale-note{color:var(--c)}
.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.controls select,.controls input{padding:7px 10px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.controls input{width:100px}
.listhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{background:#fff;border:1px solid var(--line);padding:5px 12px;border-radius:999px;font-size:.86rem}.chip:hover{border-color:var(--c);color:var(--c)}
.catdesc{background:#fff;border-radius:var(--r);padding:14px 18px;margin:10px 0;font-size:.92rem}
.catlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.catlist__item{background:#fff;border-radius:var(--r);padding:16px;border:1px solid var(--line)}.catlist__top{font-weight:700;font-size:1.05rem;color:var(--c)}
.pager{display:flex;justify-content:center;gap:6px;margin:30px 0;flex-wrap:wrap}.pager a,.pager span{min-width:38px;padding:7px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);text-align:center}.pager .is-active,.pager span.is-active{background:var(--c);color:#fff;border-color:var(--c)}
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;padding:20px 0 40px}
.gallery__main{position:relative;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:1}.gallery__main img{width:100%;height:100%;object-fit:contain}
.gallery__thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.gallery__thumbs button{flex:0 0 74px;height:74px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:#fff}.gallery__thumbs button.is-active{border-color:var(--c)}.gallery__thumbs img{width:100%;height:100%;object-fit:cover}
.pdp__info h1{font-size:1.55rem}.buybox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:16px 0;display:flex;flex-direction:column;gap:12px}
.buybox__row{display:flex;gap:10px;flex-wrap:wrap}.buybox__row .btn{flex:1}
.qty{display:flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.qty button{width:40px;border:0;background:none;font-size:1.2rem;cursor:pointer}.qty input{width:46px;border:0;text-align:center;font:inherit;-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{display:none}
.perks{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px;font-size:.9rem}
.prose{line-height:1.7}.prose img{height:auto}.prose table{border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:4px 8px}
.field,label.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:.9rem;font-weight:500}
.field input,.field textarea,.field select,input.field{padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff;width:100%}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--c)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;margin:8px 0}
.card-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px}
.alert{padding:13px 16px;border-radius:12px;margin:12px 0;border:1px solid}.alert--ok{background:#ecf9f1;border-color:#b5e5c8;color:#14663a}.alert--warn{background:#fff8e6;border-color:#f3d48a;color:#7a4f00}.alert--err{background:#fdecee;border-color:#f3b8bf;color:#9b1c2c}
.alert h2,.alert h3{margin-top:0}
.cart,.checkout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;padding-bottom:40px}
.line{display:grid;grid-template-columns:84px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:10px}
.line img{width:84px;height:84px;object-fit:cover;border-radius:10px;background:#f3f0f1}.line__info a{font-weight:500}.line__qty{display:flex;flex-direction:column;align-items:center;gap:4px}.line__qty input{width:64px;padding:7px;border:1px solid var(--line);border-radius:8px;text-align:center}.line__total{font-weight:700;min-width:90px;text-align:right}
.summary{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;position:sticky;top:130px}.summary--flat{position:static}
.mini{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.9rem}
.summary__total{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:800;padding:12px 0}
.steps{list-style:none;padding:0;margin:18px 0 22px;display:flex;gap:6px;counter-reset:s;flex-wrap:wrap}
.steps li{flex:1;min-width:120px;counter-increment:s;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:.85rem;color:var(--mut)}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);margin-right:8px;font-weight:700;font-size:.78rem}
.steps .is-done{color:var(--ok)}.steps .is-done::before{content:"✓";background:var(--ok);color:#fff}.steps .is-active{color:var(--c);border-color:var(--c);font-weight:600}.steps .is-active::before{background:var(--c);color:#fff}
.paynote,.paybox{background:var(--soft);border-radius:var(--r);padding:16px 18px;margin:14px 0}.paybox{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.paybox p{margin:0;max-width:760px}
.banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:12px 0}
.bank{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:16px}.bank__name{font-weight:700;margin-bottom:8px}.bank__holder{font-weight:600;margin-bottom:6px}
.iban{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.iban code{font-size:1rem;font-weight:600;letter-spacing:.03em;background:var(--bg);padding:6px 10px;border-radius:8px;word-break:break-all}
.paydetails{display:flex;gap:16px;flex-wrap:wrap;background:#fff;border:1.5px dashed var(--c);border-radius:var(--r);padding:14px 18px;margin:12px 0}.paydetails div{display:flex;flex-direction:column;gap:2px}.paydetails span{font-size:.82rem;color:var(--mut)}.paydetails b{font-size:1.15rem}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.opts .card-box{height:100%;margin:0}.opt-wa{border-color:#bdeccd;background:#f3fcf6}
.receipt input[type=file]{width:100%;padding:12px;border:2px dashed var(--line);border-radius:12px;background:var(--bg)}
.empty{text-align:center;padding:60px 20px}
.pers{font-size:.85rem;color:var(--c)}
.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:600;background:#eee}
.status--amber{background:#fff3d6;color:#8a5a00}.status--blue{background:#e5effd;color:#1d4fa0}.status--green{background:#e3f6ea;color:#16683a}.status--red{background:#fde6e8;color:#9b1c2c}.status--gray{background:#eee;color:#555}.status--teal{background:#dff5f3;color:#0f6b63}.status--purple{background:#efe7fb;color:#5b2ea0}
.footer{background:#2b2730;color:#d9d3dc;margin-top:50px;padding:44px 0 0;font-size:.9rem}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;padding:3px 0}.footer a:hover{color:#fff}.footer p{margin:0 0 8px}
.logo--footer{color:#fff;margin-bottom:10px}.logo--footer .logo__mark{background:rgba(255,255,255,.1)}
.pay-badge{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:8px;margin-top:6px!important}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding:16px 18px;font-size:.82rem;color:#a39ca8}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:90;background:var(--wa);color:#fff;border-radius:999px;display:flex;align-items:center;gap:8px;padding:12px 18px 12px 14px;box-shadow:0 8px 24px rgba(37,211,102,.45);font-weight:700;transition:.2s}
.wa-float:hover{transform:scale(1.05)}
@media (max-width:980px){.hero__in,.pdp,.cart,.checkout{grid-template-columns:1fr}.summary{position:static}.usp{grid-template-columns:1fr 1fr;margin-top:16px}.footer__grid{grid-template-columns:1fr 1fr}.hero h1{font-size:2rem}.hero__art{max-width:520px}}
@media (max-width:720px){
 .header__burger{display:block}.header__in{flex-wrap:wrap;height:auto;padding:10px 18px;gap:10px}.logo{flex:1;font-size:1.15rem}.search{order:3;flex-basis:100%;max-width:none}
 .nav{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card__body{padding:10px}.card__title{font-size:.86rem}.price strong{font-size:1rem}
 .cats{grid-template-columns:repeat(3,1fr);gap:8px}.cat span{font-size:.78rem;padding:7px 4px}.hero__art{display:none}
 .opts,.row2{grid-template-columns:1fr}.line{grid-template-columns:64px 1fr;}.line img{width:64px;height:64px}.line__qty,.line__total{grid-column:2;justify-self:start;flex-direction:row}
 .slider{height:260px}.slide__txt h2{font-size:1.5rem}.slide__txt{padding:0 20px}.hero__in{padding:30px 18px}.footer__grid{grid-template-columns:1fr}
 .wa-float span{display:none}.wa-float{padding:13px}.steps li{min-width:0;font-size:0;padding:8px}.steps li::before{margin:0;font-size:.78rem}.steps .is-active{font-size:.8rem}h1{font-size:1.4rem}
}

/* Payment reference code + receipt next to IBAN */
.payflow{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.payflow__rcpt{border-left:1.5px dashed var(--line);padding-left:20px}
.payflow .banks{grid-template-columns:1fr}
.paycode{background:#fff6f4;border:2px solid var(--c);border-radius:var(--r);padding:14px 18px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.paycode__txt{font-weight:600;font-size:1.02rem}.paycode__code{display:inline-block;font-size:1.9rem;letter-spacing:.18em;color:var(--c);background:#fff;border-radius:8px;padding:2px 12px;margin-left:4px;vertical-align:middle}
.paycode__amt{flex-basis:100%;font-size:.9rem;color:var(--mut)}
.payopts{display:flex;flex-direction:column;gap:14px}.payopts .receipt{margin:0}.payopts .opt-wa{border:1.5px solid #bdeccd;background:#f3fcf6;border-radius:var(--r);padding:14px}
.payopts h3{font-size:1rem;margin:0 0 6px}
@media(max-width:860px){.payflow{grid-template-columns:1fr}.payflow__rcpt{border-left:0;padding-left:0;border-top:1.5px dashed var(--line);padding-top:16px}.paycode__code{font-size:1.6rem}}