html{background:var(--qmtr-bg);}html,body{overscroll-behavior-y:none;}
.qmtr-body{margin:0;background:var(--qmtr-bg);font-family:var(--qmtr-font-product, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);color:#111}
.qmtr-wrap{max-width:520px;margin:0 auto;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}
.qmtr-header{height:var(--qmtr-banner-h);background:#f6f6f6;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;padding:14px;position:relative;overflow:hidden}
.qmtr-banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.qmtr-header-inner{text-align:center;backdrop-filter:saturate(120%) blur(4px);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}
.qmtr-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;background:transparent;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.qmtr-logo--inline{display:block}
.qmtr-title{margin:10px 0 0;color:var(--qmtr-title);font-size:var(--qmtr-business-size);font-family:var(--qmtr-font-business);font-weight:var(--qmtr-business-weight,800);font-style:var(--qmtr-business-style,normal);text-decoration:var(--qmtr-business-decoration,none);letter-spacing:.2px}
.qmtr-search{padding:12px 14px}
.qmtr-search.qmtr-search--fixed{position:sticky;top:0;z-index:60}
.qmtr-wrap .qmtr-search input,
.qmtr-search input{
width:100%;
padding:12px 14px;
outline:none;
-webkit-appearance:none;
appearance:none;
font-family:var(--qmtr-search-font,inherit);
font-size:var(--qmtr-search-size,15px);
font-weight:var(--qmtr-search-weight,400);
font-style:var(--qmtr-search-italic,normal);
color:var(--qmtr-search-color,#000) !important;
background:var(--qmtr-search-bg,#fff) !important;
border:var(--qmtr-search-border-w,1px) solid var(--qmtr-search-border,rgba(0,0,0,.12)) !important;
border-radius:var(--qmtr-search-radius,12px) !important;
}
.qmtr-wrap .qmtr-search input::placeholder,
.qmtr-search input::placeholder{
color:var(--qmtr-search-color,#000) !important;
opacity:0.6;
}
.qmtr-search input:focus{
border-color:var(--qmtr-search-border,rgba(0,0,0,.12)) !important;
box-shadow:0 0 0 3px rgba(11,95,255,.12);
}
.qmtr-cats{display:flex;gap:8px;overflow:auto;padding:0 14px 10px;scrollbar-width:none}
.qmtr-cats::-webkit-scrollbar{display:none}
.qmtr-cats.is-dragging{cursor:grabbing;user-select:none}
/* When search is placed below categories, add top spacing to category row */
.qmtr-wrap[data-search-pos="cats"] .qmtr-cats{margin-top:12px;padding-top:0}
/* Canlı önizleme modunda scrollbar görünmesin */
.qmtr-preview-html{margin-top:0!important;scrollbar-width:none}
.qmtr-preview-html::-webkit-scrollbar{width:0;height:0}
.qmtr-preview-mode{margin-top:0!important;scrollbar-width:none}
.qmtr-preview-mode::-webkit-scrollbar{width:0;height:0}
.qmtr-preview-mode #wpadminbar{display:none!important}
.qmtr-preview-mode .qmtr-wrap{scrollbar-width:none}
.qmtr-preview-mode .qmtr-wrap::-webkit-scrollbar{width:0;height:0}
.qmtr-preview-mode .qmtr-main{scrollbar-width:none}
.qmtr-preview-mode .qmtr-main::-webkit-scrollbar{width:0;height:0}
.qmtr-cat-btn{border:var(--qmtr-pill-border-w) solid var(--qmtr-pill-border);background:var(--qmtr-pill-bg);border-radius:var(--qmtr-pill-radius);padding:8px 12px;font-size:var(--qmtr-category-pill-size);color:var(--qmtr-category-pill);white-space:nowrap;font-family:var(--qmtr-font-category-pill);font-weight:var(--qmtr-category-pill-weight);font-style:var(--qmtr-category-pill-style);text-decoration:var(--qmtr-category-pill-decoration)}
.qmtr-cat-btn.is-active{background:var(--qmtr-pill-bg-active);border-color:var(--qmtr-pill-border-active);color:#fff}
.qmtr-main{flex:1;padding:0 14px calc(10px + var(--qmtr-footer-space, 0px) + env(safe-area-inset-bottom))}
.qmtr-section{display:block}
.qmtr-section.is-active{outline:2px solid rgba(0,0,0,.06);outline-offset:6px;border-radius:18px}
.qmtr-section-title{margin:14px 0 10px;font-size:var(--qmtr-category-size);color:var(--qmtr-category);font-family:var(--qmtr-font-category);font-weight:var(--qmtr-category-weight,800);font-style:var(--qmtr-category-style,normal);text-decoration:var(--qmtr-category-decoration,none)}
.qmtr-items{display:flex;flex-direction:column;gap:10px}
.qmtr-item{display:flex;gap:6px;align-items:flex-start;padding:12px;border:var(--qmtr-card-border-w,1px) solid var(--qmtr-card-border, rgba(0,0,0,.10)) !important;border-radius:var(--qmtr-card-radius,16px) !important;background:var(--qmtr-card-bg,#fff)}
.qmtr-item-img{width:var(--qmtr-img-size);height:var(--qmtr-img-size);border-radius:14px;object-fit:cover;flex:0 0 auto;cursor:zoom-in}
/* Ürün adı uzadığında fiyat bloğu daralıp satır kırmasın */
.qmtr-item-body{flex:1 1 auto;min-width:0}
/* Ürün Detay (Menü2) */
.qmtr-pmodal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:stretch;justify-content:flex-end;padding:0;z-index:99998}
.qmtr-pmodal.is-open{display:flex}
.qmtr-pmodal-card{width:min(100vw,520px);height:100vh;max-height:100vh;overflow:auto;background:#fff;border-left:1px solid rgba(0,0,0,.08);border-radius:0;box-shadow:-18px 0 60px rgba(0,0,0,.35);position:relative;transform:translateX(24px);opacity:0;transition:transform .18s ease, opacity .18s ease}
.qmtr-pmodal-close{display:none;position:sticky;top:0;right:0;float:right;margin:12px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.qmtr-pmodal-media{width:100%;background:transparent;height:40vh;min-height:240px;max-height:420px;display:flex;align-items:center;justify-content:center}
.qmtr-pmodal-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
/* Menü2 (Grid): ürün detay görseli kırpılmasın, genişlik boyunca tam görünsün */
.qmtr-menu2 .qmtr-pmodal-media{height:auto;min-height:0;max-height:none;display:block;align-items:unset;justify-content:unset}
.qmtr-menu2 .qmtr-pmodal-img{width:100%;height:auto;object-fit:contain;object-position:center center}
.qmtr-pmodal-body{padding:12px 16px 18px}
.qmtr-pmodal-title{font-size:calc(var(--qmtr-product-size) * 1.25);color:var(--qmtr-product);font-family:var(--qmtr-font-product);font-weight:var(--qmtr-product-weight,700);font-style:var(--qmtr-product-style,normal);text-decoration:var(--qmtr-product-decoration,none);line-height:1.2}
.qmtr-pmodal-price{margin-top:8px;font-size:calc(var(--qmtr-price-size) * 1.1);color:var(--qmtr-price);font-family:var(--qmtr-font-price);font-weight:var(--qmtr-price-weight,700);font-style:var(--qmtr-price-style,normal);text-decoration:var(--qmtr-price-decoration,none)}
.qmtr-pmodal-desc{margin-top:12px;font-size:var(--qmtr-desc-size,var(--qmtr-product-size));color:var(--qmtr-desc,var(--qmtr-product));font-family:var(--qmtr-font-desc,var(--qmtr-font-product));font-weight:var(--qmtr-desc-weight,400);font-style:var(--qmtr-desc-style,normal);text-decoration:var(--qmtr-desc-decoration,none);line-height:1.55;white-space:pre-wrap}
.qmtr-pmodal-back{margin-top:16px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:12px;padding:10px 14px;font-size:15px;cursor:pointer}
/* Lightbox */
.qmtr-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.66);display:none;align-items:center;justify-content:center;padding:18px;z-index:99999}
.qmtr-lightbox.is-open{display:flex}
.qmtr-lightbox-img{max-width:min(92vw,720px);max-height:85vh;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.45);background:#111}
.qmtr-lightbox-close{position:absolute;top:18px;right:18px;width:56px;height:56px;border-radius:999px;border:1px solid var(--qmtr-footer-border, #ff4f9a);background:rgba(0,0,0,.35);color:#fff;font-size:34px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-tap-highlight-color:transparent}
.qmtr-lightbox-close:focus{outline:none;box-shadow:0 0 0 4px rgba(255,255,255,.18),0 10px 30px rgba(0,0,0,.35)}
.qmtr-lightbox-close:active{transform:scale(.98)}
.qmtr-item-name{font-size:var(--qmtr-product-size);color:var(--qmtr-product);font-family:var(--qmtr-font-product);font-weight:var(--qmtr-product-weight,700);font-style:var(--qmtr-product-style,normal);text-decoration:var(--qmtr-product-decoration,none);line-height:1.2}
.qmtr-item-desc{margin-top:6px;font-size:var(--qmtr-desc-size,var(--qmtr-product-size));color:var(--qmtr-desc,var(--qmtr-product));font-family:var(--qmtr-font-desc,var(--qmtr-font-product));font-weight:var(--qmtr-desc-weight,400);font-style:var(--qmtr-desc-style,normal);text-decoration:var(--qmtr-desc-decoration,none);line-height:1.35;opacity:.95}
.qmtr-item-price{align-self:flex-start;margin-left:auto;flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;line-height:1;font-size:var(--qmtr-price-size);color:var(--qmtr-price);font-family:var(--qmtr-font-price);font-weight:var(--qmtr-price-weight,800);font-style:var(--qmtr-price-style,normal);text-decoration:var(--qmtr-price-decoration,none)}
.qmtr-footer{
position:fixed;
left:0; right:0; bottom:0;
z-index:50;
padding:0 0 env(safe-area-inset-bottom);
text-align:center;
background:var(--qmtr-footer-bg, rgba(255,255,255,.85));
color:var(--qmtr-footer-text, inherit);
font-family:var(--qmtr-footer-font, inherit);
font-size:var(--qmtr-footer-size, inherit);
font-weight:var(--qmtr-footer-weight, inherit);
font-style:var(--qmtr-footer-style, normal);
text-decoration:var(--qmtr-footer-decoration, none);
backdrop-filter: blur(10px);
border-top:1px solid rgba(0,0,0,.08);
}
.qmtr-footer small{
display:block;
padding:10px 12px 12px;
opacity:.6;
}
.qmtr-footerbar{
display:flex;
gap:6px;
justify-content:center;
align-items:center;
padding:10px 12px 0;
}
.qmtr-footerbtn{
appearance:none;
border:1px solid var(--qmtr-footer-border, #ff4f9a);
background:var(--qmtr-footer-btn-bg, rgba(255,255,255,.9));
color:inherit;
border-radius:14px;
padding:10px 14px;
min-width:88px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
font:inherit;
box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.qmtr-footerbtn:active{ transform: translateY(1px); }
/* Footer buttons inherit footer style vars */
.qmtr-footerbar .qmtr-footerbtn,
.qmtr-footerbar .qmtr-footerbtn *{
font-family:var(--qmtr-footer-font, inherit);
font-size:var(--qmtr-footer-size, inherit);
font-weight:var(--qmtr-footer-weight, inherit);
font-style:var(--qmtr-footer-style, normal);
text-decoration:var(--qmtr-footer-decoration, none);
color:var(--qmtr-footer-text, inherit);
}
.qmtr-footericon{ font-size:18px; line-height:1; }
.qmtr-footerlabel{ font-weight:inherit; }
.qmtr-wrap{
padding-bottom: 0px;
}
/* Panels */
.qmtr-panel{
position:fixed;
inset:0;
display:none;
z-index:60;
}
.qmtr-panel[aria-hidden="false"]{ display:block; }
.qmtr-panel-backdrop{
position:absolute; inset:0;
background:rgba(0,0,0,.35);
}
.qmtr-panel-card{
position:absolute;
left:50%;
bottom: calc(var(--qmtr-footer-h, 54px) + 10px);
transform: translateX(-50%);
width:min(520px, calc(100% - 24px));
background:rgba(255,255,255,.95);
backdrop-filter: blur(12px);
border-radius:18px;
padding:14px 14px 12px;
box-shadow:0 18px 50px rgba(0,0,0,.25);
border:1px solid rgba(0,0,0,.12);
}
.qmtr-panel-close{
position:absolute;
right:10px; top:8px;
width:34px; height:34px;
border-radius:12px;
border:1px solid rgba(0,0,0,.12);
background:var(--qmtr-footer-btn-bg, rgba(255,255,255,.9));
cursor:pointer;
font-size:20px;
line-height:1;
}
.qmtr-panel-title{
margin:0 0 10px 0;
font-size:18px;
}
.qmtr-panel-row{
display:flex;
gap:10px;
align-items:flex-start;
padding:10px 0;
border-top:1px solid rgba(0,0,0,.08);
}
.qmtr-panel-row:first-of-type{ border-top:0; }
.qmtr-panel-k{
width:60px;
opacity:.7;
font-weight:600;
flex:0 0 auto;
}
.qmtr-panel-v{ flex:1 1 auto; display:flex; gap:10px; align-items:center; justify-content:space-between; }
.qmtr-panel-text{ overflow-wrap:anywhere; }
.qmtr-panel-a{ text-decoration:none; font-weight:700; }
.qmtr-panel-copy{
border:1px solid rgba(0,0,0,.12);
background:rgba(245,245,245,.9);
border-radius:10px;
padding:4px 6px;
cursor:pointer;
font:inherit;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
}
.qmtr-panel-copy svg{display:block;}
.qmtr-panel-links{
display:flex;
flex-direction:column;
gap:10px;
}
.qmtr-panel-link{
display:block;
text-decoration:none;
border:1px solid rgba(0,0,0,.12);
background:var(--qmtr-footer-btn-bg, rgba(255,255,255,.9));
border-radius:14px;
padding:10px 12px;
font-weight:700;
}
/* v1.0.24 - Logo boyutu + alt konum seçenekleri */
.qmtr-header{justify-content:flex-end}
.qmtr-header-inner{
position:absolute;
left:14px;
right:14px;
bottom:14px;
display:flex;
flex-direction:column;
gap:10px;
align-items:center;
text-align:center;
z-index:2;
padding:0 0 env(safe-area-inset-bottom);
background:transparent;
backdrop-filter:none;
box-shadow:none;
border-radius:0;
margin:0 auto;
}
.qmtr-header-inner.qmtr-pos-left{align-items:flex-start;text-align:left;margin-left:0;margin-right:auto}
.qmtr-header-inner.qmtr-pos-center{align-items:center;text-align:center;margin:0 auto}
.qmtr-header-inner.qmtr-pos-right{align-items:flex-end;text-align:right;margin-left:auto;margin-right:0}
/* Logo ölçekleme (varsayılan 1.0) */
.qmtr-logo{
width:calc(72px * var(--qmtr-logo-scale, 1));
height:calc(72px * var(--qmtr-logo-scale, 1));
}
/* v1.0.26 hotfix: remove any "glass/pill" background behind logo/title */
.qmtr-header-inner{
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
.qmtr-header-inner::before,
.qmtr-header-inner::after{
content: none !important;
display: none !important;
}
.qmtr-bg-media{position:fixed;inset:0;z-index:0;pointer-events:none}
.qmtr-bg-media .qmtr-bg-video,.qmtr-bg-media .qmtr-bg-img{width:100%;height:100%;object-fit:cover}
.qmtr-bg-media .qmtr-bg-video{display:block}
.qmtr-bg-media .qmtr-bg-img{display:block}
/* Category image (vertical sections) */
.qmtr-section-title{display:flex;align-items:center;gap:8px}
.qmtr-cat-img{flex:0 0 auto}
.qmtr-footerbrand{color:inherit;text-decoration:inherit;}
.qmtr-footerbrand:active{opacity:.8;}
.qmtr-footerimg{width:20px;height:20px;object-fit:cover;}
/* Footer buttons typography (WiFi / Sosyal / İletişim) */
.qmtr-footer-btn span{
color: var(--qmtr-footer-text-color);
font-family: var(--qmtr-footer-font);
font-size: var(--qmtr-footer-font-size);
font-weight: var(--qmtr-footer-font-weight);
font-style: var(--qmtr-footer-font-style);
text-decoration: var(--qmtr-footer-text-decoration);
}
/* Panel icon labels */
.qmtr-panel-k-ico{
width:44px !important;
min-width:44px !important;
display:flex;
align-items:center;
justify-content:center;
}
.qmtr-panel-ico svg{display:block}
/* Contact icons */
.qmtr-ico-map::before{
content:"📍";
font-size:16px;
}
.qmtr-ico-review::before{
content:"⭐";
font-size:16px;
}
/* Contact panel alignment fix */
.qmtr-panel-row{
display:grid;
grid-template-columns:32px 1fr;
align-items:center;
column-gap:10px;
}
.qmtr-panel-k{
width:32px;
min-width:32px;
display:flex;
align-items:center;
justify-content:center;
}
.qmtr-panel-v{
display:flex;
align-items:center;
line-height:1.4;
}
/* Elementor/theme overrides: force footer button border color from plugin setting */
.qmtr-footerbar .qmtr-footerbtn{
border:1px solid var(--qmtr-footer-border, #ff4f9a) !important;
border-color:var(--qmtr-footer-border, #ff4f9a) !important;
}
/* === Footer button theme/Elementor focus override (remove pink selected bg) === */
.qmtr-footerbar .qmtr-footerbtn,
.qmtr-footerbar .qmtr-footerbtn:hover,
.qmtr-footerbar .qmtr-footerbtn:active,
.qmtr-footerbar .qmtr-footerbtn:focus,
.qmtr-footerbar .qmtr-footerbtn:focus-visible {
background-color: var(--qmtr-footer-btn-bg, rgba(255,255,255,.9)) !important;
}
/* keep border color as plugin setting; remove focus outline glow if theme adds */
.qmtr-footerbar .qmtr-footerbtn:focus,
.qmtr-footerbar .qmtr-footerbtn:focus-visible {
outline: none !important;
box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}
/* === Panel UI tweaks === */
.qmtr-panel-close{
border: 0 !important;
border-radius: 50% !important;
width: 32px !important; height: 32px !important;
color: #374151 !important;
background: rgba(0,0,0,.06) !important;
font-size: 20px !important;
}
.qmtr-panel-close:hover{ background: rgba(0,0,0,.1) !important; }
#qmtrPanelWifi .qmtr-panel-copy{
border-color:#000 !important;
}
#qmtrPanelWifi .qmtr-panel-copy svg{ fill:#000 !important; }
/* Colorize icons (Wi-Fi + Contact) */
#qmtrPanelWifi .qmtr-panel-ico svg,
#qmtrPanelContact .qmtr-panel-ico svg{
fill: #ff4f9a !important;
}
/* Contact links should always be black */
#qmtrPanelContact .qmtr-panel-a,
#qmtrPanelContact .qmtr-panel-a:visited,
#qmtrPanelContact .qmtr-panel-a:hover,
#qmtrPanelContact .qmtr-panel-a:active,
#qmtrPanelContact .qmtr-panel-a:focus{
color:#000 !important;
text-decoration:none !important;
}
/* Sosyal medya: marka renginde yuvarlak düğmeler, içinde beyaz logo */
#qmtrPanelSocial .qmtr-panel-card{ text-align:center; }
#qmtrPanelSocial .qmtr-panel-title{ text-align:left; }
#qmtrPanelSocial .qmtr-panel-links{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:18px; padding:14px 0 10px; }
.qmtr-sosyal{
width:62px; height:62px; border-radius:50%; display:grid; place-items:center; flex:none;
text-decoration:none !important; color:#fff; background:#374151;
box-shadow:0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.18);
transition:transform .15s ease, box-shadow .15s ease; -webkit-tap-highlight-color:transparent;
}
.qmtr-sosyal svg{ width:30px; height:30px; display:block; }
.qmtr-sosyal:hover{ transform:translateY(-2px); box-shadow:0 12px 22px rgba(0,0,0,.2); }
.qmtr-sosyal:active{ transform:scale(.92); }
.qmtr-sosyal-instagram{ background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.qmtr-sosyal-facebook{ background:#1877f2; }
.qmtr-sosyal-twitter{ background:#000; }
.qmtr-sosyal-tiktok{ background:#000; }
.qmtr-sosyal-youtube{ background:#ff0000; }
.qmtr-sosyal-linkedin{ background:#0a66c2; }
.qmtr-sosyal-website{ background:linear-gradient(135deg,#4b5563,#1f2937); }
#qmtrPanelSocial .qmtr-social-link svg{
width: 28px !important;
height: 28px !important;
fill: #ff4f9a !important;
}
.qmtr-sr{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
/* v4 contact links always black */
.qmtr-panel-a,
.qmtr-panel-a:hover,
.qmtr-panel-a:focus{
color:#000 !important;
}
/* FINAL FIX: Wi-Fi copy buttons no hover/active pink */
.qmtr-panel-copy,
.qmtr-panel-copy:hover,
.qmtr-panel-copy:active,
.qmtr-panel-copy:focus{
background:#fff !important;
border-color:#000 !important;
color:#000 !important;
}
/* =========================
Menü 2 (Grid) Tasarım
========================= */
.qmtr-menu2 .qmtr-cats{display:flex !important}
/* Kategori grid */
.qmtr-menu2 .qmtr-grid-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 6px;padding:0 14px;box-sizing:border-box}
.qmtr-wrap .qmtr-grid-cat{border:0 !important;background:transparent !important;padding:0;overflow:hidden;text-align:left;cursor:pointer;display:block;width:100%;box-shadow:none !important;outline:0 !important;-webkit-tap-highlight-color:transparent}
.qmtr-wrap .qmtr-grid-cat:hover{background:transparent !important;box-shadow:none !important}
.qmtr-wrap .qmtr-grid-cat:active{background:transparent !important;box-shadow:none !important}
.qmtr-wrap .qmtr-grid-cat:focus{outline:0 !important;box-shadow:none !important}
.qmtr-wrap .qmtr-grid-cat:focus-visible{outline:0 !important;box-shadow:none !important}
.qmtr-grid-cat-media{border-radius:18px;overflow:hidden;background:rgba(255,255,255,.0)}
.qmtr-grid-cat-img{display:block;width:100%;height:120px;object-fit:cover}
.qmtr-grid-cat-name{margin-top:8px;padding:0 6px 2px;text-align:center;color:var(--qmtr-gridcat-color,#fff);font-family:var(--qmtr-font-gridcat,var(--qmtr-font-category));font-size:var(--qmtr-gridcat-size,var(--qmtr-category-size));font-weight:var(--qmtr-gridcat-weight,700);font-style:var(--qmtr-gridcat-style,normal);text-decoration:var(--qmtr-gridcat-decoration,none);display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;line-height:1.2;max-height:2.4em;overflow:hidden;}
/* Menü2 üst bar (geri) */
.qmtr-menu2-top{display:flex;justify-content:flex-start;margin:10px 0 2px}
.qmtr-wrap .qmtr-menu2-back{border:0 !important;background:transparent !important;color:var(--qmtr-gridcat-color,#fff) !important;font-weight:700;cursor:pointer;padding:8px 0;font-size:14px;box-shadow:none !important;outline:0 !important;border-radius:0 !important;text-decoration:none !important}
.qmtr-wrap .qmtr-menu2-back:hover,.qmtr-wrap .qmtr-menu2-back:active,.qmtr-wrap .qmtr-menu2-back:focus,.qmtr-wrap .qmtr-menu2-back:focus-visible{background:transparent !important;border:0 !important;box-shadow:none !important;outline:0 !important}
/* Ürün grid */
.qmtr-menu2 .qmtr-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qmtr-menu2 .qmtr-item{flex-direction:column;align-items:stretch;gap:10px}
.qmtr-menu2 .qmtr-item-img{width:100%;height:120px;border-radius:14px}
.qmtr-menu2 .qmtr-item-body{width:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.qmtr-menu2 .qmtr-item-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
/* Menü2 (Grid): Fiyatı her kartta en alt sağa sabitle */
.qmtr-menu2 .qmtr-item-price{margin-left:0;align-self:flex-end;white-space:nowrap;font-weight:700}
.qmtr-menu2 .qmtr-item-price--below{margin-top:auto;display:block;padding-top:6px}
/* Menü1 (Liste): Ürün adı sol, fiyat sağ aynı satır */
.qmtr-menu1 .qmtr-item-top{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px}
.qmtr-menu1 .qmtr-item-name{flex:1;min-width:0}
.qmtr-menu1 .qmtr-item-price{white-space:nowrap;margin-left:auto;text-align:right}
/* Kategori başlığı Menü2'de daha kompakt */
.qmtr-menu2 .qmtr-section-title{margin-top:6px}
/* === Lightbox / Popup Kapat (X) Butonu – Ortalanmış === */
.qmtr-lightbox-close,
.qmtr-popup-close {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 !important; /* Kare */
border: 2px solid #fff !important; /* Beyaz kenarlık */
color: #fff !important; /* Beyaz X */
font-size: 22px !important; /* Büyük X */
font-weight: 700;
background: transparent !important;
box-sizing: border-box;
line-height: 1;
}
/* Hover / Focus – renk değişmesin */
.qmtr-lightbox-close:hover,
.qmtr-popup-close:hover,
.qmtr-lightbox-close:focus,
.qmtr-popup-close:focus {
background: transparent !important;
color: #fff !important;
border-color: #fff !important;
box-shadow: none !important;
outline: none !important;
}
/* === Mobile: footer buttons (prevent text overflow) === */
@media (max-width: 480px){
.qmtr-footerbar{
gap:8px;
}
.qmtr-footerbtn{
padding:8px 10px;
min-width:0;
gap:6px;
}
.qmtr-footericon{
font-size:16px;
}
.qmtr-footerlabel{
font-size:13px;
line-height:1.1;
text-align:center;
white-space:normal;
}
}
.qmtr-pmodal.is-open .qmtr-pmodal-card{transform:translateX(0);opacity:1}
/* === Menü 1 (Liste): Ürün adı sol, fiyat sağ aynı satır === */
.qmtr-item-top{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
gap:10px;
}
.qmtr-item-name{flex:1;min-width:0}
.qmtr-item-price{white-space:nowrap;margin-left:auto;text-align:right}
/* === Açıklama yoksa: metin bloğunu görselin dikey ortasına getir === */
.qmtr-item--no-desc{
align-items:center;
}
.qmtr-item--no-desc .qmtr-item-top{
align-items:center;
}
/* FIX15 – Menü2 (Grid) ürün detay: banner ayrı alan + sabit yükseklik + cover (padding etkisini kaldır) */
.qmtr-menu2 .qmtr-pmodal-media{
width:100%;
height:360px !important;
min-height:360px !important;
max-height:360px !important;
display:block !important;
background:#0000;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
}
.qmtr-menu2 .qmtr-pmodal-img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
/* Mobilde bazı cihazlarda görünen 1px çizgi/boşluk için: tam genişlikte border-left kapat */
@media (max-width: 600px){
.qmtr-menu2 .qmtr-pmodal-card{
width:100vw !important;
border-left:0 !important;
}
}
/* FIX15 add-on – Hide scrollbar in product detail panel (keep scroll) */
.qmtr-pmodal-card{
-ms-overflow-style: none; /* IE/Edge legacy */
scrollbar-width: none; /* Firefox */
}
.qmtr-pmodal-card::-webkit-scrollbar{
width: 0 !important;
height: 0 !important;
display: none !important; /* Chrome/Safari */
}
/* FIX15 – Product detail back button forced black style (no hover change) */
.qmtr-pmodal-back,
.qmtr-pmodal-back:hover,
.qmtr-pmodal-back:focus,
.qmtr-pmodal-back:active{
color: #000 !important;
border-color: #000 !important;
background: transparent !important;
}
.qmtr-pmodal-back svg,
.qmtr-pmodal-back i{
color: #000 !important;
fill: #000 !important;
}
/* Lightbox slider controls */
.qmtr-lightbox-prev,
.qmtr-lightbox-next{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.35);
background: rgba(0,0,0,.35);
color: #fff;
font-size: 28px;
line-height: 42px;
padding: 0;
cursor: pointer;
display: none;
z-index: 2;
}
.qmtr-lightbox-prev{ left: 14px; }
.qmtr-lightbox-next{ right: 14px; }
#qmtrLightbox.is-open.is-multi .qmtr-lightbox-prev,
#qmtrLightbox.is-open.is-multi .qmtr-lightbox-next{ display: block; }
/* Slider dots in product detail banner (only when multiple images) */
.qmtr-pmodal-media{position:relative;}
.qmtr-pmodal-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;z-index:6;}
.qmtr-pmodal-dot,.qmtr-dot{width:8px !important;height:8px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.85) !important;padding:0 !important;background:rgba(255,255,255,.25) !important;box-shadow:none !important;}
.qmtr-dot.is-active{background:#fff !important;border-color:#fff !important;}
/* FIX – Slider dots: white circles */
.qmtr-dots .qmtr-dot{
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: rgba(255,255,255,.45) !important;
border: 1px solid rgba(255,255,255,.9) !important;
}
.qmtr-dots .qmtr-dot.is-active{
background: #fff !important;
}
/* FIX – Lightbox arrows only when multiple images */
#qmtrLightbox .qmtr-lightbox-prev,
#qmtrLightbox .qmtr-lightbox-next{
display: none !important;
}
#qmtrLightbox.is-multi .qmtr-lightbox-prev,
#qmtrLightbox.is-multi .qmtr-lightbox-next{
display: flex !important;
}
/* FIX15 – Menu2(Grid) lightbox arrows: white icon with black outline, no frame */
body.qmtr-menu2 .qmtr-lightbox-prev,
body.qmtr-menu2 .qmtr-lightbox-next{
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
width: 54px !important;
height: 54px !important;
line-height: 54px !important;
color: #fff !important;
font-size: 42px !important;
opacity: 1 !important;
-webkit-tap-highlight-color: transparent;
/* "Stroke" effect */
text-shadow:
-2px 0 0 rgba(0,0,0,.75),
2px 0 0 rgba(0,0,0,.75),
0 -2px 0 rgba(0,0,0,.75),
0 2px 0 rgba(0,0,0,.75),
-2px -2px 0 rgba(0,0,0,.6),
2px -2px 0 rgba(0,0,0,.6),
-2px 2px 0 rgba(0,0,0,.6),
2px 2px 0 rgba(0,0,0,.6);
}
body.qmtr-menu2 .qmtr-lightbox-prev:hover,
body.qmtr-menu2 .qmtr-lightbox-next:hover,
body.qmtr-menu2 .qmtr-lightbox-prev:focus,
body.qmtr-menu2 .qmtr-lightbox-next:focus,
body.qmtr-menu2 .qmtr-lightbox-prev:active,
body.qmtr-menu2 .qmtr-lightbox-next:active{
background: transparent !important;
border: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
/* FIX15 – Grid only: completely remove lightbox arrows */
body.qmtr-menu2 .qmtr-lightbox-prev,
body.qmtr-menu2 .qmtr-lightbox-next{
display:none !important;
}
/* v5.0.1 – Lightbox arrows like reference (SVG, smooth outline) – ONLY Menu2 Grid + ONLY when multi */
body.qmtr-menu2 #qmtrLightbox .qmtr-lightbox-prev,
body.qmtr-menu2 #qmtrLightbox .qmtr-lightbox-next{
display:none !important; /* default hidden */
}
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next{
display:flex !important;
align-items:center !important;
justify-content:center !important;
position:absolute !important;
top:50% !important;
transform:translateY(-50%) !important;
width:64px !important;
height:64px !important;
background: transparent !important;
border:none !important;
box-shadow:none !important;
border-radius:0 !important;
padding:0 !important;
color: transparent !important; /* hide glyph */
font-size:0 !important;
line-height:0 !important;
opacity:1 !important;
-webkit-tap-highlight-color: transparent;
}
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev::before,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next::before{
content:"";
display:block;
width:44px;
height:44px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
filter: drop-shadow(0 6px 10px rgba(0,0,0,.55));
}
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev::before{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cpath%20d%3D%22M38%2014%20L22%2032%20L38%2050%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%20%20%3Cpath%20d%3D%22M38%2014%20L22%2032%20L38%2050%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E");
}
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next::before{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cpath%20d%3D%22M26%2014%20L42%2032%20L26%2050%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%20%20%3Cpath%20d%3D%22M26%2014%20L42%2032%20L26%2050%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E");
}
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev{ left: 10px !important; }
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next{ right: 10px !important; }
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev:hover,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next:hover,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev:active,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next:active,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-prev:focus,
body.qmtr-menu2 #qmtrLightbox.is-multi .qmtr-lightbox-next:focus{
background: transparent !important;
border:none !important;
box-shadow:none !important;
outline:none !important;
}