:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#202a34;background:#f6f8fa}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e6e9ed;position:sticky;top:0;z-index:5}.header-inner{max-width:1060px;margin:auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column;line-height:1}.logo strong{font-size:34px;font-weight:900;letter-spacing:.08em;color:#272d33}.logo span{letter-spacing:.17em;font-size:9px;font-weight:700;margin-top:5px}.head-right{display:flex;align-items:center;gap:20px}.tag{font-size:12px;background:#ffecdd;color:#ce671e;border-radius:6px;padding:6px 9px;font-weight:900}.icon-button{border:0;background:transparent;font-size:23px;position:relative}#unread{position:absolute;width:9px;height:9px;border-radius:50%;background:#ef4444;right:0;top:2px}.hidden{display:none!important}main{max-width:1060px;margin:auto;padding:24px 20px 105px;min-height:calc(100vh - 150px)}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(125deg,#1d2935,#344657);border-radius:22px;padding:35px;color:#fff;overflow:hidden}.hero h1{font-size:clamp(28px,5vw,49px);margin:8px 0}.hero p{color:#d6e1eb;max-width:450px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.16em;color:#f8bb88;font-weight:800}.hero-art{font-size:100px;color:#e9a76d;opacity:.8}.panel{background:#fff;border:1px solid #e6e9ee;border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 3px 14px #1e293b08}.panel h2{margin-top:0}h3{margin:24px 0 15px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.greeting h2{margin:5px 0}.muted{color:#6a7886}.small{font-size:12px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category{min-height:100px;border:1px solid #e4e8ec;background:#fff;border-radius:15px;text-align:left;padding:16px;cursor:pointer}.category span{display:block;font-size:26px;margin-bottom:10px}.category b{font-size:13px}.category.selected{border-color:#2f765b;background:#e9f6f0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h3{margin:25px 0 15px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{background:#fff;border:1px solid #e7eaef;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.product-image{height:190px;display:grid;place-items:center;background:#fff;border-bottom:1px solid #f1f3f5}.product-image img{width:100%;height:100%;object-fit:contain}.product-image span{font-size:55px}.product-body{padding:16px;display:flex;flex-direction:column;flex:1;gap:5px}.product-body h4{margin:5px 0;font-size:15px;min-height:34px}.product-body p{margin:0}.sku{color:#80909f}.price{font-size:23px;color:#1e6c50;margin-top:8px}.add,.primary,.secondary,.whatsapp{border:0;border-radius:10px;padding:13px 17px;font-weight:750;font-size:14px;cursor:pointer;text-align:center}.add{background:#ecf5ef;color:#176346;margin-top:auto}.primary{background:#203b31;color:#fff}.secondary{background:#eef1f3;color:#273b49}.whatsapp{background:#159b56;color:white}.full{width:100%;display:block;margin:14px 0}.buttonlike{text-decoration:none}.link{background:none;border:0;color:#227456;cursor:pointer}.empty{text-align:center;background:#fff;border:1px dashed #ccd6df;border-radius:14px;padding:40px;color:#667786;grid-column:1/-1}label{display:block;font-weight:650;font-size:13px;margin:13px 0}input,textarea,select{width:100%;margin-top:7px;padding:12px;border:1px solid #cfd8e0;border-radius:9px;background:#fff;font:inherit}label.check{display:flex;gap:10px;align-items:center}label.check input{width:auto}.cart-line{padding:18px 0;border-bottom:1px solid #e7ebef;display:flex;justify-content:space-between;align-items:center;gap:10px}.cart-line strong{display:block;margin-top:7px}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:33px;height:33px;background:#e9f5ee;border:0;border-radius:8px;font-size:20px}.total{font-size:19px;font-weight:850;text-align:right;margin:22px 0;color:#175941}.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -3px 15px #15233112;z-index:10;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:21px;color:#2a3a48;cursor:pointer}.bottom-nav small{font-size:10px}.bottom-nav b{color:#12864c}footer{font-size:11px;text-align:center;color:#84909b;padding:0 15px 110px}.notice{padding:15px;border-bottom:1px solid #e4e8ec}.notification{width:100%;background:white;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer}.notification p{font-size:13px;color:#667586}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats .panel{display:flex;flex-direction:column;margin:0}.stats b{font-size:25px}.admin{max-width:1100px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.admin-form button{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid #e6eaee;text-align:left;padding:12px;vertical-align:top}pre{white-space:pre-wrap;max-width:350px;font-size:11px}.logout{text-align:right}.error{color:#b02323}.header-link{color:#2b6954;font-size:13px;text-decoration:none}@media(max-width:680px){main{padding:15px 13px 95px}.hero{padding:23px}.hero-art{font-size:62px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr);gap:9px}.product-image{height:145px}.product-body{padding:11px}.product-body h4{font-size:13px}.price{font-size:19px}.panel{padding:18px}.admin-form{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}}

