:root{--ink:#1d2433;--muted:#5d6678;--line:#e4e7ee;--bg:#fbfaf8;--card:#fff;--accent:#0f5c63;--accent2:#e9f2f2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}
a{color:var(--accent)}header{background:#fff;border-bottom:1px solid var(--line)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.top{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:12px;flex-wrap:wrap}
.logo{font-weight:700;letter-spacing:.04em;color:var(--ink);text-decoration:none}.logo span{color:var(--accent)}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:15px}nav a{text-decoration:none}
.who{color:var(--muted);font-size:14px}
.btn-s{background:var(--accent);color:#fff!important;padding:7px 14px;border-radius:99px}
.crumb{font-size:14px;color:var(--muted);margin:22px 0 10px}.crumb a{color:var(--muted);text-decoration:none}
.prod{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;margin-bottom:56px}
.imgbox{background:#fff;border:1px solid var(--line);border-radius:18px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.imgbox img{width:100%;height:100%;object-fit:contain}
.ph{color:var(--muted);font-size:14px;text-align:center;padding:20px}
.tag{display:inline-block;background:var(--accent2);color:var(--accent);font-size:13px;font-weight:600;padding:4px 12px;border-radius:99px}
h1{font-family:'Playfair Display',Georgia,serif;font-size:38px;line-height:1.15;margin:14px 0 8px}
.size{color:var(--muted);margin:0 0 16px}.intro{font-size:18px;margin:0 0 22px}
h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 8px}
ul{margin:0;padding-left:20px}li{margin:4px 0}
.pro{background:#fff6e8;border:1px solid #f1d9ad;border-radius:12px;padding:12px 14px;font-size:15px;margin-top:18px}
.todo{background:#fdecec;border:1px dashed #d88;border-radius:12px;padding:12px 14px;font-size:15px;margin-top:18px}
.btn{display:inline-block;margin-top:14px;background:var(--accent);color:#fff;text-decoration:none;padding:12px 24px;border-radius:99px;font-weight:600;border:0;font-size:16px;cursor:pointer;font-family:inherit}
.btn.ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}
.pricebox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:24px}
.pricebox.lock{background:#f6f8fa}.pricebox p{margin:4px 0 0;color:var(--muted)}
.price{font-size:30px;font-weight:700;color:var(--accent)}.price.small{font-size:20px}
.pricebox small{display:block;color:var(--muted)}.pricebox .hint{margin-top:8px;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:10px 0 56px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);overflow:hidden;display:flex;flex-direction:column}
.card .imgbox{border:0;border-radius:0;border-bottom:1px solid var(--line)}
.card .t{padding:14px 16px}.card b{display:block;font-size:16px}.card small{color:var(--muted)}.card .cp{color:var(--accent);font-weight:600;margin-top:4px;display:block}
.hero p{color:var(--muted);max-width:640px}
.form{max-width:460px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin:30px 0 60px}
.form label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}
.form input{width:100%;padding:11px 12px;border:1px solid #cfd5df;border-radius:10px;font-size:16px;font-family:inherit}
.form .row{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px}.form .row input{width:auto}
.err{background:#fdecec;color:#8a1f1f;padding:10px 12px;border-radius:10px;margin:10px 0}
.ok{background:#e8f6ec;color:#1d5c33;padding:10px 12px;border-radius:10px;margin:10px 0}
table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;margin:12px 0 30px}th,td{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.st-pending{color:#9a6200;font-weight:600}.st-approved{color:#1d5c33;font-weight:600}.st-rejected{color:#8a1f1f;font-weight:600}
td form{display:inline}td .btn{margin:0;padding:6px 12px;font-size:13px}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding:22px 0;background:#fff}
@media(max-width:760px){.prod{grid-template-columns:1fr;gap:22px}h1{font-size:30px}table{display:block;overflow-x:auto}}

.specs{margin:6px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.specs th{width:42%;background:#f6f8fa;font-weight:600;color:var(--muted)}

/* ---- Pop-up i produktit ---- */
body.noscroll{overflow:hidden}
.pop{position:fixed;inset:0;z-index:50}
.pop-bg{position:absolute;inset:0;background:rgba(20,26,38,.45);opacity:0;transition:opacity .2s}
.pop-sheet{position:absolute;left:50%;top:4vh;transform:translate(-50%,24px);width:min(1040px,94vw);height:92vh;background:var(--bg);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:transform .22s ease,opacity .22s ease;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.pop.open .pop-bg{opacity:1}.pop.open .pop-sheet{transform:translate(-50%,0);opacity:1}
.pop-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}
.pop-bar button{font:inherit;border:0;background:none;cursor:pointer;color:var(--accent)}
.pop-back{font-weight:600;font-size:16px;padding:8px 6px;margin-right:auto}
.pop-nav button{font-size:22px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line)!important;margin-left:4px}
.pop-x{font-size:18px;width:40px;height:40px;border-radius:50%;background:#f1f3f6!important;color:var(--ink)!important;margin-left:6px}
.pop-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 24px 40px;flex:1}
.pop-body .prod{margin-bottom:10px}
.pop-load{color:var(--muted);padding:40px;text-align:center}
.backbar{display:inline-block;margin-top:16px;font-weight:600;text-decoration:none}
@media(max-width:760px){
  .pop-sheet{left:0;top:auto;bottom:0;transform:translateY(100%);width:100%;height:94vh;border-radius:18px 18px 0 0}
  .pop.open .pop-sheet{transform:translateY(0)}
  .pop-bar{position:relative;padding-top:16px}
  .pop-bar:before{content:"";position:absolute;top:6px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:#cfd5df}
  .pop-body{padding:14px 16px 90px}
  .backbar{position:sticky;top:0;z-index:5;display:block;margin:0 -20px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}
  .pop-body .imgbox{aspect-ratio:4/3}
}

h1 .sub{font-family:'Inter',sans-serif;font-weight:400;font-size:.55em;color:var(--muted)}
h2.grp{font-size:18px;text-transform:none;letter-spacing:0;color:var(--ink);margin:34px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--line)}

/* ===================== Shporta, kërkimi, porositë ===================== */
header{position:sticky;top:0;z-index:30}
.top{flex-wrap:nowrap}
.hsearch{position:relative;flex:1;max-width:440px;margin:0 8px}
.hsearch input.js-search,.drawer-search input.js-search{width:100%;padding:10px 14px 10px 38px;border:1px solid #cfd5df;border-radius:99px;font:inherit;font-size:15px;background:#f6f8fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d6678' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center}
.hsearch input.js-search:focus,.drawer-search input.js-search:focus{outline:none;border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 3px var(--accent2)}
.sres{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(20,26,38,.16);max-height:70vh;overflow-y:auto;z-index:40}
.sr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line)}.sr.on,.sr:hover{background:#f6f8fa}
.sr-a{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:var(--ink)}
.sr-img{width:46px;height:46px;flex:0 0 46px;border-radius:8px;background:#f1f3f6;overflow:hidden;display:flex}.sr-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.sr-t{min-width:0}.sr-t b{display:block;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-t small{color:var(--muted);font-size:12px}
.sr-all{display:block;padding:10px 14px;font-weight:600;text-decoration:none;font-size:14px}
.sr-none{padding:16px;color:var(--muted);font-size:14px}
.cartbtn{position:relative;border:1px solid var(--line);background:#fff;border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;flex:0 0 auto}
.badge{position:absolute;top:-4px;right:-4px;background:#d64545;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.badge.bump{animation:bump .35s}@keyframes bump{50%{transform:scale(1.35)}}

/* sasia + butonat */
.buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.qty{display:inline-flex;align-items:center;border:1px solid #cfd5df;border-radius:99px;background:#fff;overflow:hidden}
.qty button{border:0;background:none;width:40px;height:44px;font-size:20px;color:var(--accent);cursor:pointer;font-family:inherit}
.qty button:active{background:var(--accent2)}
.qty input{width:48px;border:0;text-align:center;font:inherit;font-size:16px;font-weight:600;-moz-appearance:textfield;background:transparent}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty.sm button{width:32px;height:34px;font-size:17px}.qty.sm input{width:36px;font-size:14px}
.buy .btn{margin:0}.buy .add.done{background:#1d7a46}
.buy .offer{font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px dashed currentColor;white-space:nowrap}
.buy.compact{padding:0 16px 16px;margin-top:auto;gap:8px;display:grid;grid-template-columns:auto 1fr;align-items:center}
.buy.compact .qty button{width:34px;height:38px}.buy.compact .qty input{width:38px;font-size:15px}
.buy.compact .btn{padding:9px 12px;font-size:15px;white-space:nowrap;text-align:center}.buy.compact .offer{font-size:13px;grid-column:1/-1;justify-self:start}
.buy.mini{padding:0;display:flex;flex-wrap:nowrap}.buy.mini .btn{padding:7px 12px;font-size:13px}
.card>a{text-decoration:none;color:inherit;display:block}
.card .t{flex:1}

/* toast */
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;transition:.2s;z-index:70;background:#1d2433;color:#fff;border-radius:16px;padding:12px 14px 12px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:min(680px,94vw);box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:15px}
.toast.show{transform:translate(-50%,0);opacity:1}
.toast .tbtns{display:flex;gap:8px;margin-left:auto}
.toast button{font:inherit;font-size:14px;font-weight:600;border-radius:99px;padding:8px 14px;cursor:pointer;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff}
.toast button.primary{background:#fff;color:var(--ink);border-color:#fff}

/* shporta anësore */
.drawer{position:fixed;inset:0;z-index:60}
.drawer-bg{position:absolute;inset:0;background:rgba(20,26,38,.45);opacity:0;transition:opacity .2s}
.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease;box-shadow:-10px 0 40px rgba(0,0,0,.15)}
.drawer.open .drawer-bg{opacity:1}.drawer.open .drawer-panel{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-size:18px}
.drawer-head .pop-x{border:0;cursor:pointer;font-size:18px;width:40px;height:40px;border-radius:50%;background:#f1f3f6}
.drawer-search{position:relative;padding:12px 18px;border-bottom:1px solid var(--line)}
.drawer-search .sres{left:12px;right:12px}
.drawer-search.inline{padding:0;border:0;margin-top:6px}.drawer-search.inline .sres{left:0;right:0}
.drawer-items{flex:1;overflow-y:auto;padding:4px 18px}
.drawer-foot{border-top:1px solid var(--line);padding:14px 18px 18px;background:#fbfaf8}
.drawer-total div{display:flex;justify-content:space-between;font-size:18px}.drawer-total small{color:var(--muted);display:block;margin-top:2px}
.btn.wide{display:block;width:100%;text-align:center;margin-top:12px}
.drawer-alt{text-align:center;margin-top:10px;font-size:14px;color:var(--muted)}
.linkbtn{border:0;background:none;color:var(--accent);font:inherit;cursor:pointer;padding:0}
.ci{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);position:relative;transition:opacity .2s}.ci.gone{opacity:.3}
.ci-img{width:64px;height:64px;flex:0 0 64px;border-radius:10px;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);text-align:center;text-decoration:none}
.ci-img img{width:100%;height:100%;object-fit:contain}
.ci-t{flex:1;min-width:0}.ci-t a{text-decoration:none;color:var(--ink)}.ci-t b{display:block;font-size:15px;line-height:1.3;padding-right:24px}.ci-t small{color:var(--muted);font-size:13px}
.ci-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.ci-line{font-weight:700}
.ci-x{position:absolute;top:10px;right:0;border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:4px}
.empty{color:var(--muted);padding:24px 0}.empty.big{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;text-align:center;margin:20px 0 60px}

/* faqja e porosisë */
.checkout{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start;margin-bottom:60px}
.summary{position:sticky;top:84px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.summary small{display:block;margin-top:6px;color:var(--muted)}
.sumrow{display:flex;justify-content:space-between;padding:6px 0}.sumrow.total{font-size:20px;border-top:1px solid var(--line);margin-top:6px;padding-top:12px}
.offerall{display:block;text-align:center;margin-top:12px;font-size:14px;font-weight:600;text-decoration:none}
.cart-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}
.addmore{margin:16px 0 0}
.steps{display:flex;gap:6px;margin:4px 0 14px;flex-wrap:wrap}.steps span{font-size:13px;padding:4px 12px;border-radius:99px;background:#f1f3f6;color:var(--muted)}.steps .on{background:var(--accent2);color:var(--accent);font-weight:600}
.form.wide{max-width:none;margin:18px 0 0}
.form textarea,.form select{width:100%;padding:11px 12px;border:1px solid #cfd5df;border-radius:10px;font:inherit;font-size:16px}
.h2b{font-size:18px;text-transform:none;letter-spacing:0;color:var(--ink);margin:4px 0 10px}
.form .h2b{margin-top:22px}.form .h2b:first-of-type{margin-top:0}
.muted{color:var(--muted)}.small{font-size:13px}
.paygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.payopt{display:flex!important;gap:10px;align-items:flex-start;border:1px solid #cfd5df;border-radius:12px;padding:12px;cursor:pointer;margin:0!important;font-weight:400!important}
.payopt input{width:auto!important;margin-top:4px}.payopt small{display:block;color:var(--muted);font-size:13px}
.payopt:has(input:checked){border-color:var(--accent);background:var(--accent2)}
.thanks{display:flex;gap:16px;align-items:flex-start;background:#e8f6ec;border:1px solid #bfe3cb;border-radius:16px;padding:20px;margin:16px 0}
.thanks h1{font-size:28px;margin:0 0 6px}.check{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#1d7a46;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.track{display:flex;list-style:none;padding:0;margin:18px 0 22px;counter-reset:s}
.track li{flex:1;text-align:center;font-size:13px;color:var(--muted);position:relative;padding-top:30px}
.track li:before{counter-increment:s;content:counter(s);position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:#e4e7ee;color:#fff;font-weight:700;line-height:24px;z-index:1}
.track li:after{content:"";position:absolute;top:11px;left:-50%;width:100%;height:3px;background:#e4e7ee}.track li:first-child:after{display:none}
.track li.done{color:var(--ink)}.track li.done:before,.track li.done:after{background:var(--accent)}.track li.now{font-weight:700}
.olines{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:0}.olines .r,table .r{text-align:right;white-space:nowrap}.olines .tot td{font-weight:700;font-size:16px}
.bank{background:#f6f8fa;border-radius:10px;padding:10px 12px;font-size:14px;margin:10px 0}
.olist{background:#fff;border:1px solid var(--line);border-radius:16px;margin:16px 0 60px}
.orow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.orow:hover{background:#f6f8fa}
.orow small{display:block;color:var(--muted)}.orow .r{text-align:right}
.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:#f1f3f6;color:var(--muted);margin-left:8px}
.s-new{background:#fff1d6;color:#8a5a00}.s-preparing{background:#e3eefc;color:#1f4f8f}.s-ready{background:#e9e3fc;color:#4b2f8f}.s-delivered{background:var(--accent2);color:var(--accent)}.s-paid{background:#e8f6ec;color:#1d5c33}.s-cancelled{background:#fdecec;color:#8a1f1f}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.filters a{font-size:13px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:#fff;text-decoration:none}.filters a.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.adm-order{background:#fff;border:2px solid var(--accent);border-radius:16px;padding:18px 20px;margin:14px 0 24px}
.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.adm-grid label{font-size:13px;font-weight:600}.adm-grid .span2{grid-column:1/-1}
.adm-grid input,.adm-grid select{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #cfd5df;border-radius:8px;font:inherit}
.pin{width:100px;padding:6px 8px;border:1px solid #cfd5df;border-radius:8px;font:inherit;text-align:right}
tr.click{cursor:pointer}tr.click:hover td{background:#f6f8fa}

@media(max-width:900px){.checkout{grid-template-columns:1fr}.summary{position:static}}
@media(max-width:760px){
  header{position:static}
  .fab{display:flex!important}
  header .cartbtn{display:none}
  .toast{left:3vw;right:3vw;bottom:84px;max-width:none;transform:translateY(20px)}.toast.show{transform:none}
  .top{flex-wrap:wrap;padding-bottom:10px}
  .hsearch{order:3;flex-basis:100%;max-width:none;margin:0}
  nav{gap:10px;font-size:14px}.who{display:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card .t{padding:10px 12px}.card b{font-size:14px}
  .buy.compact{padding:0 10px 12px;grid-template-columns:1fr}.buy.compact .qty{justify-content:space-between}
  .paygrid{grid-template-columns:1fr}
  .toast{bottom:12px}.toast .tbtns{margin-left:0;width:100%}.toast .tbtns button{flex:1}
  .track li{font-size:11px}
  .adm-grid{grid-template-columns:1fr}
}
[hidden]{display:none!important}

.fab{display:none;position:fixed;right:16px;bottom:16px;z-index:55;width:58px;height:58px;border-radius:50%;border:0;background:var(--accent);color:#fff;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(15,92,99,.4);cursor:pointer}
.fab .badge{top:-2px;right:-2px;border:2px solid #fff}
.drawer-search .buy.mini .qty{display:none}
@media(max-width:760px){.buy.mini .qty{display:none}.sr-t small{display:block}}
/* kreditet */
.drawer-credit{margin-top:8px;font-size:13px;background:#fff8e6;border:1px solid #f1dfae;color:#6b4e00;border-radius:10px;padding:8px 10px}
.payopt.credit{border-color:#e7c766;background:#fffaf0}.payopt.credit:has(input:checked){background:#fff1cc;border-color:#d4a72c}
.sumrow.credit b{color:#a06d00}.earn{color:#8a5a00!important}
.olines .crow td{color:#a06d00}
.credits{display:grid;grid-template-columns:260px 1fr;gap:16px;margin:10px 0 18px}
.cbal{background:linear-gradient(135deg,#0f5c63,#16808a);color:#fff;border-radius:16px;padding:18px 20px}.cbal span{opacity:.85;font-size:14px}.cbal b{display:block;font-size:32px;margin:4px 0}.cbal small{opacity:.85;font-size:12px}
.cinfo{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:14px}.cinfo p{margin:4px 0 8px;color:var(--muted)}
.cinfo summary{cursor:pointer;font-weight:600;color:var(--accent)}.cinfo table{margin:8px 0 0}.neg{color:#8a1f1f}.pos{color:#1d5c33}
.adj{display:flex;gap:6px;align-items:center}.pin.wide{width:160px;text-align:left}
@media(max-width:760px){.credits{grid-template-columns:1fr}.adj{flex-wrap:wrap}}
.logo{display:inline-flex;align-items:baseline;gap:8px;flex:0 0 auto}.logo img{height:23px;width:auto;display:block;align-self:center}.logo-sub{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#3b8f86}
@media(max-width:760px){.logo img{height:20px}}

/* logot e markave */
.intro-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#f2f8f7,#fff);border:1px solid var(--line);border-radius:20px;padding:28px 30px;margin:22px 0 10px}
.intro-hero h1{margin:10px 0 6px}.intro-hero p{color:var(--muted);margin:0}
.trust{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.trust li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column}.trust b{color:var(--accent)}.trust span{font-size:13px;color:var(--muted)}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:12px 0 60px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,transform .15s}
.bcard:hover{box-shadow:0 10px 30px rgba(20,26,38,.08);transform:translateY(-2px)}
.blogo-box{height:120px;display:flex;align-items:center;justify-content:center;padding:18px 26px;border-bottom:1px solid var(--line)}
.blogo{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.blogo.txt{font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.bmeta{padding:12px 16px 14px;display:flex;flex-direction:column}.bmeta small{color:var(--muted);font-size:13px;line-height:1.4}
.bcount{margin-top:6px;color:var(--accent);font-weight:600;font-size:14px}
.bhero-logo{margin:6px 0 14px}.blogo.big{max-height:80px;max-width:min(360px,100%)}
@media(max-width:760px){.intro-hero{grid-template-columns:1fr;padding:20px}.brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.blogo-box{height:90px;padding:12px}.blogo{max-height:46px}.bmeta b{font-size:14px}.bmeta small{display:none}.blogo.big{max-height:60px}}
.hero.bhero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 28px;margin:8px 0 6px}
.hero.bhero h1{margin-top:10px}.hero.bhero p{margin-bottom:0}
@media(max-width:760px){.hero.bhero{padding:18px}}
.official{display:inline-flex;align-items:center;gap:8px;margin:4px 0 6px;padding:8px 14px;border:1px solid #cfe3e0;background:#f2f8f7;border-radius:99px;text-decoration:none;color:var(--accent);font-size:14px;max-width:100%}
.official span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.official b{font-weight:600}.official .ext{opacity:.7}
.official:hover{background:#e6f2f0}.hero .official{margin-top:14px}
@media(max-width:760px){.official{font-size:13px}}
.inlink{white-space:nowrap}.inlink a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ================= Rifreskim vizual (ngjyrat e UnitedMed) ================= */
:root{--ink:#14212b;--muted:#5f6b76;--line:#e3e8ec;--bg:#f7f8f7;--accent:#0b4a5c;--accent2:#e6f3ef;--mint:#9ed5c3;--mint2:#d9f0e8}
body{-webkit-font-smoothing:antialiased;font-size:15.5px}
h1{letter-spacing:-.01em}
.btn{background:var(--accent);box-shadow:0 1px 0 rgba(0,0,0,.04);transition:background .15s,transform .05s}.btn:hover{background:#083a48}.btn:active{transform:translateY(1px)}
.btn.ghost{background:#fff}.btn.ghost:hover{background:var(--accent2)}
.btn.light{background:#fff;color:var(--accent)}.btn.light:hover{background:var(--mint2)}
.tag{background:var(--accent2);color:var(--accent)}.tag.light{background:rgba(255,255,255,.14);color:#fff}

/* header */
header.site{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
header.site .top{min-height:68px;gap:18px;flex-wrap:nowrap}
.mainnav{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.mainnav .nl{padding:8px 12px;border-radius:99px;text-decoration:none;color:var(--ink);font-weight:500;font-size:15px}.mainnav .nl:hover{background:var(--accent2);color:var(--accent)}
.btn-s{background:var(--accent);color:#fff!important;padding:9px 16px;border-radius:99px;text-decoration:none;font-weight:600;font-size:14px;margin-left:4px}
.hsearch{flex:1 1 auto;max-width:520px;min-width:180px}
.acct{position:relative}.acct summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:99px;border:1px solid var(--line);background:#fff}
.acct summary::-webkit-details-marker{display:none}
.av{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.acct-n{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}
.acct-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(20,33,43,.14);min-width:250px;padding:6px;z-index:50}
.acct-menu a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:14px}.acct-menu a:hover{background:var(--accent2)}
.acct-menu .out{color:#a12a2a;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.acct-h{padding:10px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.acct-h b{display:block}.acct-h small{color:var(--muted)}
@media(max-width:1020px){header.site .top{flex-wrap:wrap;padding:8px 16px 10px;row-gap:8px}.hsearch{order:3;flex-basis:100%;max-width:none;margin:0}.mainnav{margin-left:auto}}
@media(max-width:760px){header.site{position:static}.mainnav .nl{display:none}.acct-n{display:none}.acct summary{padding:3px}}

/* footer */
footer.site{background:#0b2f3a;color:#c9d8dd;margin-top:40px;padding:36px 0 0;font-size:14px;border:0}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:28px}
.fgrid img{filter:brightness(0) invert(1);opacity:.95}.fgrid p{color:#a9bcc2;max-width:340px}
.fgrid b{display:block;color:#fff;margin-bottom:8px}.fgrid a,.fgrid span{display:block;color:#c9d8dd;text-decoration:none;margin:3px 0}.fgrid a:hover{color:var(--mint)}
.fcopy{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding:14px 20px;color:#8ea4ab;font-size:13px}
@media(max-width:760px){.fgrid{grid-template-columns:1fr;gap:18px}}

/* faqet e hyrjes */
.auth{display:grid;grid-template-columns:1fr 1.05fr;gap:0;margin:28px 0 20px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(20,33,43,.06)}
.auth-aside{background:linear-gradient(160deg,#0b4a5c 0%,#0f6a72 60%,#3f9c8f 100%);color:#fff;padding:40px 38px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.auth-aside h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;line-height:1.2;text-transform:none;letter-spacing:0;color:#fff;margin:16px 0 18px}
.ticks{list-style:none;padding:0;margin:0}.ticks li{padding:7px 0 7px 30px;position:relative;color:#e2f1ee}
.ticks li:before{content:"✓";position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);font-size:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.logos img{width:100%;height:42px;object-fit:contain;background:#fff;border-radius:10px;padding:8px}
.auth-main{padding:40px 44px}
.aform h1{margin-top:0}.aform label{display:block;font-size:14px;font-weight:600;margin:12px 0 5px}
.aform input[type=text],.aform input[type=email],.aform input[type=tel],.aform input[type=password],.aform input:not([type]){width:100%;padding:12px 13px;border:1px solid #cfd6dd;border-radius:11px;font:inherit;font-size:16px;background:#fbfcfc}
.aform input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent2);background:#fff}
.aform fieldset{border:0;padding:0;margin:18px 0 0}.aform legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:0;margin-bottom:2px}
.aform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aform .chk{display:flex!important;align-items:center;gap:8px;font-weight:400!important}
.aform .alt{text-align:center;margin:14px 0 0;color:var(--muted)}.aform .alt.small{font-size:13px;margin-top:6px}
.pw{position:relative}.pw input{padding-right:44px!important}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:16px;opacity:.6;padding:6px}
@media(max-width:900px){.auth{grid-template-columns:1fr}.auth-aside{padding:26px 22px}.auth-aside h2{font-size:23px}.logos{display:none}.auth-main{padding:26px 20px}.aform .two{grid-template-columns:1fr}}

/* njoftimet (faleminderit / në pritje) */
.notice{max-width:640px;margin:40px auto 60px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 34px 30px;text-align:center;box-shadow:0 20px 50px rgba(20,33,43,.06)}
.notice.in-auth{margin:0;border:0;box-shadow:none;padding:6px 0;text-align:left}
.notice-ic{width:58px;height:58px;border-radius:50%;background:#fff4dc;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.notice.in-auth .notice-ic{margin:0 0 14px}.notice-ic.ok{background:#1d7a5a;color:#fff;font-size:30px}
.notice h1{font-size:30px;margin:0 0 10px}.notice p{color:var(--muted)}
.notice-a{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.notice:not(.in-auth) .notice-a{justify-content:center}.notice-a .btn{margin:0}
.steps3{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:s}
.steps3 li{background:#f4f6f7;border-radius:12px;padding:12px;text-align:left;position:relative;counter-increment:s}
.steps3 li:before{content:counter(s);display:inline-flex;width:22px;height:22px;border-radius:50%;background:#cfd6dd;color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;margin-bottom:6px}
.steps3 li b{display:block;font-size:14px}.steps3 li span{font-size:12.5px;color:var(--muted)}
.steps3 .done{background:var(--accent2)}.steps3 .done:before{content:"✓";background:#1d7a5a}
.steps3 .now{background:#fff4dc}.steps3 .now:before{background:#c58a00}
@media(max-width:600px){.steps3{grid-template-columns:1fr}.notice{padding:24px 18px}}

/* mirëseardhja e parë */
.welcome{display:grid;grid-template-columns:1fr 1.4fr auto;gap:26px;align-items:center;background:linear-gradient(135deg,#0b4a5c,#137277);color:#fff;border-radius:22px;padding:28px 30px;margin:22px 0 4px}
.welcome h1{color:#fff;font-size:30px;margin:12px 0 6px}.welcome p{color:#d7ece8;margin:0}
.w-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:w}
.w-steps li{background:rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;counter-increment:w}
.w-steps li:before{content:counter(w);display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--accent);font-weight:700;font-size:13px;align-items:center;justify-content:center;margin-bottom:6px}
.w-steps b{display:block}.w-steps span{font-size:13px;color:#d7ece8}
.welcome .btn{margin:0}
@media(max-width:1000px){.welcome{grid-template-columns:1fr}.w-steps{grid-template-columns:1fr}}

/* kartat dhe detaje */
.card{transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 12px 30px rgba(20,33,43,.08);transform:translateY(-2px)}
.intro-hero{background:linear-gradient(135deg,#eef7f4,#fff 70%)}
.crumb{margin:20px 0 8px}
h2.grp{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:600}
@media(max-width:760px){.mainnav .nl.keep{display:inline-block}.logo-sub{display:none}header.site .top{flex-wrap:nowrap}.hsearch{display:none}.mainnav{margin-left:auto}
 body.shop header.site .top{flex-wrap:wrap}body.shop .hsearch{display:block}}
/* ===== Ofertat (bundle) ===== */
.imgbox{position:relative}
.ribbon{position:absolute;top:10px;left:10px;z-index:2;background:#c2410c;color:#fff;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:99px;box-shadow:0 4px 12px rgba(194,65,12,.25);white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
.offerbox{display:flex;gap:10px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 12px;margin:12px 0 4px;font-size:14px;color:#7c2d12}
.offerbox small{display:inline;color:#9a3412}
.obadge{flex:none;background:#c2410c;color:#fff;font-weight:700;font-size:13px;padding:4px 10px;border-radius:99px;white-space:nowrap}
.ohint{display:block;margin-top:4px;font-size:12.5px;color:#9a3412}
.ohint.on{color:#1d7a5a;font-weight:600}
.freerow td{color:#1d7a5a}
.price .per{font-size:15px;font-weight:500;color:var(--muted)}
.drawer-foot .btn.wide+.btn.wide{margin-top:8px}
/* admin */
.err{background:#fdecec;color:#8a1f1f;padding:10px 12px;border-radius:10px;margin:10px 0}
.offerform{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;max-width:860px}
.offerform h2{margin:0 0 4px}
.offerform select,.offerform input:not([type=radio]){width:100%;padding:9px 10px;border:1px solid #cfd5df;border-radius:8px;font:inherit;box-sizing:border-box}
.offerform .kinds{border:0;padding:0;margin:12px 0 0}.offerform legend{font-size:14px;font-weight:600}
.offerform label.radio{font-weight:400;display:block;margin:8px 0;line-height:1.4}.offerform label.radio input{margin-right:6px;vertical-align:-2px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.row3{grid-template-columns:1fr}}
tr.dim td{opacity:.55}.okc{color:#1d7a5a}
.btn.sm{margin:0;padding:6px 12px;font-size:13px}
td.acts{white-space:nowrap}td.acts form{display:inline}
.offerform input[type=radio]{width:auto;margin:0}
/* ===== Përshtatja sipas ekranit ===== */
@media(min-width:1440px){.wrap{max-width:1240px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:760px){
  table.stack{display:block;background:none;overflow:visible;font-size:14px}
  table.stack tbody,table.stack tr{display:block}
  table.stack tr:first-child{display:none}
  table.stack tr{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin:0 0 10px}
  table.stack td{display:block;overflow:hidden;border:0;padding:6px 0;text-align:right;white-space:normal}
  table.stack td+td{border-top:1px dashed var(--line)}
  table.stack td::before{content:attr(data-label);float:left;margin-right:12px;max-width:45%;text-align:left;font-weight:600;font-size:12.5px;color:var(--muted)}
  table.stack td[data-label=""]{text-align:left}
  table.stack td[data-label=""]::before{display:none}
  table.stack td form{display:inline-block}
  table.stack td.acts{text-align:right}
  table.stack .adj{justify-content:flex-end;clear:both;padding-top:4px}
}
/* =====================================================================
   v2 – Rifreskimi vizual: më i qetë, më pak vija, një stil ikonash,
   karta të thjeshta me "+", menu poshtë në telefon (si aplikacion)
   ===================================================================== */
:root{--ink:#16232A;--muted:#5A6670;--line:#E6E2DA;--bg:#F6F4F0;--card:#fff;--accent:#0E5A60;--accent2:#E3EEEC;--coral:#B9502F;--coral2:#FBEDE6;--ok:#1D7A5A}
body{background:var(--bg);color:var(--ink)}
.ic{display:inline-block;vertical-align:middle;flex:none}
a{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent)}.btn:hover{background:#0A4247}
.btn.wide{display:flex}
.btn.ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn.ghost:hover{background:var(--accent2)}
.tag{background:var(--accent2);color:var(--accent)}
h2.grp{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0;border:0;padding:0;margin:0 0 14px}
.crumb{font-size:14px}.crumb a{color:var(--muted)}
header.site{background:#fff}
.mainnav .nl.on{color:var(--accent);font-weight:600}
.credpill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:var(--accent2);color:var(--accent);font-weight:600;font-size:14px;text-decoration:none;margin:0 4px}
.cartbtn{color:var(--ink);border-color:var(--line)}
.badge{background:var(--coral)}
footer.site{background:#16232A}

/* karta e produktit */
.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:0 0 40px}
.pcard{position:relative;background:#fff;border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,transform .15s}
.pcard:hover{box-shadow:0 12px 30px rgba(22,35,42,.08);transform:translateY(-2px)}
.pc-link{display:flex;flex-direction:column;gap:10px;flex:1;text-decoration:none;color:inherit}
.pcard .imgbox{border:0;border-radius:12px;background:#fff}
.pcard .imgbox img{object-fit:contain}
.pc-t{padding:0 4px;display:flex;flex-direction:column;gap:2px}
.pc-t small{font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-t b{font-size:15px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 2px 4px}
.cp{font-weight:700;color:var(--accent);font-size:15.5px;line-height:1.25}.cp.na{color:var(--muted);font-weight:600;font-size:13px}
.addbtn{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}
.addbtn:hover{background:#0A4247}.addbtn:active{transform:scale(.94)}.addbtn.done{background:var(--ok)}
.favbtn{position:absolute;top:16px;right:16px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#8A949C;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(22,35,42,.08)}
.favbtn:hover{color:var(--coral)}.favbtn.on{color:var(--coral)}.favbtn.on svg{fill:currentColor}
.ribbon{display:inline-flex;align-items:center;gap:5px;background:var(--coral);box-shadow:none;font-size:12px;top:8px;left:8px}
.otxt{color:var(--coral);font-weight:600}
/* lista horizontale (ofertat, të preferuarat) */
.scroller{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 64px)/5);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-bottom:10px;scrollbar-width:thin}
.scroller>.pcard{scroll-snap-align:start}

/* kreu (dashboard) */
.dash{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;margin:26px 0 8px}
.dash-main{background:#fff;border-radius:22px;padding:28px 30px;display:flex;flex-direction:column;gap:18px}
.hello span{font-size:14px;color:var(--muted)}.hello h1{font-size:32px;margin:4px 0 0}
.reorder{display:flex;align-items:center;gap:16px;background:var(--bg);border-radius:16px;padding:16px 18px}
.ro-thumbs{display:flex;flex:none}.ro-thumbs img{width:54px;height:54px;border-radius:12px;object-fit:contain;background:#fff;border:2px solid #fff;margin-left:-14px}.ro-thumbs img:first-child{margin-left:0}
.ro-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ro-t b{font-size:16px}.ro-t span{font-size:14px;color:var(--muted)}
.reorder .btn{margin:0;white-space:nowrap}
.dash-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tile{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:14px;padding:13px 15px;text-decoration:none;color:var(--ink)}
.tile:hover{border-color:var(--accent)}.tile .ic{color:var(--accent);margin-bottom:4px}.tile span{font-size:13px;color:var(--muted)}.tile b{font-size:14.5px}
.dash-side{display:flex;flex-direction:column;gap:18px}
.mgr{background:#fff;border-radius:22px;padding:22px 24px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.mgr-row{display:flex;align-items:center;gap:14px;margin:12px 0 16px}.mgr-row b{display:block;font-size:17px}.mgr-row small{color:var(--muted);font-size:13.5px}
.mgr-av{width:60px;height:60px;border-radius:50%;background:var(--accent2);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;object-fit:cover;flex:none}
.mgr-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mgr-btns .btn{margin:0;padding:11px 10px;font-size:15px}
.mgr.mini{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-top:12px}
.mgr.mini .mgr-av{width:40px;height:40px;font-size:13px}.mgr-q{flex:1;font-size:14px;line-height:1.35}
.btn-soft{flex:none;background:var(--accent2);color:var(--accent);border-radius:99px;padding:9px 14px;font-weight:600;font-size:13.5px;text-decoration:none}
.credcard{display:block;background:var(--accent);color:#fff;border-radius:22px;padding:20px 24px;text-decoration:none}
.credcard div{display:flex;justify-content:space-between;align-items:baseline}.credcard span{color:#CFE3E1;font-size:14px}.credcard b{font-size:26px}
.credcard small{display:block;color:#E7F1F0;font-size:13px;margin-top:8px;line-height:1.45}
.row{margin:30px 0 0}.row-h{display:flex;justify-content:space-between;align-items:baseline}.row-h a{font-weight:600;font-size:14px;text-decoration:none}
.brands{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0 0 50px}
.bcard{border:0;border-radius:16px}
.blogo-box{height:96px;border-bottom:0;padding:16px 20px}.blogo{max-height:46px}
.bmeta{flex-direction:row;justify-content:space-between;align-items:baseline;padding:0 16px 4px;font-size:14px}.bmeta b{font-size:14px}
.bcount{margin:0;color:var(--muted);font-weight:500;font-size:13px}
.bsub{display:block;padding:0 16px 14px;color:var(--muted);font-size:12.5px;line-height:1.35}
.welcome{margin-top:22px}
.phead h1{margin:6px 0 4px}.phead p{margin:0 0 18px}

/* faqja e markës */
.bhero2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:#fff;border-radius:24px;overflow:hidden;margin:6px 0 18px;min-height:300px}
.bh-l{padding:30px 34px;display:flex;flex-direction:column;justify-content:center}
.bh-l h1{font-size:32px;margin:12px 0 8px}.bh-l p{color:#3E4A52;margin:0 0 10px;max-width:560px}.bh-n{font-size:14px;color:var(--muted)}
.bhero2 .bhero-logo{margin:0 0 12px}.bhero2 .tag{align-self:flex-start}
.bh-r{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:2px;background:var(--bg)}
.bh-r img{width:100%;height:100%;object-fit:cover;background:#fff;display:block;min-height:0}
.bh-r.n3 img:first-child{grid-row:span 2}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.chip{height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 14px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.chip span{opacity:.6;margin-left:2px}.chip:hover{border-color:var(--accent)}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.pgroup h2.grp{font-size:20px;margin:18px 0 12px}

/* faqja e produktit */
.pimg{position:relative}.pimg .imgbox{border:0;border-radius:22px;background:#fff}
.favbtn.big{top:14px;right:14px;width:44px;height:44px}
.ptype{display:block;font-size:13.5px;color:var(--muted);font-weight:500;margin-top:4px}
.prod h1{font-size:34px}
.pricebox{border:0;border-radius:18px}
.price .per{font-size:14px}
.offerbox{background:var(--coral2);border:0;color:#7A2E17;border-radius:12px;padding:12px 14px;gap:10px;line-height:1.45}
.offerbox .ic{margin-top:1px;color:var(--coral)}
.specs{border:0;background:#fff;border-radius:14px}.specs th{background:#FAF9F7}

/* shporta, porositë */
.drawer-tier,.tierhint{display:block;font-size:13px;background:var(--accent2);color:var(--accent);border-radius:10px;padding:8px 10px;margin-top:8px;font-weight:500}
.drawer-msg{margin:10px 18px 0;background:#E8F4EE;color:#1D5C43;border-radius:10px;padding:9px 12px;font-size:13.5px}
.drawer-panel{background:#fff}.drawer-head .pop-x{display:flex;align-items:center;justify-content:center}
.ohint{color:#7A2E17}.ohint.on{color:var(--ok)}
.orow{padding:0 12px 0 0;gap:6px}.orow:hover{background:none}
.orow-a{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;text-decoration:none;color:var(--ink);border-radius:12px}.orow-a:hover{background:#FAF9F7}
.orow-a small{display:block;color:var(--muted)}.orow-a .r{text-align:right}
.iconbtn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.iconbtn:hover{border-color:var(--accent)}
.cbal{background:var(--accent)}

/* instalimi si aplikacion */
.modal{position:fixed;inset:0;z-index:80}
.modal-bg{position:absolute;inset:0;background:rgba(22,35,42,.45)}
.modal-box{position:relative;max-width:420px;margin:10vh auto 0;background:#fff;border-radius:22px;padding:26px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.modal-box .pop-x{position:absolute;top:12px;right:12px;border:0;width:40px;height:40px;border-radius:50%;background:#F1F0EC;cursor:pointer;display:flex;align-items:center;justify-content:center}
.appic{border-radius:16px;border:1px solid var(--line)}
.modal-box h2{font-family:'Playfair Display',Georgia,serif;font-size:22px;text-transform:none;letter-spacing:0;color:var(--ink);margin:12px 0 6px}
.modal-box p{color:var(--muted);margin:0 0 12px}.modal-box ol{padding-left:20px;font-size:14px;margin:4px 0 12px}.modal-box .btn{margin:0 0 6px}

/* menuja poshtë në telefon */
.tabbar{display:none}
@media(max-width:760px){
  body.shop{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .fab{display:none!important}
  .tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:56;background:#fff;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
  .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:var(--muted);text-decoration:none;font:500 11px Inter,system-ui,sans-serif;border:0;background:none;cursor:pointer;padding:0}
  .tabbar .on{color:var(--accent);font-weight:600}
  .tabbar .badge{top:2px;left:50%;right:auto;margin-left:6px;min-width:18px;height:18px;font-size:10px}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pcard{padding:8px;border-radius:16px;gap:8px}
  .pc-t b{font-size:14px}.cp{font-size:14.5px}.cp.na{font-size:12px}
  .favbtn{top:12px;right:12px;width:34px;height:34px}
  .scroller{grid-template-columns:none;grid-auto-columns:46%}
  .dash{grid-template-columns:1fr;gap:14px;margin-top:16px}
  .dash-main{padding:18px 16px;border-radius:18px;gap:14px}
  .hello h1{font-size:25px}
  .reorder{flex-wrap:wrap;padding:14px}.reorder .btn{flex-basis:100%}
  .dash-tiles{grid-template-columns:1fr 1fr}.dash-tiles .tile:first-child:nth-last-child(odd){grid-column:1/-1}
  .mgr{padding:16px;border-radius:18px}.mgr-row{margin:8px 0 12px}
  .credcard{border-radius:18px;padding:16px 18px}
  h2.grp{font-size:21px}
  .brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.blogo-box{height:70px;padding:10px}.blogo{max-height:30px}.bmeta{padding:0 10px 8px;font-size:12px}.bmeta b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcount{display:none}.bsub{display:none}
  .bhero2{grid-template-columns:1fr;border-radius:18px}.bh-l{padding:18px 16px}.bh-l h1{font-size:25px}
  .bh-r{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;order:-1}.bh-r img{aspect-ratio:1/1;height:auto}.bh-r.n3 img:first-child{grid-row:auto}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 14px;padding:0 20px 4px;scrollbar-width:none}
  .prod h1{font-size:27px}
  .mgr.mini{flex-wrap:wrap}
}
@media(max-width:1020px) and (min-width:761px){.scroller{grid-auto-columns:calc((100% - 32px)/3)}.dash{grid-template-columns:1fr}}
/* dy menaxhere */
.mgr-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.mgr-line:first-of-type{border-top:0;margin-top:6px}
.mgr-line .mgr-av{width:48px;height:48px;font-size:16px}.mgr-n{flex:1;min-width:0}.mgr-n b{display:block;font-size:16px}.mgr-n small{color:var(--muted);font-size:13px}
.iconbtn.solid{background:var(--accent);border-color:var(--accent);color:#fff}
.mgr-avs{display:flex;flex:none}.mgr-avs .mgr-av+.mgr-av{margin-left:-12px;border:2px solid #fff}
.mgrsel{display:block!important;margin-top:6px}.mgrsel select{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:#fff;max-width:170px}
.nw{white-space:nowrap}
.mgr-ask{font-size:13.5px;color:var(--muted);margin:8px 0 2px;line-height:1.45}
.mgr-change{display:block;margin:12px auto 0;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.mgr-line .btn-soft{border:0;cursor:pointer;font-family:inherit}
.mgrpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mgrcard{display:flex!important;align-items:center;gap:10px;border:1px solid #cfd6dd;border-radius:12px;padding:10px;cursor:pointer;margin:0!important;font-weight:400!important}
.mgrcard input{position:absolute;opacity:0;pointer-events:none}
.mgrcard .mgr-av{width:40px;height:40px;font-size:14px}.mgrcard b{display:block;font-size:14px}.mgrcard small{color:var(--muted);font-size:12px}
.mgrcard:has(input:checked){border-color:var(--accent);background:var(--accent2);box-shadow:0 0 0 1px var(--accent)}
.mgrcard:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.mgrpick{grid-template-columns:1fr}}
/* njoftimet */
.pushbox{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--accent2);border-radius:18px;padding:16px 20px;margin:18px 0 0}
.pb-ic{flex:none;width:46px;height:46px;border-radius:50%;background:var(--accent2);color:var(--accent);display:flex;align-items:center;justify-content:center}
.pb-t{flex:1;min-width:0}.pb-t b{display:block;font-size:15.5px}.pb-t span{font-size:14px;color:var(--muted)}
.pushbox .btn{margin:0;white-space:nowrap}
@media(max-width:760px){.pushbox{flex-wrap:wrap;padding:14px}.pushbox .btn{flex-basis:100%}}
.mcard{background:#fff;border-radius:20px;padding:20px 22px;margin:18px 0 0}.mcard p{margin:4px 0}
.lnswitch{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;margin:0 0 12px;max-width:640px}
.lns{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:52px;padding:8px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 14px Inter,system-ui,sans-serif;cursor:pointer;text-align:left}
.lns small{font-size:12px;color:var(--muted);font-weight:400}.lns:hover{border-color:var(--accent)}
.lns.on{background:var(--accent);border-color:var(--accent);color:#fff}.lns.on small{color:rgba(255,255,255,.85)}
.lntag{font-style:normal;font-weight:600;font-size:10.5px;letter-spacing:.02em;padding:1px 7px;border-radius:99px;margin-right:6px;vertical-align:1px}
.ln-pro{background:#E4EFEF;color:#0E5A60}.ln-retail{background:#FFF1DC;color:#9A5B00}
.lnbadge{display:inline-block;margin:6px 0 2px;padding:4px 12px;border-radius:99px;font-size:13px}
@media (max-width:720px){.lnswitch{grid-template-columns:1fr 1fr}.lnswitch .lns:first-child{grid-column:1/-1;min-height:40px}}
.pkhero{background:linear-gradient(135deg,#0E5A60,#13777e);color:#fff;border-radius:20px;padding:26px 28px;margin:0 0 22px}
.pkhero h1{color:#fff;margin:10px 0 6px}.pkhero p{margin:0;opacity:.9;max-width:640px}
.pkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.pkcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}
.pkcard.hot{border:2px solid #C9A24B;box-shadow:0 6px 24px rgba(201,162,75,.18)}
.pk-top{display:flex;gap:14px;align-items:flex-start}.pk-top img{width:72px;height:72px;object-fit:contain;flex:0 0 72px;border-radius:12px;background:#FAF9F7}
.pk-top h3{font-size:16.5px;line-height:1.3;margin:2px 0 0}
.pk-tag{display:inline-block;background:#FFF4DE;color:#8A5A00;font-weight:600;font-size:11.5px;padding:2px 9px;border-radius:99px}
.pk-until{font-size:12.5px;color:#8A5A00;margin:4px 0 0}
.pk-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pk-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.pk-list li .muted{margin-left:auto;font-size:13px}.pk-list s{opacity:.6}
.pk-list li.gift i,.pk-mini i{font-style:normal;background:#E5F3EA;color:#2F7D4F;font-weight:700;font-size:11px;padding:1px 7px;border-radius:99px}
.pk-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}
.pk-price{display:block;font-size:20px}.pk-save{display:block;font-size:12.5px;color:var(--muted)}.pk-save b{color:#2F7D4F}
.pk-mix{background:#FAF9F7;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.pk-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pk-split label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:6px;margin:0}
.pk-free{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;align-items:center}.pk-free label{display:flex;gap:5px;align-items:center;margin:0;font-weight:400}.pk-free input{width:auto}
.pk-sum.bad{color:#8a1f1f;font-weight:600}
.pkbanner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#0E5A60,#13777e);color:#fff;border-radius:18px;padding:16px 20px;margin:0 0 22px;text-decoration:none}
.pkbanner .pb-ic{background:rgba(255,255,255,.16);color:#fff}.pkbanner .pkb-t{flex:1;display:flex;flex-direction:column}.pkbanner .pkb-t span{opacity:.85;font-size:13.5px}
.pkbanner.slim{padding:12px 16px;margin:0 0 14px}
.ci.pk .ci-img{position:relative}.pk-badge{position:absolute;left:3px;bottom:3px;font-style:normal;background:#C9A24B;color:#fff;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:6px}
.pk-mini{list-style:none;margin:4px 0;padding:0;font-size:12.5px;color:var(--muted)}.pk-mini span{color:var(--ink)}
.pk-adm select{max-width:360px}
@media (max-width:720px){.pkgrid{grid-template-columns:1fr}.pkbanner .btn{display:none}.pkhero{padding:20px}}
.addbtn.wa{background:#25D366;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.devbox p{margin:8px 0 12px;font-size:14.5px}.devbox .mgr-btns{display:flex;gap:8px;flex-wrap:wrap}
.pkhero.ac{background:linear-gradient(135deg,#16232A,#0E5A60)}
.actabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.actabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:500}
.actabs a span{background:var(--bg);border-radius:99px;padding:0 8px;font-size:12.5px}.actabs a.on{background:var(--accent);border-color:var(--accent);color:#fff}.actabs a.on span{background:rgba(255,255,255,.2)}
.evlist{display:flex;flex-direction:column;gap:12px}
.evcard{display:grid;grid-template-columns:88px 1fr 260px;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;align-items:start}
.evcard.mine{border-color:#2F7D4F;box-shadow:0 0 0 1px #2F7D4F inset}
.ev-date{background:var(--accent);color:#fff;border-radius:14px;text-align:center;padding:10px 6px;display:flex;flex-direction:column}
.ev-date b{font-size:28px;line-height:1}.ev-date span{font-size:12.5px;margin-top:3px}.ev-date small{font-size:12px;opacity:.85;margin-top:4px}
.ev-body h3{margin:2px 0 4px;font-size:17px}.ev-body small{color:var(--muted)}.ev-body p{margin:4px 0;font-size:14px}.ev-meta{color:var(--muted)}
.ev-act{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.ev-seats{font-size:13px;color:#2F7D4F;font-weight:600}.ev-seats.full{color:#8a1f1f}.ev-ok{color:#2F7D4F;font-weight:600;font-size:14px}
.ev-form{display:flex;flex-direction:column;gap:6px}.ev-form label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}.ev-form label input{width:70px}
.acgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.accard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ac-media{display:block;aspect-ratio:4/3;background:#FAF9F7;overflow:hidden}.ac-media img{width:100%;height:100%;object-fit:contain}
.ac-media.vid{aspect-ratio:16/9}.ac-media.vid iframe{width:100%;height:100%;border:0}
.ac-media.ic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--accent);font-weight:700;font-size:13px}
.ac-t{padding:12px 14px 6px}.ac-t small{color:var(--muted)}.ac-t b{display:block;font-size:15px;line-height:1.3;margin-top:2px}.ac-t p{margin:6px 0 0;font-size:13px;color:var(--muted)}
.ac-foot{display:flex;gap:8px;padding:8px 14px 14px;margin-top:auto;flex-wrap:wrap}
@media (max-width:720px){.evcard{grid-template-columns:64px 1fr}.ev-act{grid-column:1/-1}.ev-date b{font-size:22px}.actabs a{flex:1;justify-content:center;padding:9px 10px;font-size:13.5px}}