/* VERA FIRSAT: kompakt ust menu ve orijinal logo */
.header-inner { max-width: 1060px; padding: 9px 20px; min-height: 78px; }
.logo img { display:block; height:58px; width:auto; max-width:260px; object-fit:contain; object-position:left center; }
.top-nav { max-width:1060px; margin:0 auto; padding:0 20px 10px; display:flex; justify-content:center; align-items:center; gap:8px; }
.top-nav button { min-width:112px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid #e9edf0; background:#f8fafb; border-radius:10px; padding:10px 12px; cursor:pointer; color:#2a3a48; font-size:18px; white-space:nowrap; }
.top-nav button:hover, .top-nav button:focus-visible { background:#eef6f1; border-color:#bddbc9; }
.top-nav small { font-size:12px; font-weight:650; }
.top-nav b { color:#12864c; }
main { padding-bottom:32px; }
footer { padding:14px 15px 28px; }
@media(max-width:680px) {
  .header-inner { padding:9px 13px; min-height:65px; }
  .logo img { height:44px; max-width:190px; }
  .top-nav { padding:0 7px 8px; gap:4px; justify-content:space-between; }
  .top-nav button { min-width:0; flex:1; flex-direction:column; gap:2px; padding:7px 1px; border-radius:8px; font-size:17px; }
  .top-nav small { font-size:9px; }
  main { padding-bottom:25px; }
}

/* VERA kampanyali urun paylasimi v3 */
.hero {padding:25px 30px;min-height:178px;}
.hero h1 {font-size:clamp(23px,3.6vw,36px);line-height:1.15;max-width:720px;}
.hero p {margin:9px 0 0;}
.hero-art {font-size:75px;}
.register-panel {max-width:600px;margin:20px auto;}
.top-nav button.is-active {background:#e6f3ec;border-color:#539b79;color:#155c3e;box-shadow:inset 0 -2px 0 #29845d;}
.search-row {display:flex;align-items:end;gap:10px;margin:24px 0 8px;}
.search-label {flex:1;margin:0;font-size:13px;}
.search-row input {margin-top:6px;}
.search-row .secondary {height:44px;white-space:nowrap;}
@media(max-width:680px){
 .hero {padding:20px;min-height:148px;}
 .hero h1 {font-size:clamp(21px,6vw,29px);}
 .hero-art {font-size:45px;}
 .register-panel {max-width:100%;}
 .search-row {gap:7px;}
 .search-row .secondary {padding:10px;font-size:12px;}
}

/* V5: telefonda belirgin ve rahat dokunulabilir ust menu */
@media (max-width:680px) {
  header { position:relative; }
  .top-nav {
    display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
    gap:7px; padding:4px 12px 12px; max-width:520px; margin:0 auto;
    overflow:visible;
  }
  .top-nav button {
    grid-column:span 2; min-width:0; min-height:54px; width:100%;
    padding:8px 4px; display:flex; flex-direction:column;
    justify-content:center; align-items:center; gap:3px;
    background:#f0f4f7; color:#142d3c;
    border:1.5px solid #cbd7dd; border-radius:11px;
    font-size:22px; font-weight:750; line-height:1.05;
    box-shadow:0 1px 2px rgba(16,36,48,.06);
  }
  .top-nav button:nth-child(4), .top-nav button:nth-child(5) {grid-column:span 3;}
  .top-nav small {font-size:12px; line-height:1.15; font-weight:800; color:inherit; letter-spacing:-.15px;}
  .top-nav b {font-size:12px; color:#07623c;}
  .top-nav button.is-active {
    background:#d9f0e3; color:#064d32; border-color:#198356;
    box-shadow:inset 0 -3px 0 #198356,0 1px 3px rgba(17,90,52,.1);
  }
  .top-nav button:focus-visible {outline:3px solid #ed8b34;outline-offset:2px;}
}

/* V7: Musteri uygulamasi Bildirim Merkezi - kirmizi duyuru kartlari */
#announcements .notice.notification {
  display:block;
  width:100%;
  margin:12px 0;
  padding:18px 20px;
  border:1px solid #a9081f;
  border-radius:14px;
  background:#bf102c;
  color:#fff;
  text-align:left;
  box-shadow:0 5px 15px rgba(125,12,31,.16);
  white-space:normal;
  overflow-wrap:anywhere;
  transition:background-color .15s ease,transform .15s ease;
}
#announcements .notice.notification b {
  display:block;
  color:#fff;
  font-size:17px;
  font-weight:850;
  line-height:1.35;
}
#announcements .notice.notification p {
  margin:10px 0;
  color:#fff;
  font-size:14px;
  line-height:1.55;
}
#announcements .notice.notification small {
  color:#fff;
  opacity:.86;
  font-size:12px;
}
#announcements .notice.notification:hover {background:#a80f29; transform:translateY(-1px)}
#announcements .notice.notification:focus-visible {outline:3px solid #202a34;outline-offset:3px}
@media (max-width:680px) {
  #announcements .notice.notification {padding:16px; margin:10px 0; border-radius:12px;}
  #announcements .notice.notification b {font-size:16px;}
  #announcements .notice.notification p {font-size:14px;}
}
@media (prefers-reduced-motion:reduce) {
  #announcements .notice.notification {transition:none}
  #announcements .notice.notification:hover {transform:none}
}

/* V8 responsive catalogue and order workflow */
@media (min-width:1200px){main{max-width:1370px}.header-inner,.top-nav{max-width:1370px}.products{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:800px) and (max-width:1199px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:681px) and (max-width:799px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
.product{min-width:0;position:relative;overflow:hidden}
.product-image{height:auto;aspect-ratio:1/1;min-height:0;position:relative;flex-shrink:0;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.product-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:10px}
.product-image span{position:relative}
.product-body{position:relative;min-width:0;overflow-wrap:anywhere;padding:12px;gap:6px;background:#fff;z-index:1}
.product-body h4{font-size:14px;line-height:1.4;min-height:0;margin:3px 0;font-weight:800}
.product-body .price{font-size:20px;margin-top:5px}
.product-quantity{font-size:12px;margin:9px 0 3px}
.product-quantity select{width:100%;font-size:12px;padding:9px 7px;margin-top:6px}
.product .add{width:100%;padding:11px 5px;font-size:12px;min-height:43px}
.top-nav{flex-wrap:wrap}
.top-nav button{min-width:0}
.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.cart-actions button{min-height:50px}
.shipping-notice{margin:18px 0}
.shipping-box{background:#edf7f0;border:1px solid #c7e1cf;border-radius:13px;padding:17px}
.shipping-box strong{display:block;font-size:13px;color:#155b38}
.shipping-box p{margin:11px 0 0;font-size:14px;line-height:1.5}
.shipping-track{height:9px;background:#d5e1d8;border-radius:20px;overflow:hidden;margin-top:13px}
.shipping-track div{height:100%;background:#299864;border-radius:20px}
.reminder-preference{display:flex;gap:10px;align-items:flex-start;font-size:13px;padding:12px 0}
.reminder-preference input{width:auto;margin:2px}
.history-order{padding:17px;border:1px solid #e3e8e9;border-radius:13px;margin-bottom:13px;display:flex;flex-direction:column;gap:7px}
.history-order p{margin:6px 0;font-size:13px}
.history-order .repeat-order{align-self:flex-start;margin-top:9px}
@media(max-width:680px){
 .products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-image{aspect-ratio:1/1;height:auto}
 .product-body{padding:10px}
 .product-body h4{font-size:12px}
 .product-body .price{font-size:18px}
 .cart-actions{grid-template-columns:1fr 1fr;gap:8px}
 .cart-actions button{padding:12px 7px;font-size:12px}
 .top-nav button:nth-child(4),.top-nav button:nth-child(5),.top-nav button:nth-child(6){grid-column:span 2}
 .cart-line{align-items:flex-start;flex-wrap:wrap}.cart-line>div:first-child{flex:1 1 190px}
}
@media(max-width:360px){.products{grid-template-columns:1fr}.cart-actions{grid-template-columns:1fr}}

/* V8.1: sepet ürününü tek dokunuşla kaldırma */
.cart-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.remove-product{border:1px solid #efc9c9;background:#fff5f5;color:#a52727;border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.remove-product:hover,.remove-product:focus-visible{background:#fbe4e4;border-color:#d78c8c}
@media(max-width:680px){.cart-actions{width:100%;justify-content:space-between}.remove-product{min-height:40px}}

/* V8.5: yönetici giriş kısayolu */
.vera-admin-entry{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d5dce4;border-radius:10px;background:#fff;color:#23343d;font-size:12px;line-height:1.3;font-weight:700;text-decoration:none;white-space:nowrap}
.vera-admin-entry:hover,.vera-admin-entry:focus-visible{background:#eef4f0;border-color:#23734f;color:#145c3d}
@media(max-width:540px){.vera-admin-entry{padding:7px 9px;font-size:11px}.head-right{gap:6px}}

/* V8.6 - Okunmamış bildirim, zil ve sepet hatırlatması */
.head-right{gap:12px}
.vera-bell{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;border-radius:11px}
.vera-bell:hover,.vera-bell:focus-visible{background:#fff2f2;outline-offset:2px}
.bell-symbol{display:inline-block;transform-origin:50% 15%;font-size:25px}
.bell-count{position:absolute;right:-5px;top:-5px;background:#dc2626;color:#fff;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-style:normal}
.bell-shake .bell-symbol{animation:veraBellRing 1.1s ease-in-out}
@keyframes veraBellRing{0%,100%{transform:rotate(0)}15%,45%,75%{transform:rotate(-15deg)}30%,60%,90%{transform:rotate(15deg)}}
.top-nav button.has-unread{position:relative}
.top-nav button.has-unread::after{content:'';position:absolute;top:2px;right:18%;width:9px;height:9px;border-radius:50%;background:#e11d48;border:2px solid white}
#announcements .notice.notification.notice-unread{box-shadow:inset 4px 0 0 #fca5a5,0 2px 7px #610d1a24}
#announcements .notice-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#announcements .notice-new{margin-left:auto;background:#fff;color:#a60f29;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:850}
#announcements .reminder-cart{display:inline-block;font-size:21px;transform-origin:center;flex-shrink:0}
#notifications:not(.hidden) #announcements .cart-reminder .reminder-cart{animation:veraCartBlink 1.1s steps(2,end) infinite}
@keyframes veraCartBlink{0%,100%{opacity:1;filter:none}50%{opacity:.2;filter:saturate(1.9)}}
#announcements .cart-reminder-action{display:inline-block;margin-top:7px;color:#fff;font-weight:800;font-size:12px;text-decoration:underline}
.sound-preference{display:flex;align-items:center;gap:9px;margin:17px 0 5px;color:#273b49}
.sound-preference input{width:auto;margin:0}
@media(prefers-reduced-motion:reduce){.bell-shake .bell-symbol,#notifications:not(.hidden) #announcements .cart-reminder .reminder-cart{animation:none}}

/* V8.7.1 – product photo zoom */
.product-image[data-zoom-product]{cursor:zoom-in;position:relative}
.product-image[data-zoom-product]:focus-visible{outline:3px solid #227a52;outline-offset:2px}
.product-image[data-zoom-product]::after{content:'⌕';position:absolute;bottom:8px;right:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:100%;background:#ffffffdf;color:#223b31;font-size:25px;pointer-events:none}
.vera-zoom-overlay[hidden]{display:none!important}
.vera-zoom-open{overflow:hidden}
.vera-zoom-overlay{position:fixed;inset:0;z-index:99999;background:rgba(8,14,19,.90);display:flex;align-items:center;justify-content:center;padding:15px}
.vera-zoom-panel{position:relative;width:min(100%,1050px);height:min(94dvh,960px);display:flex;flex-direction:column;align-items:stretch}
.vera-zoom-close{position:absolute;right:4px;top:4px;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#111;font-size:32px;cursor:pointer}
.vera-zoom-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;overscroll-behavior:contain}
.vera-zoom-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;transition:transform .1s ease;user-select:none;-webkit-user-drag:none}
.vera-zoom-toolbar{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;color:#fff;font-weight:700}
.vera-zoom-toolbar button{border:1px solid #ffffff5c;border-radius:8px;background:#fff;color:#1d2933;font-size:18px;padding:7px 14px;cursor:pointer}
@media(max-width:600px){.vera-zoom-overlay{padding:6px}.vera-zoom-panel{height:95dvh}.vera-zoom-toolbar{gap:8px}}

/* V8.7.2 navigation, horizontal categories and search */
.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.category{display:flex;align-items:center;gap:12px;min-height:67px;padding:12px 14px;text-align:left}
.category span{display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;font-size:24px;line-height:1;margin:0}
.category span img{width:24px;height:24px;object-fit:contain}
.category b{font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.search-block{margin:23px 0 8px}
.search-block .search-label{display:block;width:100%;font-size:16px;font-weight:700;margin:0 0 8px}
.search-block .search-row{margin:0;display:flex;align-items:center;gap:10px}
.search-block .search-row input{min-width:0;flex:1;margin:0}
.search-block .search-row button{flex:0 0 auto}
.vera-notify-shortcut{width:auto;font-size:12px;padding:8px 10px;white-space:nowrap}
.cart-toast{position:fixed;top:90px;right:18px;z-index:9999;max-width:min(390px,calc(100vw - 36px));display:flex;align-items:center;gap:14px;padding:14px 15px;background:#e8f7ed;color:#155c35;border:1px solid #8bcc9d;border-radius:12px;box-shadow:0 8px 28px #0002;font-weight:650;font-size:14px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s}
.cart-toast.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.cart-toast button{border:0;background:transparent;color:#155c35;font-size:23px;cursor:pointer}
@media(max-width:680px){.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category{gap:10px;padding:10px;min-height:60px}.category span{font-size:22px;flex-basis:24px;width:24px;height:24px}.category span img{width:22px;height:22px}.category b{font-size:14px}.search-block .search-label{font-size:15px}.cart-toast{top:74px;right:10px}.vera-notify-shortcut{font-size:11px;padding:7px}}

/* V8.7.3: consistent typography, balanced icon-over-label menu */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root,body,button,input,select,textarea{font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif}
body{font-weight:500}
h1,h2,h3,h4,.top-nav small,.category b,.primary,.secondary,.add{font-weight:700}
.top-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1060px;padding:8px 20px 16px;justify-content:stretch;align-items:stretch;overflow:visible}
.top-nav button,.top-nav button:nth-child(4),.top-nav button:nth-child(5),.top-nav button:nth-child(6){grid-column:auto;min-width:0;width:100%;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:11px 7px;border:1.5px solid #dbe3e7;border-radius:13px;background:#f8fafb;color:#233443;box-shadow:0 2px 4px #1523310b;font-size:24px;font-weight:700;line-height:1.1;white-space:normal}
.top-nav .nav-icon{font-size:25px;line-height:1.1;display:block}
.top-nav small{font-size:14px;line-height:1.25;font-weight:700;letter-spacing:0;text-align:center;color:inherit}
.top-nav b{font-size:12px}
.top-nav button.is-active{background:#e6f4ec;border:2px solid #2c9566;color:#115b3d;box-shadow:inset 0 -3px 0 #268759}
.top-nav button:focus-visible{outline:3px solid #eaa260;outline-offset:2px}
@media(min-width:1200px){.top-nav{max-width:1370px}}
@media(max-width:680px){.top-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px 6px 10px;max-width:100%}.top-nav button,.top-nav button:nth-child(4),.top-nav button:nth-child(5){grid-column:auto;min-height:68px;padding:7px 1px;border-radius:9px;gap:5px}.top-nav .nav-icon{font-size:21px}.top-nav small{font-size:clamp(8px,2.1vw,11px);letter-spacing:-.3px;overflow-wrap:anywhere}.top-nav b{font-size:10px}}

/* V8.7.4 */
.product{position:relative}.product-body h4{font-family:Montserrat,system-ui,sans-serif;font-weight:700;line-height:1.4}.favorite-heart{position:absolute;right:9px;top:9px;z-index:2;border:1px solid #e5d8dc;background:#fff;border-radius:50%;width:39px;height:39px;font-size:26px;color:#607080;cursor:pointer}.favorite-heart.is-favorite{color:#d63b62;background:#fff2f5}.favorite-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7e9ee}.favorite-row b{flex:1 1 180px}.favorite-row button{padding:9px 12px}.vera-inline-toast{position:static!important;inset:auto!important;transform:none!important;max-width:100%;width:100%;box-shadow:none!important;margin:6px 0 10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #9fd3ae;background:#effaf1;color:#16623b;padding:10px;border-radius:10px;font-size:12px}.vera-inline-toast button{border:0;background:none;font-size:20px;color:#16623b}.minimum-notice{color:#845108;font-weight:700}.order-success{border:1px solid #93c8a8;background:#eaf9ef;color:#14653d;border-radius:12px;padding:16px;font-weight:700;margin:10px 0}.vera-social{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center;margin-bottom:12px;font-size:13px}.vera-social a{color:#176448;font-weight:700}.vera-admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.vera-admin-tabs button{background:#fff;border:1px solid #d8e3dc;border-radius:11px;padding:14px 8px;color:#254535;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.vera-admin-tabs button.is-active{background:#dff4e8;border-color:#36835e}.vera-admin-dynamic[hidden],section[data-admin-section][hidden]{display:none!important}#categoryTitle{scroll-margin-top:140px}
@media(max-width:680px){.top-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px 10px!important;max-width:500px!important}.top-nav button,.top-nav button:nth-child(4),.top-nav button:nth-child(5){grid-column:auto!important;width:100%!important;min-width:0!important;min-height:75px!important;padding:8px 2px!important}.top-nav .nav-icon{font-size:24px!important}.top-nav small{font-size:12px!important;line-height:1.2;white-space:normal}.vera-admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.product-body h4{font-size:14px}}

/* V8.7.4.1 – desktop navigation only. Keep mobile 3x2 untouched. */
@media (min-width:681px){
  .top-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;flex-wrap:nowrap;padding:8px 20px 12px;}
  .top-nav button,.top-nav button:nth-child(4),.top-nav button:nth-child(5),.top-nav button:nth-child(6){grid-column:auto;min-width:0;min-height:76px;padding:9px 5px;gap:5px;}
  .top-nav .nav-icon{font-size:22px;}
  .top-nav small{font-size:clamp(11px,1vw,13px);overflow-wrap:anywhere;}
}

/* VERA FIRSAT 9.0 - kompakt karşılama ve sepetler */
.hero{min-height:0!important;padding:17px 24px!important;border-radius:14px!important;margin-bottom:12px}.hero h1{font-size:clamp(17px,2.4vw,25px)!important;margin:0!important;line-height:1.25!important}.hero-art,.hero .eyebrow,.hero p{display:none!important}
.vera-cart-compact{border:1px solid #e3e9ed;border-radius:12px;margin:7px 0;background:white}.vera-cart-compact summary{cursor:pointer;display:grid;grid-template-columns:minmax(130px,2fr) 85px 145px 80px;gap:10px;align-items:center;padding:12px 15px;list-style:none}.vera-cart-compact summary::-webkit-details-marker{display:none}.vera-cart-compact summary span{font-size:12px;color:#64748b}.vera-cart-compact summary b{color:#176346}.vera-cart-detail{padding:12px 16px;border-top:1px solid #e3e9ed}.vera-cart-detail p{margin:8px 0}.vera-cart-detail button{margin-top:8px}.vera-cart-compact[hidden]{display:none!important}.vera-order-status select{min-width:140px;margin:0 0 6px}.vera-order-status button{padding:7px 12px}
@media(max-width:680px){.hero{padding:13px 15px!important}.hero h1{font-size:17px!important}.vera-cart-compact summary{grid-template-columns:1fr auto;gap:4px}.vera-cart-chevron{display:none}.vera-cart-compact summary b{grid-column:2;grid-row:1}.vera-cart-compact summary span{grid-column:1;grid-row:2}}

/* VERA FIRSAT 9.1 — okunmamış duyuru rozeti */
.head-right .vera-bell{position:relative;min-width:58px;min-height:58px;flex:0 0 58px;border-radius:14px;overflow:visible}
.head-right .vera-bell .bell-symbol{font-size:34px;line-height:1;display:inline-block}
.head-right .vera-bell .bell-count:not(.hidden){position:absolute;top:-5px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;border:2px solid #fff;box-shadow:0 2px 7px #7f1d1d55;font-size:13px;font-weight:900;line-height:1;z-index:2}
@media(max-width:600px){.head-right .vera-bell{min-width:52px;min-height:52px;flex-basis:52px}.head-right .vera-bell .bell-symbol{font-size:31px}.head-right .vera-bell .bell-count:not(.hidden){min-width:25px;height:25px;font-size:12px}}

/* VERA FIRSAT 9.1.2 — can gorunur, okunmamis sayi sag ustte */
.head-right .vera-bell{position:relative!important;overflow:visible!important;isolation:isolate}
.head-right .vera-bell .bell-symbol{position:relative;z-index:1}
.head-right .vera-bell .bell-count:not(.hidden),
.head-right .vera-bell #unread:not(.hidden){
 position:absolute!important;top:1px!important;right:0!important;left:auto!important;bottom:auto!important;
 transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:23px!important;height:23px!important;padding:0 5px!important;
 background:#dc2626!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;
 font-size:12px!important;font-weight:900!important;line-height:1!important;z-index:3!important;
 box-shadow:0 2px 6px #7f1d1d55!important;pointer-events:none!important;
}
@media(max-width:600px){
 .head-right .vera-bell .bell-count:not(.hidden),.head-right .vera-bell #unread:not(.hidden){
  top:0!important;right:-1px!important;min-width:23px!important;height:23px!important;font-size:12px!important;
 }
}