:root{
	--mg-primary:#EB5B00;
	--mg-primary-rgb:235,91,0;
	--mg-primary-dark:#C24A00;
	--mg-primary-light:#FF7A1A;
	--mg-primary-tint:#FFF2E8;
	--mg-primary-soft:#FFD2B3;
	--mg-success:#16A34A;
	--mg-success-dark:#15803D;
	--mg-success-tint:#ECFDF5;
	--mg-success-soft:#BBF7D0;
	--mg-danger:#DC2626;
	--mg-danger-dark:#B91C1C;
	--mg-danger-tint:#FEF2F2;
	--mg-danger-soft:#FECACA;
	--mg-warning:#F59E0B;
	--mg-warning-dark:#B45309;
	--mg-warning-tint:#FFFBEB;
	--mg-warning-soft:#FDE68A;
	--mg-ink:#111827;
	--mg-ink-2:#374151;
	--mg-muted:#6B7280;
	--mg-line:#E3E6EB;
	--mg-line-2:#D5DAE1;
	--mg-canvas:#F4F5F7;
	--mg-surface:#FFFFFF;
	--mg-surface-2:#F8F9FB;
	--mg-dark:#111827;
	--mg-sh-sm:0 1px 2px rgba(17,24,39,.05),0 1px 3px rgba(17,24,39,.06);
	--mg-sh-md:0 10px 28px rgba(17,24,39,.10);
	--mg-sh-lg:0 18px 44px rgba(17,24,39,.14);
	--bg:var(--mg-surface);
	--ink:var(--mg-ink);
	--muted:var(--mg-muted);
	--line:var(--mg-line);
	--catbg:var(--mg-primary);
	--catink:#fff;
	--megbg:var(--mg-surface);
	--header-h:84px;
	--hover-bg:var(--mg-primary-tint);
	--hover-line:var(--mg-primary-soft);
	--shadow:var(--mg-sh-md);
	--radius-sm:8px;
	--radius-md:12px;
	--radius-lg:16px;
	--c-red:var(--mg-danger);
	--c-orrange:var(--mg-primary);
	--bg1:var(--mg-primary);
	--bg2:var(--mg-ink-2);
	--bg3:var(--mg-primary);
	--bg4:var(--mg-ink);
	--bg5:var(--mg-surface-2);
	--bgf:#ffffff;
	--bgw:#ffffff;
	--bg0:#000000;
	--bgr:var(--mg-danger);
	--border1:var(--mg-primary);
	--border2:var(--mg-line-2);
	--border3:var(--mg-line-2);
	--border4:var(--mg-ink);
	--border5:var(--mg-line);
	--borderf:#ffffff;
	--border0:var(--mg-ink);
	--borderr:var(--mg-danger);
	--borderrgb2:17,24,39;
	--color1:var(--mg-primary);
	--color2:var(--mg-ink-2);
	--color3:var(--mg-muted);
	--color4:var(--mg-ink);
	--color5:var(--mg-surface-2);
	--colorf:#ffffff;
	--color0:var(--mg-ink);
	--colorr:var(--mg-danger);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
html,body{height:100%;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;display:block}
.container{max-width:1588px; margin:0 auto; padding:0 16px}
.section-title{font-size:18px;margin:10px 0 20px}
			.crumb-wrap{margin:20px 0;}
			.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#6b7280}
			.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
			.breadcrumb li{display:flex;align-items:center;gap:8px;min-width:0}
			.breadcrumb a{color:#374151;text-decoration:none}
			.breadcrumb a:hover{text-decoration:underline;color:#111827}
			.breadcrumb .sep{color:#9ca3af}
			.breadcrumb .current{color:#aeaeae;font-weight:400}
			.breadcrumb .truncate{display:inline-block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
			@media (max-width:768px){
			.breadcrumb li:nth-child(n+3):not(:last-child){display:none}
			.breadcrumb li:nth-child(2)::after{content:"…";margin:0 4px;color:#9ca3af}
			.breadcrumb .truncate{max-width:60vw}
			}
.mt-30{margin-top:30px}
.mt-50{margin-top:50px}
.pt-30{padding-top:30px}
.py-30{padding:30px 0}
.pb-30{padding-bottom:30px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.bt-1{border-top: 1px solid rgba(var(--borderrgb2), .1)}
.topbar{background:#1e293b;color:#e2e8f0}
.topbar .wrap{height:36px;display:flex;align-items:center;gap:12px}
.topbar .minilinks{display:grid;grid-auto-flow:column;gap:18px;font-size:13px;white-space:nowrap}
.topbar .minilinks a{opacity:.95;transition:opacity .15s}
.topbar .minilinks a:hover{text-decoration:underline;opacity:1}
.topbar .announcements{flex:1;overflow:hidden;position:relative;height:20px}
.topbar .scroll{display:inline-block;white-space:nowrap;animation:scroll 15s linear infinite}
.topbar .scroll span{display:inline-block;margin-right:50px;font-size:13px;color:var(--mg-success);font-weight:600}
@keyframes scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.topbar .toplinks{display:flex;gap:22px;font-size:13px;white-space:nowrap}
.topbar .toplinks a{opacity:.95;transition:opacity .15s}
.topbar .toplinks a:hover{opacity:1}
.header{border-bottom:1px solid var(--line);background:var(--bg)}
.header{position:sticky;top:0;z-index:250;background:var(--bg)}
.header .wrap{display:grid;grid-template-columns:220px 1fr 360px;align-items:center;gap:18px;height:84px}
.header .brand{color:var(--ink);display:flex;align-items:flex-start;gap:10px}
.header .brand svg{width:34px;height:34px;display:block;flex:0 0 34px;min-width:34px}
.header .brand-text{display:flex;flex-direction:column;line-height:1.2}
.header .brand-text b{font-size:28px}
.header .brand-text .logo{color:var(--c-orrange);}
.header .brand-text .slogan{font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}
.header .search{position:relative}
.header .search input{max-width:100%; width:100%; height:44px;border:1px solid var(--line);border-radius:22px;padding:0 16px 0 44px;outline:none;color:#111827;background:var(--bg);transition:border-color .15s}
.header .search input:focus{border-color:var(--muted)}
.header .search input::placeholder{color:#9aa7b5}
.header .search .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.7;pointer-events:none}
.header .actions{display:flex;justify-content:flex-end;gap:22px}
.header .action{display:flex;align-items:center;gap:8px;font-size:15px;white-space:nowrap;transition:opacity .15s}
.header .action .ico{width:20px;height:20px;opacity:.85;transition:opacity .15s}
.header .action:hover .ico{opacity:1}
.header .action .label { display: flex; flex-direction: column; line-height: 1.2; }
.header .action .username { font-size: 12px;  color: #64748b;  font-weight: 400; margin-top: 2px; }
.account{ position:relative; padding-bottom:10px; }
.account::after{ content:""; position:absolute; left:0; right:0; top:100%; height:10px; }
.account .submenu{ position:absolute; top:calc(100% + 0px); right:0; left:auto; min-width:180px; margin:0; background:#fff; border:1px solid #e6eef3; border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.08); list-style:none; display:none; z-index:1000; text-align:right; padding:8px; font-size:12px; }
.account:hover .submenu{ display:block; }
.header .actions .cartsum{display:flex;align-items:center;gap:10px;text-decoration:none}
.header .actions .cartsum .ico-wrap{position:relative;width:24px;height:24px;display:inline-flex}
.header .actions .cartsum .ico{width:24px;height:24px;opacity:.95}
.header .actions .cartsum .cart-count{position:absolute;top:-6px;right:-8px;background:var(--mg-danger);color:#fff;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:11px;line-height:18px;font-weight:700}
.header .actions .cartsum .txt{display:flex;flex-direction:column;line-height:1.05}
.header .actions .cartsum .txt small{font-size:12px;color:var(--muted)}
.header .actions .cartsum .txt b{font-size:18px;color:var(--mg-danger)}
@media (max-width:992px){
	.header .actions .cartsum .txt{display:none}
}
@media (max-width:768px){
	.header .actions .cartsum{padding:8px 6px;border-radius:10px}
	.header .actions .cartsum:active{background:#eef2f7}
	.header .actions .cartsum .ico{width:22px;height:22px}
}
.navbar{background:var(--bg);position:relative;border-bottom:1px solid var(--line)}
.navbar{position:sticky;top:var(--header-h);z-index:200;background:var(--bg); margin-bottom:30px;}
.navbar .wrap{display:flex;align-items:center;gap:16px;height:54px;position:relative}
.navbar .kat{display:flex;align-items:center;gap:8px;font-weight:600;background:var(--catbg);color:var(--catink);padding:10px 14px;border-radius:10px;cursor:pointer;transition:background-color .15s}
.navbar .kat .chev{width:16px;height:16px;opacity:.8;transition:transform .15s}
.navbar .kat:hover{background:var(--hover-line)}
.navbar .mega{position:absolute;left:16px;right:16px;top:100%; background:var(--megbg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;display:none;z-index:40;pointer-events:auto}
.navbar.mm-open .mega{display:block}
.navbar .megagrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.navbar .megacol b{display:block;margin-bottom:10px;font-size:15px}
.navbar .megacol a{display:block;font-size:14px;color:#334155;padding:6px ;border-radius:var(--radius-sm);}
.navbar .megacol a:hover{border: 1px solid var(--border0)}
.navbar .megagroup{ grid-column: span 2; display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:14px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--bgw,#fff); box-shadow:var(--shadow); }
.navbar .megagroup.is-narrow{ grid-column: span 1; grid-template-columns:1fr; }
.megabg1 {background-color:var(--mg-primary-tint) !important;}
.megabg2 {background-color:var(--mg-primary-tint) !important;}
.navbar .megagroup .megacol{ min-width:0; }
@media (max-width: 640px){
  .navbar .megagroup{ grid-template-columns: 1fr; }
}
.navbar .menu{display:flex;gap:18px;flex-wrap:wrap;max-height:35px;overflow:hidden}
.navbar .menu>.item{position:relative}
.navbar .menu>.item>a{font-size:15px;color:#111827;padding:6px 0;display:inline-flex;align-items:center;gap:6px;transition:text-decoration .15s}
.navbar .menu>.item>a .chev{width:14px;height:14px;opacity:.7;transform:translateY(1px);transition:transform .15s}
.navbar .menu>.item:hover>a{text-decoration:underline}
.navbar .menu .close-row{display:none}
.navbar .menu .submenu{display:none;position:absolute;left:0;top:30px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow);padding:10px;z-index:200}
.navbar .menu .submenu a{display:block;font-size:14px;padding:8px 10px;border-radius:var(--radius-sm);color:#334155;transition:background-color .15s}
.navbar .menu .submenu a:hover{background:var(--hover-bg)}
.navbar .menu-cta{margin-left:auto;display:flex;align-items:center;white-space:nowrap}
.navbar .wa-inline{display:inline-flex;align-items:center;gap:7px;border:1px solid #25D366;color:#000;padding:8px 11px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:background-color .15s}
.navbar .wa-inline:hover{background:#1ea952; color:#fff;}
.navbar .wa-inline svg{width:18px;height:18px;fill:currentColor}
.header .hambox{display:none}
.header .hambox button{display:none;cursor:pointer;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:background-color .15s}
.header .hambox button:hover{background:var(--hover-bg)}
.header .hambox svg{width:22px;height:22px}
.backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:saturate(120%) blur(2px);display:none;z-index:99}
			.steps{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto 30px;padding:0;list-style:none}
			.step{flex:1;text-align:center;position:relative;font-weight:500;color:#999}
			.step.active{color:var(--mg-primary);font-weight:600}
			.step::before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;z-index:-1}
			.step:first-child::before{display:none}
			.step span{display:inline-block;background:#ddd;color:#fff;border-radius:50%;width:30px;height:30px;line-height:30px;margin-bottom:16px}
			.step.active span{background:var(--mg-primary)}
@supports not (position:sticky){
	.header{position:fixed;top:0;left:0;right:0;z-index:250;background:var(--bg)}
	body{padding-top:var(--header-h)}
}
@media (min-width:769px){
	.navbar .menu .item:hover .submenu{display:block}
}
@media (max-width:1200px){
	.header .wrap{grid-template-columns:180px 1fr 300px}
	.steps div {font-size:.80rem;}
}
@media (max-width:992px){
	.header .wrap{grid-template-columns:150px 1fr 220px}
	.header .action span{display:none}
}
@media (max-width:768px){
	.header{position:static;}
	.navbar{top:0;}
	.topbar .wrap{height:auto;padding:8px 0;gap:8px}
	.topbar .minilinks,	.topbar .announcements{display:none !important}
	.topbar .wrap{height:auto;padding:8px 0;gap:0;justify-content:center}
	.topbar .toplinks{display:flex;justify-content:center;align-items:center;width:auto;margin:0 auto}
	.header .wrap{grid-template-columns:auto 1fr auto; grid-template-rows:auto auto auto; height:auto;padding-top:12px; padding-bottom:12px;gap:12px}
	.header .brand{grid-column:1/2}
	.header .hambox{grid-column:3/4;display:flex;justify-self:end}
	.header .hambox button{display:flex}
	.header .actions{display:flex !important; grid-column:1/4;grid-row:2; background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius-md); padding:8px 12px; margin-top:2px; gap:18px; justify-content:space-between}
	.header .action{padding:8px 6px;border-radius:10px}
	.header .action:active{background:#eef2f7}
	.header .action .ico{width:22px;height:22px;opacity:.95}
	.navbar .kat{display:none}
	.navbar .mega{display:none!important}
	.navbar .wrap{height:0;min-height:0}
	.navbar .menu{ top:110px !important; }
	.navbar .menu{position:fixed;left:0;right:0;top:var(--header-h);bottom:0; background:var(--bg);border-top:1px solid var(--line); box-shadow:0 12px 24px rgba(0,0,0,.08);			opacity:0;pointer-events:none;display:flex;flex-direction:column; flex-wrap:nowrap;gap:0;z-index:100;overflow-y:auto;overflow-x:hidden;	transition:opacity .15s ease;padding:0;margin:0;max-height:none}
	.navbar .menu.open{opacity:1;pointer-events:auto}
	.navbar .menu .close-row{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line); z-index:2;display:flex;justify-content:flex-end}
	.navbar .menu .close-btn{appearance:none;background:var(--bg);border:none; padding:12px 14px;font-size:22px;line-height:1;cursor:pointer}
	.navbar .menu .item>a{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}
	.navbar .menu .item:last-child>a{border-bottom:none}
	.navbar .menu .submenu{position:static;box-shadow:none;border:none;padding:0;display:none}
	.navbar .menu .submenu a{padding:12px 28px;border-bottom:1px dashed #eef2f7}
	.navbar .menu .item.open .submenu{display:block}
	.navbar .menu-cta{display:none}
	.mobile-mega{padding:8px 0;border-bottom:1px solid var(--line)}
	.mobile-mega .mgroup{border-top:1px solid var(--line)}
	.mobile-mega .mgroup:first-child{border-top:none}
	.mobile-mega .mhead{display:flex;align-items:center;justify-content:space-between; padding:14px 16px;font-weight:600;cursor:pointer;background:none; border:none;width:100%;text-align:left}
	.mobile-mega .mhead svg{width:18px;height:18px;opacity:.7;transition:transform .15s}
	.mobile-mega .mgroup.open .mhead svg{transform:rotate(180deg)}
	.mobile-mega .mlinks{display:none;padding:4px 0 10px 0}
	.mobile-mega .mgroup.open .mlinks{display:block}
	.mobile-mega .mlinks a{display:block;padding:12px 28px;border-bottom:1px dashed #eef2f7; color:#334155;font-size:14px}
	.mobile-mega .mlinks a:last-child{border-bottom:none}
}
.hero-grid{display:grid;grid-template-columns:3fr 1fr 1fr;gap:20px}
.hero-grid a{display:block;border-radius:15px;overflow:hidden;background:#f3f4f6;transition:transform .3s,box-shadow .3s}
.hero-grid a:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.hero-grid picture{display:block;width:100%;height:100%}
.hero-grid img{width:100%;height:100%;object-fit:cover}
.hero-grid .hb-main{aspect-ratio:910/455}
.hero-grid .hb-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-height:0}
@media (max-width:992px){
	.hero-grid{grid-template-columns:1fr 1fr;gap:15px}
	.hero-grid .hb-main{grid-column:1/-1}
	.hero-grid .hb-side{aspect-ratio:303/455}
	.hero-grid .hb-stack{gap:15px}
}
@media (max-width:768px){
	.hero-grid .hb-main{aspect-ratio:800/600}
}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.features .feature{background:var(--card);border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;align-items:center;padding:16px}
.features .ic{padding:8px; border-radius:12px;display:grid;place-items:center}
.features .ic.green{background:var(--mg-success-tint)}
.features .ic.purple{background:var(--mg-primary-tint)}
.features .ic.lime{background:#ecfccb}
.features .ic.blue{background:var(--mg-primary-tint)}
.features h4{margin:0;font-size:14px}
.features p{margin:2px 0 0;color:var(--muted);font-size:13px}
.products{position:relative;overflow:hidden;overscroll-behavior-x:contain}
.products .grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;
padding:8px 0;user-select:none;cursor:grab;scroll-behavior:smooth;width:100%;box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.products .grid::-webkit-scrollbar{display:none}
.products .grid.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:auto}
.products .grid.no-snap{scroll-snap-type:none;scroll-behavior:auto}
.products .caddrd{flex:0 0 auto;background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06);scroll-snap-align:start;transition:transform .1s ease-out;width:calc((100% - 16px * (var(--cards-per-page,1) - 1)) / var(--cards-per-page,1))}
.products .card{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - 16px * (var(--cards-per-page,1) - 1)) / var(--cards-per-page,1)); border: 1px solid #f0f0f0; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; cursor: pointer; background: white; position: relative;}
.products .card:hover{ transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); border-color:var(--bg2);}
.products .card-media{position:relative;aspect-ratio:1/1;overflow:hidden;border-top-left-radius:16px;border-top-right-radius:16px;background:#f3f4f6}
.products .card-media img{width:100%;height:100%;object-fit:cover}
.products .badges{position:absolute;left:10px;top:10px;display:flex;gap:6px}
.products .badge{font-size:11px;font-weight:700;border-radius:999px;padding:4px 8px}
.products .badge.hot{background:var(--mg-success);color:#fff}
.products .badge.save{background:var(--mg-success-tint);color:var(--mg-success)}
.products .badge.new{background:var(--mg-primary-light);color:#fff}
.products .badge.camp{background:var(--mg-success);color:#fff}
.products .badge.goodp{background:var(--mg-danger);color:#fff}
.products .card-body{padding:14px}
.products .card:not(.more){display:flex;flex-direction:column}
.products .card:not(.more) .card-body{display:flex;flex-direction:column;flex:1}
.products .product-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px}
.products .product-actions .add-to-cart{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1.5px solid var(--mg-primary);border-radius:10px;background:var(--mg-surface);color:var(--mg-primary);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .15s,color .15s}
.products .product-actions .add-to-cart:hover{background:var(--mg-primary);color:var(--mg-surface);text-decoration:none}
.products .product-actions .add-to-cart:disabled{opacity:.6;cursor:wait}
.products .product-actions .add-to-cart.eklendi{background:var(--mg-success);border-color:var(--mg-success);color:var(--mg-surface)}
.products .product-actions .wishlist-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--mg-line);border-radius:50%;background:var(--mg-surface);font-size:17px;line-height:1;cursor:pointer;transition:transform .15s,border-color .15s}
.products .product-actions .wishlist-btn:hover{border-color:var(--mg-danger-soft);background:var(--mg-danger-tint);transform:scale(1.08)}
.products .product-actions .wishlist-btn:disabled{opacity:.6;cursor:wait}
.products .product-title{font-size: .8rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; line-height: 1.4;}
.products .product-price { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; }
.products .current-price { font-size: 1.2rem; font-weight: 700; color:var(--color1); }
.products .old-price { font-size: 0.9rem; color: #999; text-decoration: line-through; }
.products .discount { background: var(--mg-success); color: white; padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.7rem; font-weight: 600; }
.products .slider-controls{position:absolute;inset:0;pointer-events:none}
.products .slider-btn{position:absolute;top:50%;transform:translateY(-50%); height:44px;width:44px;border:0;border-radius:999px;background:#111;color:#fff;opacity:.9;
display:grid;place-items:center;cursor:pointer;pointer-events:auto;transition:.2s;font-size:18px}
.products .slider-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1)}
.products .slider-btn[disabled]{opacity:.35;cursor:not-allowed;transform:translateY(-50%)}
.products .slider-prev{left:-10px}
.products .slider-next{right:-10px}
.products .slider-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.products .slider-dot{height:8px;width:8px;border-radius:999px;background:#cfd8dc;cursor:pointer;transition:.2s}
.products .slider-dot:hover{background:#9ca3af;transform:scale(1.2)}
.products .slider-dot.active{background:#111;width:20px}
.products.secondary .card{border:2px solid #e5e7eb}
.products.secondary .card-media{background:var(--mg-warning-tint)}
.products.secondary .slider-btn{background:var(--mg-primary)}
.products.tertiary .card{border:2px solid var(--mg-primary-tint)}
.products.tertiary .card-media{background:var(--mg-success-tint)}
.products.tertiary .slider-btn{background:var(--mg-success)}
.products .card.more {display:flex; align-items:center; justify-content:center; text-align:center;	border:2px dashed var(--line);}
.products .card.more .more-inner {display:flex; flex-direction:column; align-items:center; justify-content:center;gap:8px; padding:16px; width:100%; height:100%;}
.products .card.more .more-emoji { font-size:28px; line-height:1; }
.products .card.more .more-title { font-weight:700; font-size:14px; }
.products .card.more .more-desc { font-size:12px; color:var(--muted); }
.products .card.more:hover { transform:translateY(-2px); }
.products .card:hover .media-overlay, .products-col .card:hover .media-overlay{ opacity:1; }
.products .card-media, .products-col .card-media { position: relative; }
.products .badges, .products-col .badges { z-index:5; }
.products-col { margin-top: 30px; }
.products-col .grid{display:grid;grid-template-columns:repeat(6,1fr);	gap:18px;}
.products-col .card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;	}
.products-col .card-media{background:#f7fafc;display:grid;place-items:center;position:relative; aspect-ratio:1/1; }
.products-col .card-media img{width:100%;height:100%;object-fit:cover;display:block}
.products-col .badges{position:absolute;left:10px;top:10px;display:flex;gap:6px}
.products-col .badge{font-size:11px;font-weight:700;border-radius:999px;padding:4px 8px}
.products-col .badge.hot{background:var(--hot);color:#fff}
.products-col .badge.save{background:var(--mg-success-tint);color:var(--mg-success)}
.products-col .card-body{padding:14px}
.products-col .title{font-size:14px;margin:0 0 4px}
.products-col .price{display:flex;align-items:center;gap:8px;font-weight:700}
.products-col .price del{color:var(--muted);font-weight:500}
.products-col .rating{display:flex;gap:2px;margin-top:6px}
.products-col .star{width:14px;height:14px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--orange)}
.end-divider{--divider-line: rgba(15,23,42,.18); --divider-badge-bg: #fff; --divider-size: 64px; position: relative; width: 100vw; left: 50%;right: 50%;margin-left: -50vw;	margin-right: -50vw; padding: 26px 0 18px;	 display:none;}
.end-divider::before{content:"";position:absolute; inset:0 0 0 0; height:1px; top:50%; transform:translateY(-50%); background: linear-gradient(90deg, transparent 0%, var(--divider-line) 12%, var(--divider-line) 88%, transparent 100%);}
.end-divider .badge{position: relative;	z-index: 1;	display: inline-flex; align-items:center; justify-content:center; width: var(--divider-size); height: var(--divider-size); margin: 0 auto; border-radius: 999px; background: var(--divider-badge-bg); border: 1px solid #e6eef3; box-shadow: 0 8px 20px rgba(0,0,0,.06);
display: flex; margin: 0;}
.end-divider .paw{ font-size: 28px; line-height: 1; }
.home-categories .cat-grid {
    display: flex;
    gap: 0;
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: hidden;
}
.home-categories .cat-card {
    background: #fff;
    border: none;
    border-right: 1px solid var(--line);
    border-radius: 0;
    padding: 14px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    flex: 1 1 0;
    min-width: 0;
    transition: background .18s;
    aspect-ratio: unset;
}
.home-categories .cat-card:last-child {
    border-right: none;
}
.home-categories .cat-card:hover {
    background: #f4f9fc;
    transform: none;
    box-shadow: none;
}
.home-categories .cat-title {
    font-weight: 600;
    font-size: 12px;
    color: var(--dark);
    line-height: 1.3;
}
@media (max-width: 1200px) {
    .home-categories .cat-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-radius: 16px;
        overflow: hidden;
    }
    .home-categories .cat-card {
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        flex: unset;
        padding: 16px;
    }
    .home-categories .cat-card:nth-child(4n) { border-right: none; }
    .home-categories .cat-card:nth-last-child(-n+4) { border-bottom: none; }
}
@media (max-width: 992px) {
    .home-categories .cat-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .home-categories .cat-card:nth-child(4n) { border-right: 1px solid var(--line); }
    .home-categories .cat-card:nth-child(3n) { border-right: none; }
    .home-categories .cat-card:nth-last-child(-n+4) { border-bottom: 1px solid var(--line); }
    .home-categories .cat-card:nth-last-child(-n+3) { border-bottom: none; }
}
@media (max-width: 520px) {
    .home-categories .cat-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .home-categories .cat-card:nth-child(3n) { border-right: 1px solid var(--line); }
    .home-categories .cat-card:nth-child(2n) { border-right: none; }
    .home-categories .cat-card:nth-last-child(-n+3) { border-bottom: 1px solid var(--line); }
    .home-categories .cat-card:nth-last-child(-n+2) { border-bottom: none; }
}
.home-categories .cat-icon{font-size:34px;line-height:1}
.home-categories .cat-title{font-weight:600;font-size:14px;color:var(--dark)}
.header .brand{min-width:max-content}
.header .actions{min-width:max-content}
.notification { position: fixed; top: 20px; right: 20px; padding: 15px 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transform: translateX(400px); transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); z-index: 1000; opacity: 0; visibility: hidden; min-width: 280px; max-width: 400px; font-weight: 500; display: flex; align-items: center; gap: 10px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.notification.show { transform: translateX(0); opacity: 1; visibility: visible; }
.notification.success { background: linear-gradient(135deg, var(--mg-success), var(--mg-success)); color: white; }
.notification.error { background: linear-gradient(135deg, var(--mg-danger), var(--mg-danger)); color: white; }
.notification.info { background: linear-gradient(135deg, var(--mg-primary-dark), var(--mg-primary)); color: white; }
.notification::before { content: ''; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); flex-shrink: 0; }
.notification.success::before { content: '✓'; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; }
.notification.error::before { content: '✕'; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; }
.notification-close { margin-left: auto; background: none; border: none; color: white; font-size: 18px; cursor: pointer; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s ease; }
.notification-close:hover { background: rgba(255, 255, 255, 0.2); }
.footer-header{background:#3a3a3a;padding:20px;width:100%; margin-top:40px}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.footer-header .left-section{display:flex;flex-direction:column;gap:5px;flex:1 1 320px}
.footer-header .main-text{font-size:24px;font-weight:bold;color:#fff}
.footer-header .sub-text{font-size:16px;color:#ccc;font-weight:normal}
.footer-header .right-section{display:flex;align-items:center;gap:30px;flex-wrap:wrap;flex:1 1 380px;justify-content:flex-end;margin-left:auto}
.footer-header .contact-item{display:flex;align-items:center;gap:10px;background:#fff;color:#333;padding:12px 20px;border-radius:25px;font-size:16px;font-weight:500;transition:.3s}
.footer-header .contact-item:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.footer-header .icon{width:20px;height:20px;fill:#333;flex-shrink:0}
.footer-header .phone-icon{transform:rotate(15deg)}
.footer-header .email-icon{width:18px;height:18px}
@media (max-width:768px){
  .footer-header{padding:15px}
  .footer-row{flex-direction:column;align-items:flex-start;gap:15px}
  .footer-header .right-section{width:100%;justify-content:stretch;gap:15px}
  .footer-header .contact-item{width:100%;justify-content:center;padding:15px 20px}
  .footer-header .main-text{font-size:20px}
  .footer-header .sub-text{font-size:14px}
}
@media (max-width:480px){
  .footer-header .main-text{font-size:18px}
  .footer-header .sub-text{font-size:13px}
  .footer-header .contact-item{padding:12px 15px;font-size:14px}
  .footer-header .right-section{gap:12px}
}
@media (min-width:769px) and (max-width:1024px){
  .footer-header .right-section{gap:20px}
  .footer-header .contact-item{padding:10px 16px;font-size:15px}
}
.site-footer{
  background-color:var(--bgw);
  color:var(--color0);
  background-image:image-set(
    url("/img/site/footer-bg.png") 1x,
    url("/img/site/footer-bg.png") 2x
  );
  background-repeat:no-repeat;
 background-position: 180px bottom;
  background-size:clamp(170px,0vw,520px) auto;
}
@media (max-width:640px){
  .site-footer{ background-size:180px auto; }
}
.site-footer a{color:var(--color2);text-decoration:none}
.site-footer a:hover{color:var(--color1); text-decoration:underline}
.site-footer .footer-inner{padding-top:36px; padding-bottom:36px}
.site-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;gap:28px;align-items:start}
.site-footer .footer-brand{display:grid;gap:12px}
.site-footer .brand-title{color:var(--color1);font-size:20px;font-weight:700;}
.site-footer .brand-desc{color:var(--color0); font-size:14px;line-height:1.6}
.site-footer .social{display:flex;gap:10px;margin-top:6px}
.site-footer .social a{background:var(--bgf); color:var(--color1); border:1px solid var(--border2);  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;}
.site-footer .fcol h4{color:var(--color1); font-size:15px;margin:4px 0 12px}
.site-footer .fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-footer .fcol li a{color:var(--color2); font-size:14px;}
.site-footer .contact{display:grid;gap:10px}
.site-footer .crow{display:flex;gap:10px;align-items:flex-start}
.site-footer .cicon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#0f172a;border:1px solid #1f2a3a;color:#9fb3c8;flex:0 0 auto}
.site-footer .ctxt{color:var(--color2); font-size:14px;line-height:1.5}
.site-footer .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.site-footer .badge{padding:6px 10px;border-radius:8px;border:1px solid #1f2a3a;background:#0f172a;font-size:12px;color:#cfe6ff}
.site-footer .newsletter{margin-top:14px;display:grid;gap:8px}
.site-footer .nl-row{display:flex;gap:8px; width:80%;}
.site-footer .nl-input{background:var(--bgf); color:var(--color1); border:1px solid var(--border2); flex:1;height:42px;border-radius:10px;padding:0 12px}
.site-footer .nl-btn{background:var(--bg1); color:var(--colorf); border:1px solid var(--border1); height:42px;border-radius:10px;font-weight:700;padding:0 14px;cursor:pointer}
.site-footer .nl-btn[disabled]{opacity:.6;cursor:wait}
.site-footer .nl-tuzak{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.site-footer .nl-mesaj{width:80%;font-size:13px;font-weight:600;border-radius:8px;padding:8px 12px}
.site-footer .nl-mesaj.ok{background:var(--mg-success-tint);color:var(--mg-success)}
.site-footer .nl-mesaj.hata{background:var(--mg-danger-tint);color:var(--mg-danger)}
.site-footer .nl-not{width:80%;font-size:11.5px;line-height:1.45;opacity:.75}
@media (max-width:768px){.site-footer .nl-mesaj,.site-footer .nl-not{width:100%}}
.site-footer .footer-bottom{border-top: 1px solid rgba(var(--borderrgb2), .1)}
.site-footer .bottom-inner{display:flex;gap:14px;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px;}
.site-footer .legal{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;}
.site-footer .copy{color:var(--color0);font-size:13px}
.site-footer .trust{display:flex;gap:8px;flex-wrap:wrap}
.site-footer .t-item{color:var(--colorf);padding:6px 8px;border-radius:8px;border:1px solid #1f2a3a;background:#0f172a;font-size:12px}
@media (max-width:1200px){.site-footer .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
@media (max-width:1024px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.site-footer .footer-grid{grid-template-columns:1fr}}
@media (max-width:768px){
  .site-footer .bottom-inner{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    gap:10px;
  }
  .site-footer .bottom-inner > *{
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}
@media (hover:none) and (pointer:coarse){
	.products .card-media .media-overlay{ opacity:.6; }
}
@media (min-width: 769px){
	.header .wrap{grid-template-columns: max-content minmax(0,1fr) max-content;}
}
@media (max-width: 992px){
	.header .action span{display:none}
}
@media (min-width: 993px){
	.header .action span{display:inline}
}
@media (max-width:1580px){
	.container{padding-left:30px; padding-right:30px}
}
@media (max-width:1366px){
}
@media (max-width:1200px){
	.products-col .grid{grid-template-columns:repeat(4,1fr)}
	.site-footer  {background:none;}
	.footer-header {display:none;}
	.end-divider {display: grid;place-items: center;}
}
@media (max-width:992px){
	.features{grid-template-columns:repeat(2,1fr)}
	.products-col .grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
	.features{grid-template-columns:repeat(2,1fr)}
	.products-col .grid{grid-template-columns:repeat(2,1fr)}
	.section-title{font-size:20px}
	.hero{grid-template-columns:1fr;gap:15px}
	.hero .card-overlay{position:static;transform:none;background:rgba(0,0,0,.8);padding:15px}
	.products .slider-prev{left:12px}
	.products .slider-next{right:12px}
}
@media (max-width:640px){
	.container{padding-left:10px !important;padding-right:10px !important}
	.end-divider{ padding: 20px 0 14px; }
	.end-divider{ --divider-size: 56px; }
	.end-divider .paw{ font-size: 24px; }
}
@media (max-width:520px){
	.products-col .grid{grid-template-columns:1fr}
	.features{grid-template-columns:1fr}
	.feature{padding:14px}
}
@media (max-width:480px){
	.hero .card-title{font-size:1em}
	.hero .card-description{font-size:.8em}
	.features{grid-template-columns:1fr}
}
@media (max-width:360px){
}
@media (min-width:321px) and (max-width:412px){
	.products .card{width:calc((100% - 32px - 16px * (var(--cards-per-page,2) - 1)) / var(--cards-per-page,1))}
}
@media (min-width:413px) and (max-width:480px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,3) - 1)) / var(--cards-per-page,2))}
}
@media (min-width:481px) and (max-width:640px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,3) - 1)) / var(--cards-per-page,2))}
}
@media (min-width:641px) and (max-width:767px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,3) - 1)) / var(--cards-per-page,3))}
}
@media (min-width:768px) and (max-width:1024px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,4) - 1)) / var(--cards-per-page,4))}
}
@media (min-width:1025px) and (max-width:1280px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,5) - 1)) / var(--cards-per-page,5))}
}
@media (min-width:1281px) and (max-width:1366px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,6) - 1)) / var(--cards-per-page,6))}
}
@media (min-width:1367px) and (max-width:1536px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,5) - 1)) / var(--cards-per-page,5))}
}
@media (min-width:1537px) and (max-width:1920px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,5) - 1)) / var(--cards-per-page,5))}
}
@media (min-width:1921px) and (max-width:2560px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,5) - 1)) / var(--cards-per-page,5))}
}
@media (min-width:2561px) and (max-width:3440px){
	.products .card{width:calc((100% - 16px * (var(--cards-per-page,5) - 1)) / var(--cards-per-page,5))}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mg-hero{color:#14303A}
.mg-hero button{font:inherit;border:0;background:none;cursor:pointer;text-align:left}
.mg-hero .hero-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}
.mg-hero .manset{position:relative;min-width:0;border-radius:24px;overflow:hidden;background:#11262D}
.mg-hero .pencere{overflow:hidden;touch-action:pan-y}
.mg-hero .iz{display:flex;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.mg-hero .slayt{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,auto) minmax(320px,1fr);height:clamp(400px,calc(100vh - 440px),540px);background:var(--zemin);color:var(--yazi)}
.mg-hero .slayt-foto{position:relative;overflow:hidden;width:100%;height:100%;aspect-ratio:3/2}
.mg-hero .slayt-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:50% 50%}
.mg-hero .slayt.aktif .slayt-foto img{animation:mg-kb1 7s ease-out forwards}
.mg-hero .slayt:nth-child(even).aktif .slayt-foto img{animation-name:mg-kb2}
.mg-hero .manset:hover .slayt-foto img{animation-play-state:paused}
@keyframes mg-kb1{from{transform:scale(1)}to{transform:scale(1.04)}}
@keyframes mg-kb2{from{transform:scale(1.04)}to{transform:scale(1)}}
.mg-hero .rozet{position:absolute;left:22px;top:22px;width:82px;height:82px;border-radius:50%;background:var(--yazi);color:var(--zemin);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1;transform:rotate(-10deg)}
.mg-hero .rozet small{font-size:11px;font-weight:600;margin-top:4px;max-width:70px;line-height:1.1}
.mg-hero .slayt-yazi{padding:24px 40px 24px 36px;display:flex;flex-direction:column;justify-content:center}
.mg-hero .slayt-yazi .ust{font-weight:700;font-size:14px;opacity:.8;margin-bottom:8px}
.mg-hero .slayt-yazi h2{font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:clamp(26px,2.5vw,42px);line-height:1.05;letter-spacing:-.5px;margin-bottom:12px;max-width:620px}
.mg-hero .slayt-yazi p{font-size:15px;line-height:1.5;max-width:440px;margin-bottom:16px;opacity:.9}
.mg-hero .fiyat{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
.mg-hero .fiyat del{font-size:18px;font-weight:700;opacity:.6}
.mg-hero .fiyat strong{font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:34px;line-height:1}
.mg-hero .butonlar{display:flex;flex-wrap:wrap;gap:10px}
.mg-hero .btn{display:inline-block;font-weight:700;font-size:15px;padding:11px 20px;border-radius:12px;background:var(--yazi);color:var(--zemin)}
.mg-hero .btn:hover{opacity:.9}
.mg-hero .btn-2{background:transparent;color:var(--yazi);border:2px solid var(--yazi);padding:9px 18px}
.mg-hero .s1,.mg-hero .t1{--zemin:#FFC93C;--yazi:#14303A;--renk:#FFC93C}
.mg-hero .s2,.mg-hero .t2{--zemin:#C2611F;--yazi:#FFFFFF;--renk:#FF9A4D}
.mg-hero .s3,.mg-hero .t3{--zemin:#E2553F;--yazi:#FFFFFF;--renk:#FF7A63}
.mg-hero .s4,.mg-hero .t4{--zemin:#23614F;--yazi:#FFFFFF;--renk:#4FC29F}
.mg-hero .s5,.mg-hero .t5{--zemin:#3A3366;--yazi:#FFFFFF;--renk:#9C8FFF}
.mg-hero .s6,.mg-hero .t6{--zemin:#1F5F99;--yazi:#FFFFFF;--renk:#5DB2FF}
.mg-hero .sekmeler{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.mg-hero .sekmeler button{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;color:#9DB4BA;border-left:1px solid rgba(255,255,255,.07);min-width:0}
.mg-hero .sekmeler button:first-child{border-left:0}
.mg-hero .sekmeler button:hover{color:#fff;background:rgba(255,255,255,.04)}
.mg-hero .sekmeler img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;opacity:.6}
.mg-hero .sekmeler span{min-width:0}
.mg-hero .sekmeler b{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-hero .sekmeler small{display:block;font-size:12px;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-hero .sekmeler .aktif{color:#fff;background:#183842}
.mg-hero .sekmeler .aktif img{opacity:1;box-shadow:0 0 0 3px var(--renk)}
.mg-hero .sekmeler button:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.mg-hero .ilerleme{position:absolute;left:0;top:0;height:4px;width:0;background:var(--renk)}
.mg-hero .aktif .ilerleme{animation:mg-dol 6s linear forwards}
.mg-hero .manset:hover .ilerleme,.mg-hero .manset:focus-within .ilerleme{animation-play-state:paused}
@keyframes mg-dol{from{width:0}to{width:100%}}
.mg-hero .yan{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.mg-hero .yan-kart{position:relative;border-radius:24px;overflow:hidden;min-height:180px;color:#fff;display:flex;align-items:flex-end}
.mg-hero .yan-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mg-hero .yan-kart:hover img{transform:scale(1.04)}
.mg-hero .yan-kart::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,30,36,.88) 0%,rgba(10,30,36,.2) 60%,rgba(10,30,36,0) 100%)}
.mg-hero .yan-kart div{position:relative;z-index:1;padding:20px}
.mg-hero .yan-kart h3{font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.05;margin-bottom:6px}
.mg-hero .yan-kart p{font-size:14px;font-weight:600}
.mg-hero .btn:focus-visible,.mg-hero .yan-kart:focus-visible{outline:3px solid #14303A;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
	.mg-hero .iz{transition:none}
	.mg-hero .slayt.aktif .slayt-foto img{animation:none}
	.mg-hero .yan-kart img{transition:none}
}
@media (max-width:1200px){
	.mg-hero .hero-in{grid-template-columns:1fr}
	.mg-hero .yan{grid-template-columns:1fr 1fr;grid-template-rows:none}
	.mg-hero .yan-kart{min-height:190px}
	.mg-hero .sekmeler small{display:none}
}
@media (max-width:900px){
	.mg-hero .slayt{grid-template-columns:1fr;height:auto}
	.mg-hero .slayt-foto{height:auto}
}
@media (max-width:760px){
	.mg-hero .rozet{width:74px;height:74px;font-size:19px;left:14px;top:14px}
	.mg-hero .rozet small{font-size:10px}
	.mg-hero .slayt-yazi{padding:22px 20px 24px}
	.mg-hero .fiyat strong{font-size:32px}
	.mg-hero .sekmeler{display:flex;overflow-x:auto;scrollbar-width:none}
	.mg-hero .sekmeler::-webkit-scrollbar{display:none}
	.mg-hero .sekmeler button{flex:0 0 auto;padding:12px 14px}
	.mg-hero .yan{grid-template-columns:1fr}
}
body{background:var(--mg-canvas);color:var(--mg-ink);-webkit-font-smoothing:antialiased;}
::selection{background:var(--mg-primary-soft);color:var(--mg-ink);}
body .topbar{background:var(--mg-dark);color:#E5E7EB;}
body .topbar .scroll span{color:var(--mg-primary-soft);}
body .topbar .minilinks a:hover,body .topbar .toplinks a:hover{color:#fff;text-decoration:none;}
body .header{background:var(--mg-surface);border-bottom:1px solid var(--mg-line);}
body .header .search input{background:var(--mg-surface-2);border:1.5px solid var(--mg-line);color:var(--mg-ink);transition:border-color .15s,box-shadow .15s,background .15s;}
body .header .search input:hover{border-color:var(--mg-line-2);}
body .header .search input:focus{background:var(--mg-surface);border-color:var(--mg-primary);box-shadow:0 0 0 4px rgba(var(--mg-primary-rgb),.12);}
body .header .search .icon{color:var(--mg-primary);opacity:1;}
body .header .action{color:var(--mg-ink);font-weight:500;}
body .header .action .ico{opacity:1;}
body .header .action:hover{color:var(--mg-primary);}
body .header .actions .cartsum .cart-count{background:var(--mg-primary);box-shadow:0 0 0 2px var(--mg-surface);}
body .header .actions .cartsum .txt b{color:var(--mg-primary);}
body .account .submenu{border-color:var(--mg-line);box-shadow:var(--mg-sh-md);}
body .account .submenu a{display:block;padding:7px 10px;border-radius:8px;color:var(--mg-ink-2);}
body .account .submenu a:hover{background:var(--mg-primary-tint);color:var(--mg-primary-dark);}
body .navbar{background:var(--mg-surface);border-bottom:1px solid var(--mg-line);box-shadow:0 2px 10px rgba(17,24,39,.04);}
body .navbar .kat{gap:6px;padding:7px 14px;border-radius:8px;font-size:14.5px;line-height:1.4;background:var(--mg-primary);color:#fff;box-shadow:0 3px 10px rgba(var(--mg-primary-rgb),.22);}
body .navbar .kat:hover,body .navbar.mm-open .kat{background:var(--mg-primary-dark);}
body .navbar.mm-open .kat .chev{transform:rotate(180deg);}
body .navbar .menu>.item>a{color:var(--mg-ink);font-weight:500;}
body .navbar .menu>.item:hover>a{color:var(--mg-primary);text-decoration:none;}
body .navbar .menu .submenu{border-color:var(--mg-line);box-shadow:var(--mg-sh-md);}
body .navbar .menu .submenu a:hover{background:var(--mg-primary-tint);color:var(--mg-primary-dark);}
body .navbar .mega{left:16px;right:16px;margin-top:6px;padding:20px 22px;background:var(--mg-surface);border:1px solid var(--mg-line);border-top:3px solid var(--mg-primary);border-radius:0 0 14px 14px;box-shadow:var(--mg-sh-lg);}
body .navbar .megagrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;}
body .navbar .megagroup{gap:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent !important;}
body .navbar .megabg1,body .navbar .megabg2{background:transparent !important;}
body .navbar .megacol{padding:0 18px;border-left:1px solid var(--mg-line);}
body .navbar .megagroup:first-child .megacol:first-child{padding-left:0;border-left:0;}
body .navbar .megacol b{display:block;margin:0 0 6px;padding:0 0 8px;border-bottom:2px solid var(--mg-primary-tint);font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--mg-primary);}
body .navbar .megacol b a{display:inline;padding:0;border:0;font-size:inherit;color:inherit;}
body .navbar .megacol b a:hover{color:var(--mg-primary-dark);padding:0;}
body .navbar .megacol>a{position:relative;display:block;padding:7px 14px 7px 2px;border:0;border-bottom:1px dotted var(--mg-line-2);border-radius:0;font-size:13.5px;line-height:1.35;color:var(--mg-ink-2);transition:color .15s,padding-left .15s;}
body .navbar .megacol>a:last-child{border-bottom:0;}
body .navbar .megacol>a::after{content:"›";position:absolute;right:2px;top:50%;transform:translateY(-50%);opacity:0;color:var(--mg-primary);font-weight:700;transition:opacity .15s;}
body .navbar .megacol>a:hover{padding-left:8px;border:0;border-bottom:1px dotted var(--mg-line-2);background:transparent;color:var(--mg-primary);}
body .navbar .megacol>a:last-child:hover{border-bottom:0;}
body .navbar .megacol>a:hover::after{opacity:1;}
body .breadcrumb a{color:var(--mg-ink-2);}
body .breadcrumb a:hover{color:var(--mg-primary);text-decoration:none;}
body .breadcrumb .current{color:var(--mg-muted);}
body .section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--mg-ink);}
body .section-title::before{content:"";flex:0 0 auto;width:5px;height:22px;border-radius:3px;background:var(--mg-primary);}
body .category-title,body .brand-hero h1,body .brand-page .page-title,body .products-header .ph-title{color:var(--mg-ink);}
body .home-categories .cat-grid{background:var(--mg-surface);border-color:var(--mg-line);box-shadow:var(--mg-sh-sm);}
body .home-categories .cat-card{border-color:var(--mg-line);}
body .home-categories .cat-card:hover{background:var(--mg-primary-tint);}
body .home-categories .cat-card:hover .cat-title{color:var(--mg-primary-dark);}
body .features .feature{background:var(--mg-surface);border-color:var(--mg-line);box-shadow:var(--mg-sh-sm);}
body .products .card,body .products-col .card,body .products-grid .product-card{background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:14px;box-shadow:var(--mg-sh-sm);}
body .products .card:hover,body .products-col .card:hover,body .products-grid .product-card:hover{border-color:var(--mg-primary-soft);box-shadow:var(--mg-sh-md);transform:translateY(-3px);}
body .products-grid .product-card::before{display:none;}
body .products .card-media,body .products-col .card-media,body .products-grid .product-card .card-media{background:var(--mg-surface);border-bottom:1px solid var(--mg-line);}
body .products .card.more,body .products-grid .product-card.card.more{border:2px dashed var(--mg-primary-soft);background:var(--mg-primary-tint);box-shadow:none;}
body .products .card.more .more-title,body .products-grid .product-card.card.more .more-title{color:var(--mg-primary-dark);}
body .products .product-title,body .products-grid .product-card .product-title,body .products-grid .product-card .product-title a{color:var(--mg-ink);}
body .products-grid .product-card .product-title a:hover{color:var(--mg-primary);}
body .products .current-price,body .products-grid .product-card .product-price .current-price{color:var(--mg-primary);font-weight:800;letter-spacing:-.2px;}
body .products .old-price,body .products-grid .product-card .product-price .old-price{color:#9CA3AF;}
body .products .discount,body .products-grid .product-card .product-price .discount{background:var(--mg-primary-tint);color:var(--mg-primary-dark);border:1px solid var(--mg-primary-soft);}
body .products .badge.save,body .products-col .badge.save,body .products-grid .product-card .badges .badge.save{background:var(--mg-danger);color:#fff;}
body .products .badge.hot,body .products .badge.camp{background:var(--mg-dark);color:#fff;}
body .products-grid .product-card .product-actions .add-to-cart{border:1.5px solid var(--mg-primary);background:var(--mg-surface);color:var(--mg-primary);font-weight:600;}
body .products-grid .product-card .product-actions .add-to-cart:hover{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;box-shadow:0 6px 16px rgba(var(--mg-primary-rgb),.28);}
body .products-grid .product-card .product-actions .wishlist-btn{border:1px solid var(--mg-line);background:var(--mg-surface);}
body .products-grid .product-card .product-actions .wishlist-btn:hover{border-color:var(--mg-danger-soft);background:var(--mg-danger-tint);}
body .products .slider-btn{background:var(--mg-surface);color:var(--mg-ink);border:1px solid var(--mg-line);box-shadow:var(--mg-sh-md);}
body .products .slider-btn:hover{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;}
body .products .slider-dot.active{background:var(--mg-primary);}
body .products-section,body .filters-sidebar,body .brand-hero,body .brand-page .sidebar,body .brand-card{background:var(--mg-surface);border:1px solid var(--mg-line);box-shadow:var(--mg-sh-sm);}
body .filter-group{border-bottom-color:var(--mg-line);}
body .filter-option:hover{background:var(--mg-primary-tint);color:var(--mg-primary-dark);}
body .filter-option.active{background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-weight:600;}
body .filter-option input[type="checkbox"]{accent-color:var(--mg-primary);}
body .filters-sidebar .btn-filter-apply{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;}
body .filters-sidebar .btn-filter-apply:hover{background:var(--mg-primary-dark);border-color:var(--mg-primary-dark);}
body .filters-sidebar .btn-filter-clear{border-color:var(--mg-line-2);}
body .mobile-filter-toggle{background:var(--mg-primary);box-shadow:0 8px 20px rgba(var(--mg-primary-rgb),.25);}
body .sort-select{border:1.5px solid var(--mg-line);}
body .sort-select:focus{border-color:var(--mg-primary);}
body .view-btn{border:1.5px solid var(--mg-line);}
body .view-btn.active{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;}
body .pagination a{border-color:var(--mg-line);font-weight:500;}
body .pagination a:hover{border-color:var(--mg-primary);color:var(--mg-primary);background:var(--mg-surface);}
body .pagination .active{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;}
body .cat-info a,body .brand-hero .bh-meta a{color:var(--mg-primary);}
body .brand-card:hover{border-color:var(--mg-primary-soft);box-shadow:var(--mg-sh-md);}
body .brand-page .sidebar a:hover{background:var(--mg-primary-tint);color:var(--mg-primary-dark);transform:none;}
body .brand-name a:hover{color:var(--mg-primary);}
body .view-all-btn:hover{background:var(--mg-primary-dark);}
body .az-bar a{border-color:var(--mg-line);}
body .az-bar a:hover{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;}
body .product-sample{border-color:var(--mg-line);}
body .product-sample:hover{border-color:var(--mg-primary-soft);background:var(--mg-surface);}
body .left-panel,body .right-panel{box-shadow:none;}
body .left-panel{background:var(--mg-surface);border:1px solid var(--mg-line);}
body .right-left{padding:24px;border:1px solid var(--mg-line);border-radius:12px;box-shadow:var(--mg-sh-sm);}
body .right-left>.product-card{margin:0 0 4px;padding:0;border:0;background:transparent;box-shadow:none;}
body .right-left>.product-card h1,body .right-left>.product-card h3{margin:0 0 6px;font-size:22px;line-height:1.3;font-weight:700;color:var(--mg-ink);}
body .right-left>.product-card .rating-section{margin-top:10px;gap:16px;}
body .price-block{margin-top:16px;padding:16px;border:1px solid var(--mg-line);background:var(--mg-surface-2);}
body .price-now{color:var(--mg-ink);}
body .cart-bar{border-color:var(--mg-line);}
body .qty button:hover{border-color:var(--mg-primary);color:var(--mg-primary);}
body .btn-cart-wide{background:var(--mg-primary);box-shadow:0 8px 20px rgba(var(--mg-primary-rgb),.28);}
body .btn-cart-wide:hover{background:var(--mg-primary-dark);filter:none;}
body .store-card{border-color:var(--mg-line);}
body .info-head.tabs{border-color:var(--mg-line);background:var(--mg-surface);}
body .info-head.tabs .info-link:hover{background:var(--mg-primary-tint);color:var(--mg-primary-dark);}
body .info-head.tabs .info-link.active{background:var(--mg-primary);color:#fff;box-shadow:0 2px 10px rgba(var(--mg-primary-rgb),.22);}
body .card{border-color:var(--mg-line);}
body #aciklama table thead tr{background-color:var(--mg-ink);}
body #aciklama table tbody tr{border-bottom-color:var(--mg-line);}
body #aciklama table tbody tr:nth-child(even){background-color:var(--mg-surface-2);}
body #aciklama table tbody tr:hover{background-color:var(--mg-primary-tint);}
body #aciklama ul li,body #teslimat ul li{border-bottom-color:var(--mg-line);}
body #aciklama ul li::before,body #teslimat ul li::before{width:8px;height:8px;background-color:var(--mg-primary);box-shadow:0 0 0 3px var(--mg-primary-tint);}
body .gift-row{border-color:var(--mg-primary-soft);background:var(--mg-primary-tint);}
body .checkout-btn{background:var(--mg-primary);box-shadow:0 8px 20px rgba(var(--mg-primary-rgb),.25);}
body .checkout-btn:hover{background:var(--mg-primary-dark);}
body .signup .box{border:1px solid var(--mg-line);box-shadow:var(--mg-sh-md);}
body .signup .input{border:1.5px solid var(--mg-line);}
body .signup .input:focus{outline:none;border-color:var(--mg-primary);box-shadow:0 0 0 4px rgba(var(--mg-primary-rgb),.12);}
body .signup .tab input:checked+label{color:var(--mg-primary-dark);}
body .notification.success{background:var(--mg-success);}
body .notification.error{background:var(--mg-danger);}
body .notification.info{background:var(--mg-ink);}
body .footer-header{background:var(--mg-dark);}
body .site-footer{margin-top:40px;background-color:var(--mg-surface);border-top:3px solid var(--mg-primary);}
body .site-footer .fcol li a,body .site-footer .ctxt{color:var(--mg-ink-2);}
body .site-footer .fcol li a:hover,body .site-footer a:hover{color:var(--mg-primary);text-decoration:none;}
body .site-footer .fcol h4{color:var(--mg-ink);font-weight:700;}
body .site-footer .brand-desc,body .site-footer .copy{color:var(--mg-muted);}
body .site-footer .social a{border-color:var(--mg-line);}
body .site-footer .social a:hover{border-color:var(--mg-primary);background:var(--mg-primary-tint);}
body .site-footer .nl-input{border:1.5px solid var(--mg-line);color:var(--mg-ink);}
body .site-footer .nl-input:focus{outline:none;border-color:var(--mg-primary);}
body .site-footer .footer-bottom{border-top:1px solid var(--mg-line);background:var(--mg-surface-2);}
body .site-footer .cicon,body .site-footer .badge,body .site-footer .t-item{background:var(--mg-dark);border-color:var(--mg-dark);}
body .info-card.pp-spot{background:linear-gradient(135deg,var(--mg-primary),var(--mg-primary-light));text-align:left;}
body .info-card.pp-spot h4{font-size:17px;margin:6px 0;}
body .info-card.pp-spot .info-badge{color:var(--mg-primary-dark);}
body .info-card.pp-spot .pp-spot-hint{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.18);font-size:12.5px;}
body .store-rating .stars{display:inline-flex;gap:1px;color:var(--mg-warning);}
body .store-rating .stars .star-icon{width:14px;height:14px;}
@media (max-width:768px){
body .header .search{grid-column:1/4;}
body .header .actions{background:var(--mg-surface);border-color:var(--mg-line);}
body .navbar{box-shadow:none;}
body .navbar .menu .item>a:hover{color:var(--mg-primary);}
body .right-left{padding:16px;}
body .right-left>.product-card h1,body .right-left>.product-card h3{font-size:18px;}
body .info-head.tabs .info-link.active{background:transparent;color:var(--mg-primary);box-shadow:none;}
}
:root{--mg-sticky-top:calc(var(--header-h) + 68px);}
body .filter-actions{gap:8px;margin-top:8px;padding-top:8px;}
body .btn-filter-apply,body .btn-filter-clear{min-height:34px;padding:0 10px;border-radius:9px;font-size:12px;line-height:1.2;}
@media (min-width:769px){
body .filters-sidebar{position:sticky;top:var(--mg-sticky-top);align-self:start;height:auto;max-height:calc(100vh - var(--mg-sticky-top) - 12px);}
body .filters-sidebar:not(#filtersSidebar){overflow-y:auto;}
}
.topbar .toplinks .tl-fav{display:inline-flex;align-items:center;gap:5px}
body .header .actions{gap:10px;align-items:center}
.hk-hesap{position:relative}
.hk-kutu{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--mg-line);border-radius:10px;background:var(--mg-surface);color:var(--mg-ink);font:inherit;cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .15s,background-color .15s}
.hk-kutu:hover,.hk-hesap.acik .hk-kutu{border-color:var(--mg-primary);background:var(--mg-primary-tint);text-decoration:none}
.hk-ico{width:20px;height:20px;flex:0 0 auto;color:var(--mg-primary)}
.hk-yazi{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.hk-yazi b{font-size:13.5px;font-weight:700;color:var(--mg-ink)}
.hk-yazi small{font-size:11.5px;color:var(--mg-muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hk-ok{width:16px;height:16px;flex:0 0 auto;color:var(--mg-muted);transition:transform .15s}
.hk-hesap.acik .hk-ok{transform:rotate(180deg)}
.hk-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:10px;box-shadow:var(--mg-sh-md);padding:4px;z-index:1000}
.hk-menu::before{content:"";position:absolute;top:-6px;right:24px;width:10px;height:10px;background:var(--mg-surface);border-left:1px solid var(--mg-line);border-top:1px solid var(--mg-line);transform:rotate(45deg)}
.hk-hesap.acik .hk-menu{display:block}
.hk-menu a{position:relative;display:block;padding:8px 10px;font-size:13.5px;color:var(--mg-ink-2);border-radius:6px;text-decoration:none}
.hk-menu a + a{border-top:1px solid var(--mg-line)}
.hk-menu a:hover{background:var(--mg-primary-tint);color:var(--mg-primary-dark);text-decoration:none}
.hk-menu a.hk-cikis{color:var(--mg-danger)}
.hk-sepet{gap:14px}
.hk-sepet-ico{position:relative;display:inline-flex}
.hk-sepet .cart-count{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--mg-primary);color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--mg-surface)}
.hk-sepet .hk-yazi small{color:var(--mg-primary);font-weight:700;font-size:12.5px}
.hk-kupon .hk-yazi small{color:var(--mg-success);font-weight:600}
@media (max-width:1200px){.hk-kupon .hk-yazi small{display:none}}
@media (max-width:992px){.hk-hesap .hk-yazi small{display:none}}
@media (max-width:768px){body .header .actions{gap:8px;padding:8px}.hk-hesap{flex:1 1 0}.hk-hesap .hk-kutu{width:100%}.hk-kutu{flex:1 1 0;justify-content:center;height:42px}.hk-kupon .hk-yazi{display:none}.hk-kupon{flex:0 0 auto !important;padding:0 11px}.hk-menu{left:0;right:0;min-width:0}.hk-menu::before{right:auto;left:24px}}
body .products-grid.list-mode{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px}
body .products-grid.list-mode .product-card{flex-direction:row;align-items:stretch}
body .products-grid.list-mode .product-card:hover{transform:translateY(-2px)}
body .products-grid.list-mode .product-card .card-media{width:160px;flex:0 0 160px;aspect-ratio:auto;min-height:160px;border-radius:0}
body .products-grid.list-mode .product-card .card-media > a{display:block;height:100%}
body .products-grid.list-mode .product-card .card-body{flex:1 1 auto;min-width:0;padding:12px 14px;justify-content:center}
body .products-grid.list-mode .product-card .product-title{min-height:0;-webkit-line-clamp:3}
body .products-grid.list-mode .product-card .product-price{margin-bottom:10px}
@media (max-width:992px){body .products-grid.list-mode{grid-template-columns:1fr !important}}
@media (max-width:480px){body .products-grid.list-mode .product-card .card-media{width:110px;flex-basis:110px;min-height:120px}body .products-grid.list-mode .product-card .card-body{padding:10px 12px}}
.kmp-cipler{display:flex;flex-direction:column;gap:6px;margin:10px 0 12px}
.kmp-cip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px dashed var(--mg-primary-soft);border-radius:10px;background:var(--mg-primary-tint);color:var(--mg-ink);text-decoration:none;font-size:13.5px}
.kmp-cip:hover{border-style:solid;text-decoration:none}
.kmp-cip b{color:var(--mg-primary-dark)}
.kmp-cip .kmp-birim{font-style:normal;font-weight:600;font-size:11.5px;padding:1px 7px;margin-left:4px;border-radius:999px;background:var(--mg-surface);color:var(--mg-ink-2)}
.kmp-cip small{margin-left:auto;color:var(--mg-muted);font-size:12px;white-space:nowrap}
.kmp-banner{margin:0 0 16px;border-radius:16px;overflow:hidden;background:var(--mg-primary-tint)}
.kmp-banner img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}
.vr-kutu{margin:4px 0 12px}
.vr-baslik{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--mg-ink)}
.vr-baslik small{font-size:12px;font-weight:500;color:var(--mg-muted)}
.vr-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.vr-sec{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1.5px solid var(--mg-line);border-radius:12px;background:var(--mg-surface);color:var(--mg-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.vr-sec:hover{border-color:var(--mg-primary-soft);box-shadow:var(--mg-sh-sm);text-decoration:none}
.vr-sec.aktif{border-color:var(--mg-primary);background:var(--mg-primary-tint);box-shadow:0 0 0 1px var(--mg-primary) inset}
.vr-sec.yok{opacity:.6}
.vr-ad{font-size:14px;font-weight:700}
.vr-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;font-weight:700;color:var(--mg-primary)}
.vr-fiyat s{font-size:12px;font-weight:500;color:var(--mg-muted)}
.vr-birim{font-size:11.5px;color:var(--mg-muted)}
.vr-stok{font-size:11.5px;font-weight:600;color:var(--mg-danger)}
.vr-rozet{position:absolute;top:-9px;right:8px;padding:1px 8px;border-radius:999px;background:var(--mg-success);color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap}
.sm-kart{margin-bottom:12px;border:1px solid var(--mg-line);border-radius:14px;background:var(--mg-surface);overflow:hidden;box-shadow:var(--mg-sh-sm)}
.sm-ust{display:flex;align-items:center;gap:10px;padding:14px 14px 10px;background:linear-gradient(180deg,var(--mg-primary-tint),var(--mg-surface))}
.sm-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--mg-primary);color:var(--mg-surface);font-size:22px;font-weight:800;flex:none;box-shadow:var(--mg-sh-sm)}
.sm-kim{display:flex;flex-direction:column;min-width:0;flex:1}
.sm-etiket{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mg-muted)}
.sm-ad{font-size:17px;font-weight:800;color:var(--mg-ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-puan{flex:none;padding:4px 9px;border-radius:8px;background:var(--mg-success);color:var(--mg-surface);font-size:14px;font-weight:800;line-height:1.2}
.sm-rozetler{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.sm-rozet{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--mg-line);border-radius:999px;background:var(--mg-surface-2);color:var(--mg-ink-2);font-size:11.5px;font-weight:600;white-space:nowrap}
.sm-rozet.yesil{border-color:var(--mg-success-soft);background:var(--mg-success-tint);color:var(--mg-success-dark)}
.sm-bilgi{margin:0;padding:10px 14px;list-style:none;border-top:1px solid var(--mg-line)}
.sm-bilgi li{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px;color:var(--mg-ink-2);white-space:nowrap}
.sm-bilgi .stars{display:inline-flex;gap:1px;color:var(--mg-warning)}
.sm-bilgi .stars .star-icon{width:14px;height:14px}
.sm-ikon{width:18px;text-align:center;flex:none}
.sm-kmp{padding:12px 14px 12px;border-top:1px solid var(--mg-line);background:var(--mg-surface)}
.sm-kmp-bas{margin-bottom:4px;font-size:12px;font-weight:700;color:var(--mg-muted);text-transform:uppercase;letter-spacing:.5px}
.sm-kmp ul{margin:0;padding:0;list-style:none}
.sm-kmp li{margin:0;padding:0;border-bottom:1px dotted var(--mg-line-2)}
.sm-kmp li:last-child{border-bottom:0}
.mk-kart{display:flex;align-items:flex-start;gap:8px;padding:8px 0;color:var(--mg-ink-2);text-decoration:none}
a.mk-kart:hover{color:var(--mg-primary);text-decoration:none}
.mk-ikon{flex:0 0 auto;font-size:14px;line-height:1.4}
.mk-yazi{flex:1;min-width:0;display:flex;flex-direction:column}
.mk-yazi b{font-size:13px;font-weight:500;line-height:1.4;color:inherit}
.mk-yazi small{font-size:11.5px;color:var(--mg-muted)}
.mk-kart i{display:none}
.mk-tumu{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--mg-primary);text-decoration:none}
.mk-tumu:hover{text-decoration:underline}
.lb{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.92)}
.lb[hidden]{display:none}
.lb-sahne{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:56px 64px}
.lb-sahne img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;background:var(--mg-surface);box-shadow:0 20px 50px rgba(0,0,0,.45);transition:opacity .2s}
.lb.yukleniyor .lb-sahne img{opacity:.35}
.lb-yuk{position:absolute;width:42px;height:42px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--mg-surface);border-radius:50%;animation:lbDon .8s linear infinite;display:none}
.lb.yukleniyor .lb-yuk{display:block}
@keyframes lbDon{to{transform:rotate(360deg)}}
.lb-kapat,.lb-ok{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:var(--mg-surface);cursor:pointer;transition:background .2s}
.lb-kapat:hover,.lb-ok:hover{background:rgba(255,255,255,.28)}
.lb-kapat{top:14px;right:14px;width:44px;height:44px;font-size:28px}
.lb-ok{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:34px;line-height:1}
.lb-onceki{left:12px}
.lb-sonraki{right:12px}
.lb-sayac{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:var(--mg-surface);font-size:13px;font-weight:600}
body.lb-acik{overflow:hidden}
@media (max-width:640px){.lb-sahne{padding:56px 8px}.lb-ok{top:auto;bottom:10px;transform:none;width:46px;height:46px}.lb-onceki{left:16px}.lb-sonraki{right:16px}}
a.gift-row:hover{border-color:var(--mg-success)}
.rv-fotolar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
.rv-fotolar a{display:block;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--mg-line)}
.rv-fotolar img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.rv-fotolar a:hover img{transform:scale(1.05)}
.on-serit{margin:22px 0;padding:16px 18px;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:16px}
.on-bas{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px}
.on-bas h3{margin:0;font-size:1.05rem;color:var(--mg-ink)}
.on-bas small{font-size:13px;font-weight:600;color:var(--mg-primary)}
.on-oklar{display:flex;gap:6px;margin-left:auto}
.on-ok{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mg-line);border-radius:50%;background:var(--mg-surface);color:var(--mg-ink);font-size:20px;line-height:1;cursor:pointer;transition:.15s}
.on-ok:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.on-liste{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:9px 0 6px;scrollbar-width:thin}
.on-kart{position:relative;flex:0 0 300px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--mg-line);border-radius:12px;background:var(--mg-surface);scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}
.on-kart:hover{border-color:var(--mg-primary-soft);box-shadow:var(--mg-sh-sm)}
.on-img{flex:0 0 88px;height:88px;display:block;border-radius:8px;overflow:hidden;background:var(--mg-surface-2)}
.on-img img{width:100%;height:100%;object-fit:contain;display:block}
.on-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.on-ad{font-size:13px;font-weight:600;line-height:1.3;color:var(--mg-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.on-ad:hover{color:var(--mg-primary)}
.on-birim{font-size:11.5px;color:var(--mg-muted)}
.on-fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.on-fiyat b{font-size:14.5px;color:var(--mg-primary)}
.on-fiyat s{font-size:11.5px;color:var(--mg-muted)}
.on-ekle{align-self:flex-start;height:30px;padding:0 14px;margin-top:2px;border:1.5px solid var(--mg-primary);border-radius:8px;background:var(--mg-surface);color:var(--mg-primary);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s}
.on-ekle:hover{background:var(--mg-primary);color:#fff}
a.on-ekle{display:inline-flex;align-items:center;text-decoration:none}
.on-ekle.ok{background:var(--mg-success);border-color:var(--mg-success);color:#fff;cursor:default}
.on-rozet{position:absolute;top:-8px;left:10px;z-index:1;padding:1px 8px;border-radius:999px;background:var(--mg-success);color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap}
.on-rozet.pp{background:var(--mg-primary)}
.on-kart.on-paket{border-color:var(--mg-primary-soft);background:var(--mg-primary-tint)}
@media (max-width:768px){.on-serit{padding:14px}.on-kart{flex-basis:82%}.on-oklar{display:none}}
.navbar .ps-nav{display:inline-flex;align-items:center;gap:5px;margin-right:6px;padding:8px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:var(--mg-primary);background:var(--mg-primary-tint);text-decoration:none;transition:background .15s}
.navbar .ps-nav:hover{background:var(--mg-primary-soft)}
.ps-sayfa{padding:8px 0 56px}
.ps-kart{background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:14px;box-shadow:var(--mg-sh-sm)}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border-radius:10px;border:1.5px solid var(--mg-line-2);background:var(--mg-surface);color:var(--mg-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.ps-btn:hover{border-color:var(--mg-ink-2)}
.ps-btn.ana{background:var(--mg-primary);border-color:var(--mg-primary);color:var(--mg-surface)}
.ps-btn.ana:hover{background:var(--mg-primary-dark);border-color:var(--mg-primary-dark)}
.ps-btn.ok{background:var(--mg-success-tint);border-color:var(--mg-success-soft);color:var(--mg-success-dark)}
.ps-btn.ok:hover{background:var(--mg-success);border-color:var(--mg-success);color:var(--mg-surface)}
.ps-btn.kucuk{min-height:32px;padding:0 12px;font-size:12.5px;border-radius:8px}
.ps-btn:disabled{opacity:.6;cursor:wait}
.ps-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 28px;margin-bottom:18px;border-radius:18px;background:linear-gradient(120deg,var(--mg-primary-tint),var(--mg-warning-tint));border:1px solid var(--mg-primary-soft)}
.ps-hero h1{margin:0;font-size:28px;color:var(--mg-ink)}
.ps-hero h1 span{display:inline-block;animation:psPati 2.4s ease-in-out infinite}
.ps-hero p{margin:6px 0 0;color:var(--mg-ink-2);font-size:15px;max-width:560px}
@keyframes psPati{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg) translateY(-2px)}}
.ps-sor{padding:22px 24px;margin-bottom:18px;border-color:var(--mg-primary-soft)}
.ps-sor h2{margin:0 0 4px;font-size:19px}
.ps-ipucu{margin:0 0 16px;color:var(--mg-muted);font-size:13.5px}
.ps-alan{margin-bottom:14px;position:relative}
.ps-alan>label{display:block;font-size:13px;font-weight:700;color:var(--mg-ink-2);margin-bottom:6px}
.ps-alan input[type=text],.ps-alan textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1.5px solid var(--mg-line-2);border-radius:10px;font:inherit;font-size:14.5px;background:var(--mg-surface);color:var(--mg-ink);resize:vertical}
.ps-alan input[type=text]:focus,.ps-alan textarea:focus{outline:none;border-color:var(--mg-primary)}
.ps-sayac{position:absolute;right:10px;bottom:8px;font-size:11.5px;color:var(--mg-muted)}
.ps-secim{display:flex;flex-wrap:wrap;gap:6px}
.ps-secim label{cursor:pointer}
.ps-secim input{position:absolute;opacity:0;pointer-events:none}
.ps-secim span{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1.5px solid var(--mg-line);border-radius:999px;font-size:13px;font-weight:600;color:var(--mg-ink-2);transition:border-color .15s,background .15s}
.ps-secim label:hover span{border-color:var(--mg-primary-soft)}
.ps-secim input:checked+span{border-color:var(--mg-primary);background:var(--mg-primary-tint);color:var(--mg-primary-dark)}
.ps-secim input:focus-visible+span{outline:2px solid var(--mg-primary);outline-offset:2px}
.ps-kural{margin:4px 0 14px;font-size:12.5px;color:var(--mg-muted)}
.ps-alt{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.ps-alt small{margin-right:auto;font-size:12.5px;color:var(--mg-muted)}
.ps-duzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.ps-ana{min-width:0}
.ps-ara{display:flex;gap:8px;margin-bottom:12px}
.ps-ara input{flex:1;min-width:0;height:44px;padding:0 14px;border:1.5px solid var(--mg-line-2);border-radius:10px;font:inherit;font-size:14px;background:var(--mg-surface)}
.ps-ara input:focus{outline:none;border-color:var(--mg-primary)}
.ps-filtre{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;scrollbar-width:none}
.ps-filtre::-webkit-scrollbar{display:none}
.ps-filtre-2{flex-direction:column;gap:8px;overflow:visible}
.ps-chip{flex:0 0 auto;padding:7px 13px;border-radius:999px;border:1px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-ink-2);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s}
.ps-chip:hover{border-color:var(--mg-primary-soft)}
.ps-chip.aktif{background:var(--mg-primary);border-color:var(--mg-primary);color:var(--mg-surface)}
.ps-chip.kucuk{padding:4px 10px;font-size:12px;font-weight:500}
.ps-chip.kucuk.aktif{background:var(--mg-primary-tint);color:var(--mg-primary-dark);border-color:var(--mg-primary-soft)}
.ps-chip.bos{opacity:.45;cursor:default}
.ps-chip.bos:hover{border-color:var(--mg-line)}
.ps-sekme{display:flex;gap:2px;border-bottom:1px solid var(--mg-line);overflow-x:auto;scrollbar-width:none}
.ps-sekme a{padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--mg-muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ps-sekme a.aktif{color:var(--mg-primary);border-bottom-color:var(--mg-primary)}
.ps-konu-sec{display:flex;flex-wrap:wrap;gap:6px}
.ps-sonuc{font-size:13.5px;color:var(--mg-ink-2);margin:6px 0 10px}
.ps-sonuc a{color:var(--mg-primary)}
.ps-liste{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.ps-soru{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s}
.ps-soru:hover{border-color:var(--mg-primary-soft);box-shadow:var(--mg-sh-md)}
.ps-soru.cozuldu{border-left:4px solid var(--mg-success)}
.ps-soru-ikon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--mg-surface-2);display:flex;align-items:center;justify-content:center;font-size:24px}
.ps-soru-govde{flex:1;min-width:0}
.ps-soru h2{margin:0;font-size:16px;line-height:1.35}
.ps-soru h2 a{color:var(--mg-ink);text-decoration:none}
.ps-soru h2 a:hover{color:var(--mg-primary)}
.ps-soru p{margin:5px 0 8px;font-size:13.5px;color:var(--mg-ink-2);line-height:1.5}
.ps-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--mg-muted)}
.ps-meta.ust{margin-bottom:10px}
.ps-etiket{padding:3px 9px;border-radius:999px;background:var(--mg-surface-2);color:var(--mg-ink-2);font-weight:600;font-size:12px}
.ps-etiket.ok{background:var(--mg-success-tint);color:var(--mg-success-dark)}
.ps-etiket.tur{background:var(--mg-primary-tint);color:var(--mg-primary-dark)}
.ps-sayi{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:12px;background:var(--mg-primary-tint);color:var(--mg-primary-dark);text-decoration:none}
.ps-sayi b{font-size:20px;line-height:1}
.ps-sayi small{font-size:11px;margin-top:2px}
.ps-sayi.sifir{background:var(--mg-surface-2);color:var(--mg-muted)}
.ps-sayfalar{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}
.ps-sayfalar a{padding:8px 14px;border:1px solid var(--mg-line);border-radius:10px;text-decoration:none;color:var(--mg-ink);background:var(--mg-surface);font-size:13.5px}
.ps-sayfalar span{font-size:13px;color:var(--mg-muted)}
.ps-bos{padding:40px 20px;text-align:center;color:var(--mg-muted)}
.ps-bos div{font-size:42px;margin-bottom:8px}
.ps-bos b{display:block;color:var(--mg-ink);font-size:17px;margin-bottom:4px}
.ps-bos p{margin:0 0 14px}
.ps-bos.kucuk{padding:26px 20px}
.ps-yan{display:flex;flex-direction:column;gap:14px;position:sticky;top:var(--mg-sticky-top,90px)}
.ps-yan .ps-kart{padding:16px 18px}
.ps-yan h3{margin:0 0 10px;font-size:15px;color:var(--mg-ink)}
.ps-nasil ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--mg-ink-2);line-height:1.45}
.ps-nasil b{color:var(--mg-ink)}
.ps-yardim ul,.ps-benzer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ps-yardim li{display:flex;align-items:center;gap:8px;font-size:13.5px}
.ps-yardim li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mg-ink)}
.ps-yardim li small{color:var(--mg-success-dark);font-weight:600}
.ps-sira{width:18px;font-weight:800;color:var(--mg-muted);text-align:center}
.ps-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.ps-uyari{background:var(--mg-warning-tint);border-color:var(--mg-warning-soft)}
.ps-uyari b{display:block;margin-bottom:4px;color:var(--mg-warning-dark);font-size:13.5px}
.ps-uyari p{margin:0;font-size:12.5px;color:var(--mg-ink-2);line-height:1.5}
.ps-benzer li a{display:block;font-size:13.5px;color:var(--mg-ink);text-decoration:none;line-height:1.4}
.ps-benzer li a:hover{color:var(--mg-primary)}
.ps-benzer li small{font-size:11.5px;color:var(--mg-muted)}
.ps-sor-cta{background:linear-gradient(160deg,var(--mg-primary-tint),var(--mg-surface) 75%)}
.ps-sor-cta b{display:block;font-size:15px;color:var(--mg-ink)}
.ps-sor-cta p{margin:4px 0 12px;font-size:13px;color:var(--mg-ink-2)}
.ps-sor-cta .ps-btn{width:100%}
.ps-detay{padding:24px 26px}
.ps-detay h1{margin:0 0 12px;font-size:24px;line-height:1.3;color:var(--mg-ink)}
.ps-metin{font-size:15px;line-height:1.65;color:var(--mg-ink-2);word-wrap:break-word}
.ps-detay-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--mg-line)}
.ps-detay-eylem{display:flex;align-items:center;gap:8px}
.ps-kisi{display:flex;align-items:center;gap:10px}
.ps-ekip{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--mg-primary);color:var(--mg-surface);font-size:11px;font-weight:700;line-height:18px;vertical-align:middle;white-space:nowrap}
.ps-kisi b{display:inline;font-size:14px;color:var(--mg-ink)}
.ps-kisi small{display:block;font-size:12px;color:var(--mg-muted)}
.ps-rozet{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--mg-surface-2);color:var(--mg-ink-2);font-style:normal;font-size:11px;font-weight:700;vertical-align:1px}
.ps-rozet.altin{background:var(--mg-warning-tint);color:var(--mg-warning-dark)}
.ps-bilgi{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--mg-success-tint);color:var(--mg-success-dark);font-size:13.5px;border:1px solid var(--mg-success-soft)}
.ps-baslik2{margin:24px 0 10px;font-size:18px;color:var(--mg-ink)}
.ps-cevaplar{display:flex;flex-direction:column;gap:12px}
.ps-cevap{padding:16px 18px;position:relative;overflow:hidden}
.ps-cevap .ps-metin{margin:10px 0 0;font-size:14.5px}
.ps-cevap.cozum{border:2px solid var(--mg-success);box-shadow:0 0 0 4px var(--mg-success-tint)}
.ps-cozum-serit{margin:-16px -18px 12px;padding:8px 18px;background:var(--mg-success);color:var(--mg-surface);font-size:13px;font-weight:700;letter-spacing:.2px}
.ps-eylem{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.ps-oy{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-ink-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.ps-oy:hover{border-color:var(--mg-primary-soft)}
.ps-oy b{color:var(--mg-ink)}
.ps-oy.verildi{background:var(--mg-primary-tint);border-color:var(--mg-primary-soft);color:var(--mg-primary-dark)}
.ps-oy.verildi span{display:inline-block;animation:psOy .4s ease}
@keyframes psOy{50%{transform:scale(1.35) rotate(-10deg)}}
.ps-sikayet{margin-left:auto;border:0;background:transparent;color:var(--mg-muted);font:inherit;font-size:12px;cursor:pointer;padding:6px}
.ps-sikayet:hover{color:var(--mg-danger)}
.ps-cevap-yaz{margin-top:18px;padding:20px 22px}
.ps-cevap-yaz h2{margin:0 0 10px;font-size:17px}
.ps-cevap-yaz textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--mg-line-2);border-radius:10px;font:inherit;font-size:14.5px;resize:vertical;margin-bottom:10px}
.ps-cevap-yaz textarea:focus{outline:none;border-color:var(--mg-primary)}
.ps-giris{text-align:center;padding:8px 0}
.ps-giris b{display:block;font-size:16px;color:var(--mg-ink)}
.ps-giris p{margin:4px 0 14px;color:var(--mg-muted);font-size:13.5px}
@media (max-width:960px){.ps-duzen{grid-template-columns:1fr}.ps-yan{position:static}}
@media (max-width:560px){.ps-hero{padding:20px 18px}.ps-hero h1{font-size:23px}.ps-hero .ps-btn{width:100%}.ps-soru{padding:14px;gap:10px}.ps-soru-ikon{display:none}.ps-sayi{flex-basis:52px}.ps-detay{padding:18px}.ps-detay h1{font-size:20px}.ps-sor{padding:18px}}
.sc-kutu{margin:6px 0 16px;padding:14px 16px;border:1px solid var(--mg-line);border-radius:12px;background:var(--mg-surface-2)}
.sc-baslik{font-size:13px;font-weight:700;color:var(--mg-ink);margin-bottom:2px}
.sc-acik{font-size:12.5px;color:var(--mg-muted);margin-bottom:10px}
.sc-baslik b{color:var(--mg-primary-dark)}
.sc-liste{display:flex;flex-wrap:wrap;gap:8px}
.sc-sec{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--mg-line);border-radius:10px;background:var(--mg-surface);color:var(--mg-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sc-sec:hover{border-color:var(--mg-primary-soft)}
.sc-sec.aktif{border-color:var(--mg-primary);background:var(--mg-primary-tint);box-shadow:0 0 0 1px var(--mg-primary) inset}
.sc-sec:disabled{opacity:.6;cursor:not-allowed;background:var(--mg-surface)}
.sc-sec:disabled span{text-decoration:line-through;color:var(--mg-muted)}
.sc-sec small{font-size:11px;font-weight:600;color:var(--mg-danger)}
.sc-nokta{width:16px;height:16px;border-radius:50%;background:var(--sc-renk);box-shadow:0 0 0 1px var(--mg-line-2) inset;flex:none}
.sc-sec:disabled .sc-nokta{opacity:.45}
.sc-uyari{margin-top:6px;font-size:12.5px;color:var(--mg-danger);display:none}
.sc-kutu.hata .sc-uyari{display:block}
.sc-kutu.hata .sc-sec{border-color:var(--mg-danger-soft)}
.item-secenek{display:inline-block;margin:0 0 6px;padding:2px 8px;border-radius:6px;background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-size:12px;font-weight:600}
:root{--mg-cark-0a:#FF7A7A;--mg-cark-0b:#D7263D;--mg-cark-1a:#FFC15E;--mg-cark-1b:#F26A00;--mg-cark-2a:#FFD24D;--mg-cark-2b:#D98200;--mg-cark-3a:#7BEDB0;--mg-cark-3b:#0E9F62;--mg-cark-4a:#7FD3FF;--mg-cark-4b:#1F62D6;--mg-cark-5a:#D19BFF;--mg-cark-5b:#7A2FE0;--mg-altin-1:#FFF6C2;--mg-altin-2:#F7C948;--mg-altin-3:#C08A12;--mg-altin-4:#7A5300;--mg-isik:#FFFBE3;--mg-isik-parla:rgba(255,214,90,.95);--mg-ok-tas:#E11D48}
.ck-perde{position:fixed;inset:0;z-index:9000;background:radial-gradient(circle at 50% 40%,rgba(var(--mg-primary-rgb),.35),rgba(17,24,39,.72));display:flex;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(2px)}
.ck-perde[hidden]{display:none}
body.ck-acik{overflow:hidden}
.ck-kutu{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 28px);overflow:auto;background:linear-gradient(180deg,var(--mg-primary-tint),var(--mg-surface) 38%);border:2px solid var(--mg-altin-2);border-radius:24px;box-shadow:0 0 0 6px rgba(247,201,72,.18),var(--mg-sh-lg);padding:20px 18px 18px;text-align:center;animation:ckGel .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes ckGel{from{transform:translateY(24px) scale(.88);opacity:0}to{transform:none;opacity:1}}
.ck-kapat{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:var(--mg-surface);color:var(--mg-muted);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--mg-sh-sm);z-index:3}
.ck-kapat:hover{color:var(--mg-ink)}
.ck-marka{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0 36px 10px}
.ck-marka svg{width:22px;height:22px;fill:var(--mg-primary)}
.ck-marka-ad{font-size:22px;font-weight:900;color:var(--mg-primary);letter-spacing:-.4px}
.ck-marka-etiket{white-space:nowrap;padding:2px 8px;border-radius:999px;background:var(--mg-altin-2);color:var(--mg-altin-4);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.ck-bas b{display:block;font-size:19px;color:var(--mg-ink)}
.ck-bas span{display:block;font-size:13.5px;color:var(--mg-muted);margin-top:4px}
.ck-cark{position:relative;width:min(320px,80vw);aspect-ratio:1;margin:18px auto 8px}
.ck-cark::after{content:"";position:absolute;left:12%;right:12%;bottom:-14px;height:22px;border-radius:50%;background:radial-gradient(rgba(17,24,39,.35),transparent 70%);z-index:-1}
.ck-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 10px 18px rgba(17,24,39,.28)) drop-shadow(0 0 14px rgba(247,201,72,.45))}
#ckDon{transform-box:view-box;transform-origin:170px 170px;transition:transform 5.2s cubic-bezier(.12,.72,.08,1)}
.ck-dilim{transform-box:view-box;transform-origin:170px 170px;transition:transform .55s cubic-bezier(.2,1.5,.4,1),opacity .4s,filter .4s}
.ck-dilim path{stroke:rgba(255,255,255,.75);stroke-width:2}
.ck-deger{fill:var(--mg-surface);font-size:30px;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:rgba(17,24,39,.28);stroke-width:3px;letter-spacing:-.5px}
.ck-deger.ck-uzun{font-size:23px;letter-spacing:-.3px}
.ck-alt{fill:var(--mg-surface);font-size:11.5px;font-weight:800;text-anchor:middle;letter-spacing:1.6px;paint-order:stroke;stroke:rgba(17,24,39,.22);stroke-width:2px}
.ck-bitti .ck-dilim{opacity:.45;filter:saturate(.5)}
.ck-bitti .ck-dilim.ck-kazan{opacity:1;filter:saturate(1.6) brightness(1.08) drop-shadow(0 8px 10px rgba(17,24,39,.4)) drop-shadow(0 0 12px var(--mg-altin-2));animation:ckKazanIs 1.4s ease-in-out .6s infinite}
.ck-bitti .ck-dilim.ck-kazan path{stroke:var(--mg-altin-1);stroke-width:4}
.ck-parlak{transition:opacity .4s}
.ck-bitti .ck-parlak{opacity:.15}
@keyframes ckKazanIs{0%,100%{filter:saturate(1.6) brightness(1.08) drop-shadow(0 8px 10px rgba(17,24,39,.4)) drop-shadow(0 0 10px var(--mg-altin-2))}50%{filter:saturate(1.8) brightness(1.2) drop-shadow(0 8px 10px rgba(17,24,39,.4)) drop-shadow(0 0 22px var(--mg-altin-1))}}
.ck-cizgi{fill:none;stroke:var(--mg-altin-4);stroke-width:1.5}
.ck-isik{fill:var(--mg-isik);filter:drop-shadow(0 0 4px var(--mg-isik-parla));animation:ckYan 1.2s ease-in-out infinite alternate}
.ck-isik:nth-child(even){animation-delay:.6s}
.ck-donuyor .ck-isik{animation-duration:.22s}
.ck-kazandi .ck-isik{animation:ckYan .35s steps(2) infinite}
@keyframes ckYan{from{opacity:.35}to{opacity:1}}
.ck-ok{position:absolute;left:50%;top:-16px;width:40px;height:52px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 4px 4px rgba(17,24,39,.35))}
.ck-donuyor .ck-ok{animation:ckTik .12s ease-in-out infinite alternate}
@keyframes ckTik{from{transform:translateX(-50%) rotate(-6deg)}to{transform:translateX(-50%) rotate(6deg)}}
.ck-ok-tas{fill:var(--mg-ok-tas);stroke:var(--mg-altin-4);stroke-width:1}
.ck-ok-parilti{fill:var(--mg-surface);opacity:.8}
.ck-cevir{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;padding:0;aspect-ratio:1;border-radius:50%;border:4px solid var(--mg-altin-2);background:radial-gradient(circle at 35% 30%,var(--mg-altin-1),var(--mg-altin-2) 45%,var(--mg-altin-3) 80%,var(--mg-altin-4));color:var(--mg-altin-4);font:inherit;font-size:clamp(13px,3.6vw,16px);font-weight:900;letter-spacing:.6px;cursor:pointer;box-shadow:0 6px 14px rgba(17,24,39,.35),inset 0 -4px 8px rgba(122,83,0,.45),inset 0 4px 8px rgba(255,246,194,.8);text-shadow:0 1px 0 rgba(255,246,194,.8);animation:ckNabiz 1.4s ease-in-out infinite}
.ck-cevir small{font-size:clamp(8px,2.2vw,10px);font-weight:800;letter-spacing:0;text-transform:none;color:var(--mg-primary-dark);margin-bottom:2px}
.ck-cevir:hover{filter:brightness(1.06)}
.ck-cevir:disabled{animation:none;cursor:default}
.ck-cevir[hidden]{display:none}
@keyframes ckNabiz{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}
.ck-sonuc{margin-top:10px;animation:ckGel .4s ease}
.ck-sonuc[hidden]{display:none}
.ck-tebrik{font-size:18px;color:var(--mg-ink)}
.ck-tebrik b{color:var(--mg-primary)}
.ck-kod{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 6px;flex-wrap:wrap}
.ck-kod code{padding:9px 16px;border:2px dashed var(--mg-primary);border-radius:12px;background:var(--mg-surface);color:var(--mg-primary-dark);font-size:19px;font-weight:900;letter-spacing:1.5px}
.ck-kod button{padding:10px 12px;border:1px solid var(--mg-line-2);border-radius:12px;background:var(--mg-surface);color:var(--mg-ink-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ck-sart{font-size:12.5px;color:var(--mg-muted);margin:0 0 12px}
.ck-kutu a.ck-git,.ck-kutu a.ck-git:visited,.ck-kutu a.ck-git:hover,.ck-kutu a.ck-git:focus{color:var(--mg-surface);text-decoration:none}
.ck-git{display:block;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,var(--mg-primary-light),var(--mg-primary-dark));color:var(--mg-surface);font-weight:800;text-decoration:none;box-shadow:0 6px 14px rgba(var(--mg-primary-rgb),.35)}
.ck-kutu a.ck-git:hover{background:linear-gradient(180deg,var(--mg-primary),var(--mg-primary-dark));box-shadow:0 8px 18px rgba(var(--mg-primary-rgb),.45)}
.ck-sonuc small{display:block;margin-top:10px;font-size:11.5px;color:var(--mg-muted);line-height:1.45}
.ck-konfeti{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;pointer-events:none;z-index:4;animation:ckKonfeti 2s ease-in forwards}
@keyframes ckKonfeti{0%{top:-10px;opacity:1}100%{top:105%;opacity:0;margin-left:30px;rotate:540deg}}
.ck-resmi{margin:14px 0 0;padding-top:10px;border-top:1px dashed var(--mg-line-2);font-size:11px;color:var(--mg-muted);line-height:1.45}
.ck-resmi b{color:var(--mg-ink-2)}
@media (max-width:480px){.ck-kutu{padding:14px 12px 14px;border-radius:20px}.ck-marka{margin-bottom:6px}.ck-marka-ad{font-size:19px}.ck-bas b{font-size:16px}.ck-bas span{font-size:12px}.ck-cark{width:min(290px,82vw);margin-top:14px}.ck-tebrik{font-size:15px}.ck-kod{margin:10px 0 4px}.ck-kod code{font-size:15px;padding:7px 12px}.ck-kod button{padding:8px 10px;font-size:12px}.ck-sart{font-size:11.5px;margin-bottom:10px}.ck-kutu a.ck-git{padding:11px 12px;font-size:14px}.ck-sonuc small,.ck-resmi{font-size:10.5px}}
@media (min-width:760px){.ck-kutu.ck-yan{max-width:800px;display:grid;grid-template-columns:340px 1fr;grid-template-areas:"marka marka" "cark sonuc" "cark resmi";column-gap:30px;align-items:center;padding:22px 30px 24px}.ck-kutu.ck-yan .ck-marka{grid-area:marka}.ck-kutu.ck-yan .ck-bas{display:none}.ck-kutu.ck-yan .ck-cark{grid-area:cark;width:340px;margin:6px 0 0}.ck-kutu.ck-yan .ck-sonuc{grid-area:sonuc;margin-top:0;align-self:end}.ck-kutu.ck-yan .ck-resmi{grid-area:resmi;align-self:start}}
.cs-kart{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:14px;background:linear-gradient(135deg,var(--mg-primary-tint),var(--mg-surface));border:1.5px solid var(--mg-altin-2)}
.cs-kart.pasif{border-color:var(--mg-line);background:var(--mg-surface)}
.cs-ikon{font-size:34px;line-height:1;flex:0 0 auto}
.cs-yazi{flex:1;min-width:0}
.cs-yazi b{display:block;font-size:16px;color:var(--mg-ink)}
.cs-yazi span{display:block;font-size:13px;color:var(--mg-muted);margin-top:3px;line-height:1.45}
.cs-yazi strong{color:var(--mg-primary)}
.cs-btn{flex:0 0 auto;padding:11px 18px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--mg-primary-light),var(--mg-primary-dark));color:var(--mg-surface);font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 6px 14px rgba(var(--mg-primary-rgb),.3)}
.cs-btn:hover{background:linear-gradient(180deg,var(--mg-primary),var(--mg-primary-dark))}
@media (max-width:560px){.cs-kart{flex-wrap:wrap}.cs-btn{width:100%}}
.ck-serit{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;background:linear-gradient(90deg,var(--mg-primary-tint),var(--mg-surface),var(--mg-primary-tint));border-bottom:1px solid var(--mg-primary-soft);color:var(--mg-ink-2);font-size:13.5px;line-height:1.4;cursor:pointer;text-align:center}
.ck-serit[hidden]{display:none}
.ck-serit:hover .ck-serit-btn{background:var(--mg-primary-dark)}
.ck-serit-ik{font-size:20px;line-height:1;animation:ckSeritDon 4s ease-in-out infinite}
@keyframes ckSeritDon{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-20deg)}90%{transform:rotate(20deg)}}
.ck-serit-yazi b{color:var(--mg-ink)}
.ck-serit-btn{flex:0 0 auto;padding:6px 14px;border-radius:999px;background:var(--mg-primary);color:var(--mg-surface);font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s}
@media (max-width:640px){.ck-serit{justify-content:space-between;text-align:left;padding:8px 12px;font-size:12.5px}.ck-serit-btn{padding:6px 11px;font-size:12px}}
.btn-cart-wide.ub-gelince{background:var(--mg-ink);box-shadow:none}
.btn-cart-wide.ub-gelince:hover{background:var(--mg-ink-2)}
.ud-eylem{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.ud-eylem-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--mg-line);border-radius:999px;background:var(--mg-surface);color:var(--mg-ink-2);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s}
.ud-eylem-btn:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.ud-eylem-btn.secili{border-color:var(--mg-primary);background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-weight:600}
.ud-paylas{position:relative}
.ud-paylas-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:220px;padding:6px;border:1px solid var(--mg-line);border-radius:12px;background:var(--mg-surface);box-shadow:var(--mg-sh-md)}
.ud-paylas-menu[hidden]{display:none}
.ud-paylas-menu a,.ud-paylas-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--mg-ink);font:inherit;font-size:13px;text-align:left;text-decoration:none;cursor:pointer}
.ud-paylas-menu a:hover,.ud-paylas-menu button:hover{background:var(--mg-surface-2);text-decoration:none}
.ud-paylas-menu .wa{color:var(--mg-success);font-size:14px}
.ud-guven{margin:12px 0 0;padding:10px 12px;list-style:none;border:1px dashed var(--mg-line-2);border-radius:12px;background:var(--mg-surface)}
.ud-guven li{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:12.5px;line-height:1.45;color:var(--mg-ink-2)}
.ud-guven li>span:first-child{flex:0 0 18px;text-align:center}
.ud-guven b{color:var(--mg-ink);font-weight:600}
.ud-guven a{color:inherit;text-decoration:none}
.ud-guven a:hover b{color:var(--mg-primary)}
.ub-perde{position:fixed;inset:0;z-index:9400;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(17,24,39,.55)}
.ub-perde[hidden]{display:none}
.ub-kutu{position:relative;width:100%;max-width:380px;padding:22px 20px 18px;border-radius:16px;background:var(--mg-surface);box-shadow:var(--mg-sh-lg, 0 20px 50px rgba(0,0,0,.25))}
.ub-kutu>b{display:block;font-size:17px;color:var(--mg-ink)}
.ub-kutu p{margin:6px 0 14px;font-size:13px;color:var(--mg-muted);line-height:1.5}
.ub-kapat{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:var(--mg-surface-2);color:var(--mg-muted);font-size:20px;cursor:pointer}
#ubForm,#utForm,.hb-form{display:flex;flex-direction:column;gap:8px}
#ubForm[hidden],#utForm[hidden],.hb-form[hidden],.ub-alan[hidden],.ub-yonet[hidden]{display:none}
.ub-alan{width:100%;min-width:0;height:44px;padding:0 12px;border:1.5px solid var(--mg-line);border-radius:10px;font:inherit;font-size:15px;background:var(--mg-surface);color:var(--mg-ink);box-sizing:border-box}
textarea.ub-alan{height:auto;padding:10px 12px;resize:vertical;min-height:72px}
.ub-alan:focus{outline:none;border-color:var(--mg-primary)}
.ub-bilgi{display:flex;align-items:center;height:auto;min-height:44px;padding:8px 12px;background:var(--mg-surface-2);border-style:dashed;font-size:13px;color:var(--mg-ink-2);word-break:break-all}
.ub-bilgi b{margin-left:4px;color:var(--mg-ink)}
#ubForm>button,#utForm>button{height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--mg-primary);color:var(--mg-surface);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
#ubForm>button:disabled,#utForm>button:disabled{opacity:.6;cursor:wait}
.ub-kanal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ub-kanal label{position:relative;cursor:pointer}
.ub-kanal input{position:absolute;opacity:0;pointer-events:none}
.ub-kanal span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 4px;border:1.5px solid var(--mg-line);border-radius:10px;font-size:13px;font-weight:600;color:var(--mg-ink-2);text-align:center;line-height:1.2;transition:border-color .15s,background .15s}
.ub-kanal input:checked+span{border-color:var(--mg-primary);background:var(--mg-primary-tint);color:var(--mg-primary-dark)}
.ub-kanal input:focus-visible+span{outline:2px solid var(--mg-primary);outline-offset:2px}
.ub-kanal input:disabled+span{opacity:.45;cursor:not-allowed}
.ub-yonet{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--mg-primary);text-decoration:none}
.ub-yonet:hover{text-decoration:underline}
.hb-liste{display:grid;gap:10px}
.hb-kart{display:flex;gap:12px;padding:12px;border:1px solid var(--mg-line);border-radius:12px;background:var(--mg-surface)}
.hb-kart.pasif{opacity:.7}
.hb-foto{flex:0 0 64px}
.hb-foto img{display:block;width:64px;height:64px;border-radius:10px;object-fit:contain;background:var(--mg-surface-2)}
.hb-ic{flex:1;min-width:0}
.hb-ad{display:block;font-weight:600;color:var(--mg-ink);text-decoration:none;line-height:1.35}
.hb-ad:hover{color:var(--mg-primary)}
.hb-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.hb-meta span{padding:2px 8px;border-radius:6px;background:var(--mg-surface-2);font-size:12px;color:var(--mg-ink-2);word-break:break-all}
.hb-meta .hb-et{font-weight:700}
.hb-et.bek{background:var(--mg-warning-tint);color:var(--mg-warning-dark)}
.hb-et.ok{background:var(--mg-success-tint);color:var(--mg-success-dark)}
.hb-et.gri{color:var(--mg-muted)}
.hb-alt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px}
.hb-alt small{font-size:12px;color:var(--mg-muted)}
.hb-eylem{display:flex;gap:6px;flex-wrap:wrap}
.hb-form{margin-top:10px;padding-top:10px;border-top:1px dashed var(--mg-line)}
@media (max-width:480px){.ub-kutu{padding:20px 16px 16px}.ub-kanal span{font-size:12px;min-height:46px}.hb-kart{gap:10px;padding:10px}.hb-foto{flex-basis:52px}.hb-foto img{width:52px;height:52px}.hb-eylem{flex:1 1 100%}.hb-eylem .acc-btn{flex:1;justify-content:center}}
.ub-mesaj{margin-top:10px;font-size:13px;line-height:1.45}
.ub-mesaj.ok{color:var(--mg-success);font-weight:600}
.ub-mesaj.hata{color:var(--mg-danger);font-weight:600}
.kps-serit{position:fixed;right:92px;bottom:16px;z-index:900;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--mg-ink);color:var(--mg-surface);font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:0 10px 24px rgba(17,24,39,.3)}
.kps-serit[hidden]{display:none}
.kps-serit:hover{background:var(--mg-ink-2);text-decoration:none;color:var(--mg-surface)}
.kps-serit b{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--mg-primary);text-align:center}
.kps-serit small{font-size:11.5px;font-weight:400;opacity:.8}
@media (max-width:640px){.ud-paylas-menu{left:auto;right:0}.kps-serit{right:12px;bottom:76px}.ud-eylem-btn{padding:7px 10px;font-size:12px}}
.kpr{max-width:1200px;margin:0 auto;padding:24px 16px 56px}
.kpr-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.kpr-bas h1{margin:0;font-size:1.5rem;color:var(--mg-ink)}
.kpr-temizle{padding:7px 12px;border:1px solid var(--mg-line);border-radius:999px;background:var(--mg-surface);color:var(--mg-muted);font:inherit;font-size:13px;cursor:pointer}
.kpr-temizle:hover{color:var(--mg-danger);border-color:var(--mg-danger)}
.kpr-bos{margin-bottom:18px;padding:36px 16px;border:1px solid var(--mg-line);border-radius:16px;background:var(--mg-surface);text-align:center;color:var(--mg-muted)}
.kpr-bos-ik{font-size:40px;margin-bottom:8px}
.kpr-bos b{display:block;color:var(--mg-ink);font-size:16px}
.kpr-bos p{margin:6px 0 14px;font-size:14px}
.kpr-bos a{color:var(--mg-primary);font-weight:700;text-decoration:none}
.kpr-kap{overflow-x:auto;border:1px solid var(--mg-line);border-radius:16px;background:var(--mg-surface);-webkit-overflow-scrolling:touch}
.kpr-tablo{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.kpr-tablo th,.kpr-tablo td{padding:12px 14px;border-bottom:1px solid var(--mg-line);vertical-align:top;text-align:left}
.kpr-tablo th{position:sticky;left:0;z-index:1;width:150px;min-width:120px;background:var(--mg-surface-2);color:var(--mg-muted);font-size:13px;font-weight:600}
.kpr-tablo td{min-width:180px;color:var(--mg-ink-2)}
.kpr-tablo thead td{position:relative;padding-top:16px}
.kpr-sayi{font-size:12px;color:var(--mg-muted)}
.kpr-urun{display:flex;flex-direction:column;gap:8px;color:var(--mg-ink);text-decoration:none}
.kpr-urun img{width:100%;max-width:160px;aspect-ratio:1;object-fit:contain;border-radius:12px;background:var(--mg-surface-2)}
.kpr-urun span{font-size:13.5px;font-weight:600;line-height:1.35}
.kpr-urun:hover span{color:var(--mg-primary)}
.kpr-cikar{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid var(--mg-line);border-radius:50%;background:var(--mg-surface);color:var(--mg-muted);font-size:17px;line-height:1;cursor:pointer}
.kpr-cikar:hover{color:var(--mg-danger);border-color:var(--mg-danger)}
.kpr-fiyat s{display:block;font-size:12px;color:var(--mg-muted)}
.kpr-fiyat b{font-size:17px;color:var(--mg-ink)}
.kpr-fiyat small{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--mg-success-tint);color:var(--mg-success);font-size:11px;font-weight:700;vertical-align:middle}
.kpr-fiyat.ucuz b{color:var(--mg-success)}
.kpr-var{color:var(--mg-success);font-weight:600}
.kpr-yok{color:var(--mg-danger);font-weight:600}
.kpr-tire{color:var(--mg-line-2)}
.kpr-alt td,.kpr-alt th{border-bottom:0}
.kpr-git{display:inline-block;padding:9px 14px;border-radius:10px;background:var(--mg-primary);color:var(--mg-surface);font-size:13px;font-weight:700;text-decoration:none}
.kpr-git:hover{background:var(--mg-primary-dark);color:var(--mg-surface);text-decoration:none}
@media (max-width:640px){.kpr{padding:16px 12px 40px}.kpr-bas h1{font-size:1.2rem}.kpr-tablo th{width:96px;min-width:96px;padding:10px;font-size:12px}.kpr-tablo td{min-width:150px;padding:10px;font-size:13px}}
@property --ck-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.ck-rozet,.ck-rozet:hover{border:3px solid transparent;background:linear-gradient(135deg,var(--mg-cark-1b),var(--mg-cark-0b)) padding-box,repeating-conic-gradient(from var(--ck-a),var(--mg-altin-2) 0 5deg,var(--mg-cark-2a) 5deg 7deg,transparent 7deg 12deg) border-box;color:var(--mg-surface);box-shadow:0 4px 14px rgba(var(--mg-primary-rgb),.35);animation:ck-nokta 8s linear infinite}
.ck-rozet:hover{filter:brightness(1.07)}
@keyframes ck-nokta{to{--ck-a:360deg}}
@media (prefers-reduced-motion:reduce){.ck-rozet,.ck-rozet:hover{animation:none}}
.ck-rozet-ik{font-size:19px;line-height:1;flex:0 0 auto}
.ck-rozet .hk-yazi b{color:var(--mg-surface)}
.ck-rozet .hk-yazi small{color:var(--mg-surface);opacity:.92;font-weight:700;letter-spacing:.3px}
@media (max-width:1250px){.ck-rozet .hk-yazi b{display:none}.ck-rozet .hk-yazi small{font-size:12.5px;opacity:1}}
@media (max-width:1100px){.ck-rozet{flex:0 0 auto !important;padding:0 11px}.ck-rozet .hk-yazi{display:none}.hk-kupon .hk-yazi{display:none}.hk-kupon{padding:0 11px}}
.ck-rozet[hidden]{display:none}
.mk-baslik{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mk-baslik a{font-size:14px;font-weight:600;color:var(--mg-primary);text-decoration:none;white-space:nowrap}
.mk-baslik a:hover{text-decoration:underline}
.mk-slider .grid{gap:12px}
.mk-slider .mk-logo{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - 12px * (var(--cards-per-page,8) - 1)) / var(--cards-per-page,8));aspect-ratio:220/77;display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s}
.mk-slider .mk-logo:hover{border-color:var(--mg-primary);box-shadow:var(--mg-sh-sm);transform:translateY(-2px)}
.mk-slider .mk-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}
.mk-slider .slider-btn{width:36px;height:36px;font-size:18px}
.mk-slider.tek-sayfa .slider-controls,.mk-slider.tek-sayfa .slider-dots{display:none}
@media (max-width:640px){.mk-slider .mk-logo{padding:1px;border-radius:10px}.mk-slider .slider-btn{display:none}}
.products .product-unit{font-size:11px;color:var(--mg-muted);margin-top:5px}
.vt{position:relative;padding:20px;border:1px solid var(--mg-line);border-radius:20px;background:var(--mg-surface)}
.vt-kedi{background:linear-gradient(135deg,var(--mg-primary-tint) 0%,var(--mg-surface) 60%)}
.vt-kopek{background:linear-gradient(225deg,var(--mg-success-tint) 0%,var(--mg-surface) 60%)}
.vt-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.vt-ust h2{margin:0;font-size:20px;line-height:1.2;color:var(--mg-ink)}
.vt-linkler{display:flex;gap:6px;flex-wrap:wrap}
.vt-linkler a{padding:6px 12px;border:1px solid var(--mg-line);border-radius:999px;background:var(--mg-surface);font-size:13px;font-weight:500;color:var(--mg-ink-2);text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s}
.vt-linkler a:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.vt-linkler .vt-tum{border-color:var(--mg-dark);background:var(--mg-dark);color:var(--mg-surface)}
.vt-linkler .vt-tum:hover{color:var(--mg-surface);opacity:.9}
.vt-govde{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:12px}
.vt-ters .vt-govde{grid-template-columns:minmax(0,13fr) minmax(0,11fr)}
.vt-ters .vt-buyuk{order:2}
.vt-ters .vt-foto{order:2}
.vt-buyuk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--mg-line);border-radius:16px;background:var(--mg-surface);color:var(--mg-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.vt-buyuk:hover{border-color:var(--mg-primary);box-shadow:var(--mg-sh-md)}
.vt-buyuk:hover .vt-foto img{transform:scale(1.04)}
.vt-rozet{position:absolute;top:14px;left:14px;z-index:1;padding:4px 10px;border-radius:999px;background:var(--mg-dark);color:var(--mg-surface);font-size:12px;font-weight:600}
.vt-indirim{position:absolute;top:14px;right:14px;z-index:1;padding:3px 8px;border-radius:8px;background:var(--mg-danger);color:var(--mg-surface);font-size:12px;font-weight:700}
.vt-foto{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;max-height:300px;padding:8px}
.vt-foto img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s}
.vt-bilgi{display:flex;flex-direction:column;gap:6px;padding-top:18px}
.vt-bilgi b{font-size:18px;font-weight:600;line-height:1.35}
.vt-bilgi small,.vt-kbilgi small{font-size:12px;color:var(--mg-muted)}
.vt-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.vt-fiyat strong{font-size:21px;color:var(--mg-primary)}
.vt-fiyat s{font-size:13px;color:var(--mg-muted)}
.vt-incele{align-self:flex-start;margin-top:8px;padding:9px 16px;border-radius:10px;background:var(--mg-primary);color:var(--mg-surface);font-size:14px;font-weight:600}
.vt-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.vt-kucuk{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--mg-line);border-radius:14px;background:var(--mg-surface);color:var(--mg-ink);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.vt-kucuk:hover{border-color:var(--mg-primary);transform:translateY(-2px);box-shadow:var(--mg-sh-sm)}
.vt-kucuk .vt-indirim{top:6px;left:6px;right:auto;padding:2px 6px;font-size:11px}
.vt-kfoto{flex:0 0 84px;height:84px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:var(--mg-surface-2)}
.vt-kfoto img{max-width:100%;max-height:100%;object-fit:contain}
.vt-kbilgi{display:flex;flex-direction:column;gap:3px;min-width:0}
.vt-kbilgi b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.35}
.vt-kucuk .vt-fiyat strong{font-size:15px}
.vt-ters .vt-rozet{left:auto;right:14px}
.vt-fiyat .vt-indirim{position:static;align-self:center}
.vt-kucuk .vt-fiyat s{font-size:12px}
@media (max-width:1100px){.vt-govde,.vt-ters .vt-govde{grid-template-columns:minmax(0,1fr)}.vt-ters .vt-buyuk{order:0}.vt-foto{height:200px;min-height:0}}
@media (max-width:560px){.vt{padding:14px;border-radius:16px}.vt-ust h2{font-size:18px}.vt-linkler{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:0 14px 2px;scrollbar-width:none}.vt-linkler::-webkit-scrollbar{display:none}.vt-liste{grid-template-columns:minmax(0,1fr);gap:8px}.vt-kucuk:nth-child(n+5){display:none}.vt-kfoto{flex-basis:68px;height:68px}.vt-buyuk{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;padding:10px 12px}.vt-foto{height:140px;padding:4px}.vt-ters .vt-foto{order:0}.vt-bilgi{gap:4px;padding-top:22px}.vt-bilgi b{font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vt-fiyat strong{font-size:17px}.vt-incele{padding:7px 12px;font-size:13px}}
.cap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.cap[hidden]{display:none}
.cap img{flex:0 0 auto;width:150px;height:48px;border:1px solid var(--mg-line);border-radius:8px;background:var(--mg-surface-2)}
.cap-yenile{flex:0 0 auto;width:40px;height:40px;border:1px solid var(--mg-line);border-radius:10px;background:var(--mg-surface);color:var(--mg-ink-2);font-size:18px;line-height:1;cursor:pointer}
.cap-yenile:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.cap-gir{flex:1 1 90px;min-width:0;height:44px;padding:0 12px;border:1.5px solid var(--mg-line);border-radius:10px;background:var(--mg-surface);color:var(--mg-ink);font:inherit;font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase;box-sizing:border-box}
.cap-gir::placeholder{letter-spacing:0;text-transform:none;font-weight:400}
.cap-gir:focus{outline:none;border-color:var(--mg-primary)}
.site-footer .nl-row{flex-wrap:wrap}
.site-footer .nl-row .cap{flex:1 1 100%}
.kf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin:22px 0;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:18px;overflow:hidden}
.kf-raf{padding:20px;background:var(--mg-surface-2);border-right:1px dashed var(--mg-line-2)}
.kf-rehber{padding:20px}
.kf-bas{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.kf-bas>div{flex:1;min-width:0}
.kf-bas small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mg-primary)}
.kf-bas h3{margin:2px 0 0;font-size:1.05rem;line-height:1.3;color:var(--mg-ink)}
.kf-ikon{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--mg-primary-tint);font-size:20px}
.kf-tumu{flex:0 0 auto;padding:6px 12px;border:1px solid var(--mg-line);border-radius:10px;font-size:13px;font-weight:600;color:var(--mg-ink-2);text-decoration:none}
.kf-tumu:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.kf-raf-liste{display:flex;flex-direction:column}
.kf-raf-liste a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;border-bottom:1px solid var(--mg-line);color:var(--mg-ink-2);text-decoration:none;font-size:14px}
.kf-raf-liste a i{font-style:normal;color:var(--mg-muted);transition:transform .15s}
.kf-raf-liste a:hover{color:var(--mg-primary)}
.kf-raf-liste a:hover i{transform:translateX(3px);color:var(--mg-primary)}
.kf-raf-liste a.bu{color:var(--mg-ink);font-weight:700}
.kf-raf-liste a.bu em{flex:0 0 auto;padding:2px 8px;border-radius:6px;background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-style:normal;font-size:11px;font-weight:600}
.kf-raf-liste a.kf-raf-hepsi{order:99;border-bottom:0;margin-top:6px;font-weight:700;color:var(--mg-primary)}
.kf-rehber-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kf-rehber-liste a{display:flex;gap:12px;align-items:flex-start;padding:10px;border:1px solid var(--mg-line);border-radius:14px;color:var(--mg-ink);text-decoration:none;height:100%;box-sizing:border-box}
.kf-rehber-liste a:hover{border-color:var(--mg-primary-soft);background:var(--mg-primary-tint)}
.kf-rehber-liste img{flex:0 0 72px;width:72px;height:72px;object-fit:cover;border-radius:50%;background:var(--mg-line)}
.kf-yazi{display:flex;flex-direction:column;gap:3px;min-width:0}
.kf-yazi small{font-size:11px;font-weight:700;color:var(--mg-muted);letter-spacing:.04em}
.kf-yazi b{font-size:14px;line-height:1.35}
.kf-yazi>span{font-size:12.5px;line-height:1.45;color:var(--mg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:980px){.kf{grid-template-columns:1fr}.kf-raf{border-right:0;border-bottom:1px dashed var(--mg-line-2)}}
@media (max-width:560px){.kf-raf,.kf-rehber{padding:16px}.kf-rehber-liste{grid-template-columns:1fr}.kf-rehber-liste img{flex-basis:60px;width:60px;height:60px}}
@keyframes uprFade{from{opacity:0}to{opacity:1}}
@keyframes uprUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes uprSpin{to{transform:rotate(360deg)}}
@keyframes uprSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.upr-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:400;}
.upr-modal.is-open{display:flex;}
.upr-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.5);animation:uprFade .2s ease;}
.upr-modal-dialog{position:relative;background:var(--mg-surface);border-radius:16px;max-width:720px;width:100%;margin:0 16px;box-shadow:var(--mg-sh-lg);display:flex;flex-direction:column;max-height:88vh;overflow:auto;animation:uprUp .25s ease;}
.upr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--mg-line);}
.upr-modal-title{margin:0;font-size:17px;font-weight:700;color:var(--mg-ink);}
.upr-modal-close{border:none;background:transparent;font-size:24px;line-height:1;color:var(--mg-muted);cursor:pointer;width:36px;height:36px;border-radius:50%;}
.upr-modal-close:hover{background:var(--mg-surface-2);color:var(--mg-ink);}
.upr-modal-body{padding:20px;flex:1;overflow:visible;}
body.upr-modal-open{overflow:hidden;}
.upr-form-row{display:flex;gap:16px;margin-bottom:16px;}
.upr-form-group{flex:1;min-width:0;}
.upr-form-group label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--mg-ink-2);}
.upr-input{width:100%;min-height:42px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--mg-line);background:var(--mg-surface);font-size:14px;color:var(--mg-ink);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit;}
.upr-input:focus{border-color:var(--mg-primary);box-shadow:0 0 0 4px rgba(var(--mg-primary-rgb),.12);}
textarea.upr-input{min-height:96px;resize:vertical;}
.upr-input-error{border-color:var(--mg-danger) !important;background:var(--mg-danger-tint);}
.upr-radio-group{display:flex;gap:16px;align-items:center;}
.upr-radio{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--mg-ink-2);cursor:pointer;}
.upr-radio input{accent-color:var(--mg-primary);width:16px;height:16px;}
.upr-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:50%;background:var(--mg-warning);color:#fff;font-size:11px;font-weight:700;cursor:help;}
.upr-company-fields{display:none;margin-top:10px;}
.upr-company-fields.is-visible{display:block;}
.upr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:9px;border:1.5px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;}
.upr-btn:disabled{opacity:.55;cursor:not-allowed;}
.upr-btn-primary{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff;}
.upr-btn-primary:hover:not(:disabled){background:var(--mg-primary-dark);border-color:var(--mg-primary-dark);}
.upr-btn-primary-outline{background:var(--mg-surface);border-color:var(--mg-primary);color:var(--mg-primary);}
.upr-btn-ghost{background:var(--mg-surface);border-color:var(--mg-line-2);color:var(--mg-ink-2);}
.upr-btn-ghost:hover:not(:disabled){border-color:var(--mg-ink-2);color:var(--mg-ink);}
.upr-btn-edit{background:var(--mg-surface);border-color:var(--mg-line-2);color:var(--mg-ink-2);}
.upr-btn-edit:hover:not(:disabled){border-color:var(--mg-primary);color:var(--mg-primary);}
.upr-btn-delete{background:var(--mg-surface);border-color:var(--mg-line-2);color:var(--mg-danger);}
.upr-btn-delete:hover:not(:disabled){border-color:var(--mg-danger);background:var(--mg-danger-tint);}
.upr-btn-icon{width:16px;height:16px;fill:currentColor;}
.upr-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:uprSpin .6s linear infinite;}
.upr-form-error-msg{color:var(--mg-danger-dark);font-size:13px;margin:12px 0;padding:10px 12px;background:var(--mg-danger-tint);border-radius:8px;border-left:3px solid var(--mg-danger);animation:uprSlide .3s ease;}
.upr-loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:14px;}
.upr-loading-spinner{width:36px;height:36px;border:3px solid var(--mg-line);border-top-color:var(--mg-primary);border-radius:50%;animation:uprSpin .8s linear infinite;}
.upr-dd{position:relative;width:100%;}
.upr-dd-toggle{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1.5px solid var(--mg-line);background:var(--mg-surface);font-size:14px;color:var(--mg-ink);cursor:pointer;outline:none;font-family:inherit;}
.upr-dd-toggle:focus{border-color:var(--mg-primary);box-shadow:0 0 0 4px rgba(var(--mg-primary-rgb),.12);}
.upr-dd-icon{font-size:12px;opacity:.6;margin-left:8px;transition:transform .2s;}
.upr-dd.open .upr-dd-icon{transform:rotate(180deg);}
.upr-dd-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--mg-surface);border-radius:10px;border:1px solid var(--mg-line);box-shadow:var(--mg-sh-lg);padding:6px 0;z-index:20;display:none;}
.upr-dd.open .upr-dd-menu{display:block;}
.upr-dd-search{padding:4px 8px 6px;}
.upr-dd-search-input{width:100%;padding:8px 10px;border-radius:8px;border:1.5px solid var(--mg-line);font-size:13px;outline:none;box-sizing:border-box;}
.upr-dd-search-input:focus{border-color:var(--mg-primary);}
.upr-dd-list{list-style:none;margin:0;padding:2px 0;max-height:190px;overflow-y:auto;}
.upr-dd-item{padding:8px 12px;margin:1px 6px;border-radius:7px;font-size:13px;color:var(--mg-ink);cursor:pointer;}
.upr-dd-item:hover{background:var(--mg-surface-2);}
.upr-dd-item.active{background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-weight:600;}
.upr-dd-empty{padding:8px 12px;font-size:13px;color:var(--mg-muted);}
.upr-dd.disabled .upr-dd-toggle{background:var(--mg-surface-2);color:var(--mg-muted);cursor:not-allowed;}
.upr-dd.loading .upr-dd-toggle{cursor:wait;opacity:.7;}
.upr-dd-error .upr-dd-toggle{border-color:var(--mg-danger);}
@media (max-width:640px){.upr-form-row{flex-direction:column;gap:12px;}}
.vc{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px;padding-top:8px;border-top:1px dotted var(--mg-line)}
.vc-c{position:relative;display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--mg-line);border-radius:6px;background:var(--mg-surface);color:var(--mg-ink-2);font-size:11px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}
a.vc-c:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.vc-c.aktif{background:var(--mg-ink);border-color:var(--mg-ink);color:var(--mg-surface)}
.vc-c.yok{opacity:.5;text-decoration:line-through}
.vc-c.iyi::after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--mg-success);border:2px solid var(--mg-surface)}
.vc-daha{border-style:dashed;color:var(--mg-ink-2);cursor:default}
.search .hd-ara-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}
.ft-bulten-not{font-size:14px}
.filter-group.fg-bosluk{margin-bottom:20px;padding-bottom:20px}
.navbar .menu>.item.item-ozel>a{color:var(--mg-primary);font-weight:700}
.navbar .menu>.item.item-ozel>a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mg-primary);box-shadow:0 0 0 3px var(--mg-primary-tint)}
/* Çerez onay bandı (assets/js/mg.js) */
.cerez-bant{position:fixed;left:16px;right:16px;bottom:16px;z-index:9990;display:flex;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .25s,transform .25s;pointer-events:none}
.cerez-bant.acik{opacity:1;transform:none}
.cb-ic{pointer-events:auto;width:100%;max-width:980px;display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--mg-line);border-radius:14px;background:var(--mg-surface);box-shadow:var(--mg-sh-lg)}
.cb-ikon{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--mg-primary-tint);font-size:22px}
.cb-ic p{flex:1;margin:0;font-size:13px;line-height:1.55;color:var(--mg-ink-2)}
.cb-ic p a{color:var(--mg-primary);font-weight:600;text-decoration:underline}
.cb-btn{flex:0 0 auto;display:flex;gap:8px}
.cb-btn button{height:40px;padding:0 20px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.cb-red{border:1.5px solid var(--mg-line-2);background:var(--mg-surface);color:var(--mg-ink-2)}
.cb-red:hover{border-color:var(--mg-ink-2);color:var(--mg-ink)}
.cb-kabul{border:1.5px solid var(--mg-primary);background:var(--mg-primary);color:var(--mg-surface)}
.cb-kabul:hover{background:var(--mg-primary-dark);border-color:var(--mg-primary-dark)}
@media (max-width:640px){.cerez-bant{left:10px;right:10px;bottom:10px}.cb-ic{flex-wrap:wrap;gap:12px;padding:14px}.cb-ikon{display:none}.cb-btn{width:100%}.cb-btn button{flex:1}}

/* Kart fiyatları: tutar ve "TL" bölünmez; yer yetmezse eski fiyat bütün olarak alt satıra geçer (indirim yüzdesi fotoğrafın üstündeki rozette) */
.product-price{flex-wrap:wrap;row-gap:2px}
.product-price .current-price,.product-price .old-price{white-space:nowrap}
/* Hata Bildir: alt bant düğmesi + pencere (dev/_footer.asp #hbPencere, assets/js/mg.js "Hata bildir") */
.site-footer .hbd-ac{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--mg-primary);border-radius:999px;background:rgba(var(--mg-primary-rgb),.12);color:var(--mg-primary-light);font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,color .2s}
.site-footer .hbd-ac:hover,.site-footer .hbd-ac:focus-visible{background:var(--mg-primary);color:var(--mg-surface);outline:none}
.hbd-pencere{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:18px;background:var(--mg-surface);color:var(--mg-ink);box-shadow:var(--mg-sh-lg);overflow:auto;text-align:left}
.hbd-pencere::backdrop{background:color-mix(in srgb,var(--mg-ink) 55%,transparent);backdrop-filter:blur(2px)}
.hbd-pencere[open]{animation:hbdAc .22s ease-out}
@keyframes hbdAc{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
html.hbd-acik-sayfa{overflow:hidden}
.hbd-form{position:relative;margin:0}
.hbd-govde,.hbd-tesekkur{display:flex;flex-direction:column;gap:12px;padding:22px}
.hbd-govde[hidden],.hbd-tesekkur[hidden],.hbd-mesaj[hidden]{display:none}
.hbd-govde h2,.hbd-tesekkur h2{margin:0;font-size:19px;line-height:1.3;color:var(--mg-ink)}
.hbd-acik{margin:-4px 0 2px;font-size:13.5px;line-height:1.5;color:var(--mg-muted)}
.hbd-kapat{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:var(--mg-surface-2);color:var(--mg-ink-2);font-size:22px;line-height:1;cursor:pointer}
.hbd-kapat:hover{background:var(--mg-line);color:var(--mg-ink)}
.hbd-alan{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--mg-ink)}
.hbd-alan small{font-weight:400;color:var(--mg-muted)}
.hbd-alan select,.hbd-alan textarea,.hbd-alan input{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--mg-line);border-radius:10px;background:var(--mg-surface);color:var(--mg-ink);font:inherit;font-size:15px;font-weight:400}
.hbd-alan textarea{resize:vertical;min-height:96px}
.hbd-alan select:focus,.hbd-alan textarea:focus,.hbd-alan input:focus{outline:none;border-color:var(--mg-primary);box-shadow:0 0 0 3px rgba(var(--mg-primary-rgb),.15)}
.hbd-tuzak{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hbd-mesaj{padding:9px 12px;border-radius:10px;background:var(--mg-danger-tint);color:var(--mg-danger-dark);font-size:13.5px}
.hbd-dugmeler{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.hbd-vazgec,.hbd-gonder{padding:10px 18px;border-radius:10px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.hbd-vazgec{border:1px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-ink-2)}
.hbd-vazgec:hover{border-color:var(--mg-line-2);background:var(--mg-surface-2)}
.hbd-gonder{border:1px solid var(--mg-primary);background:var(--mg-primary);color:var(--mg-surface)}
.hbd-gonder:hover{background:var(--mg-primary-dark);border-color:var(--mg-primary-dark)}
.hbd-gonder[disabled]{opacity:.7;cursor:default}
.hbd-tesekkur{align-items:center;text-align:center;padding:34px 24px 26px}
.hbd-tesekkur p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mg-ink-2)}
.hbd-ikon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mg-success-tint);font-size:32px;animation:hbdPati .5s ease-out}
@keyframes hbdPati{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
.hbd-geri{position:fixed;left:50%;bottom:20px;z-index:1000;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;box-shadow:var(--mg-sh-md);font-size:14px;font-weight:600}
.hbd-geri.ok{background:var(--mg-success);color:var(--mg-surface)}
.hbd-geri.hata{background:var(--mg-danger);color:var(--mg-surface)}
@media (max-width:560px){.hbd-govde{padding:18px 16px}.hbd-dugmeler{flex-direction:column-reverse}.hbd-vazgec,.hbd-gonder{width:100%}}
/* Ürün kartı rozetleri (includes/_inc_helpers.asp KartRozetler): tek kutu, alt alta, sola yaslı; yeni rozet türü eklenince kendiliğinden dizilir */
.card-media .badges{position:absolute;top:10px;left:10px;right:84px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}
.card-media .badges .badge{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.card-media .badges .badge.kargo{padding:4px 10px;border-radius:999px;background:var(--mg-success);color:var(--mg-surface);font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}
@media (max-width:520px){.card-media .badges{top:6px;left:6px;right:60px;gap:4px}.card-media .badges .badge.kargo{padding:3px 8px;font-size:10px}}

/* ===== Ürün kartı (kategori, arama, marka / kampanya, ana sayfa): sade düzen. Fiyat koyu, turuncu yalnız düğme ve kampanya satırında.
   Fotoğraf üstünde yalnız indirim köşesi (sağ üst) ve durum etiketi (sol üst); avantajlar fiyatın altında satır satır (includes/_inc_helpers.asp KartAvantaj) ===== */
html body .products-grid .product-card,html body .products .card{border:1px solid var(--mg-line);border-radius:12px;box-shadow:none;transition:box-shadow .2s,border-color .2s;transform:none}
html body .products-grid .product-card:hover,html body .products .card:hover{transform:none;box-shadow:0 6px 20px rgba(17,24,39,.08);border-color:var(--mg-line)}
html body .products-grid .product-card::before,html body .products .card::before{display:none}
html body .products-grid .product-card .card-media,html body .products .card .card-media{background:var(--mg-surface);border-radius:0}
html body .products-grid .product-card .card-media img,html body .products .card .card-media img{object-fit:contain}
html body .products-grid .product-card .card-body,html body .products .card .card-body{padding:10px 12px 12px;gap:4px;border-top:1px solid var(--mg-line)}
html body .products-grid .product-card .product-title,html body .products .card .product-title{margin:0;min-height:2.8em;font-size:13px;font-weight:400;line-height:1.4;color:var(--mg-ink-2)}
html body .products-grid .product-card .product-title a,html body .products .card .product-title a{color:var(--mg-ink-2)}
html body .products-grid .product-card .product-title .kart-marka,html body .products .card .product-title .kart-marka{color:var(--mg-ink);font-weight:700}
html body .products-grid .product-card .kart-puan,html body .products .card .kart-puan{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--mg-muted)}
html body .products-grid .product-card .kart-puan .y,html body .products .card .kart-puan .y{color:var(--mg-warning)}
html body .products-grid .product-card .kart-puan b,html body .products .card .kart-puan b{color:var(--mg-ink);font-weight:600}
html body .products-grid .product-card .product-price,html body .products .card .product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:2px 0 0}
html body .products-grid .product-card .product-price .current-price,html body .products .card .product-price .current-price{color:var(--mg-ink);font-size:18px;font-weight:700;letter-spacing:-.3px}
html body .products-grid .product-card .product-price .old-price,html body .products .card .product-price .old-price{color:var(--mg-muted);font-size:12px;font-weight:400}
html body .products-grid .product-card .kart-avantaj,html body .products .card .kart-avantaj{display:flex;flex-direction:column;gap:3px;min-height:40px;margin-top:2px}
html body .products-grid .product-card .kart-av,html body .products .card .kart-av{font-size:12px;font-weight:600;line-height:1.35}
html body .products-grid .product-card .kart-av.yesil,html body .products .card .kart-av.yesil{color:var(--mg-success)}
html body .products-grid .product-card .kart-av.turuncu,html body .products .card .kart-av.turuncu{color:var(--mg-primary-dark)}
html body .products-grid .product-card .kart-av.kirmizi,html body .products .card .kart-av.kirmizi{color:var(--mg-danger)}
html body .products-grid .product-card .product-unit,html body .products .card .product-unit{margin:0;font-size:11px;color:var(--mg-muted)}
html body .products-grid .product-card .product-actions,html body .products .card .product-actions{margin-top:auto;padding-top:8px;gap:8px}
html body .products-grid .product-card .product-actions .add-to-cart,html body .products .card .product-actions .add-to-cart{min-height:38px;border:1px solid transparent;border-radius:8px;background:var(--mg-primary-tint);color:var(--mg-primary-dark);font-size:13.5px;font-weight:600;box-shadow:none}
html body .products-grid .product-card:hover .product-actions .add-to-cart,html body .products .card:hover .product-actions .add-to-cart{background:var(--mg-primary);border-color:var(--mg-primary);color:var(--mg-surface)}
html body .products-grid .product-card .product-actions .add-to-cart.eklendi,html body .products .card .product-actions .add-to-cart.eklendi{background:var(--mg-success);border-color:var(--mg-success);color:var(--mg-surface)}
html body .products-grid .product-card .product-actions .wishlist-btn,html body .products .card .product-actions .wishlist-btn{width:38px;height:38px;border:1px solid var(--mg-line);border-radius:8px;font-size:15px}
.card-media .kart-ind{position:absolute;top:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;padding:7px 10px 8px;border-bottom-left-radius:12px;background:var(--mg-danger);color:var(--mg-surface);line-height:1;pointer-events:none}
.card-media .kart-ind b{font-size:20px;font-weight:800;letter-spacing:-.5px}
.card-media .kart-ind span{margin-top:2px;font-size:8.5px;font-weight:700;letter-spacing:.8px}
.card-media .badges .badge.tukendi{background:var(--mg-ink);color:var(--mg-surface)}
@media (max-width:520px){html body .products-grid .product-card .product-price .current-price,html body .products .card .product-price .current-price{font-size:15px}html body .products-grid .product-card .product-title,html body .products .card .product-title{font-size:12px}html body .products-grid .product-card .kart-av,html body .products .card .kart-av{font-size:11px}html body .products-grid .product-card .kart-avantaj,html body .products .card .kart-avantaj{min-height:0}.card-media .kart-ind{padding:5px 7px 6px}.card-media .kart-ind b{font-size:15px}.card-media .kart-ind span{font-size:7px}}
.kart-yildiz{position:relative;display:inline-block;font-size:13px;line-height:1;letter-spacing:1px;color:var(--mg-line)}
.kart-yildiz::before{content:"★★★★★"}
.kart-yildiz i{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:var(--mg-warning)}
.kart-yildiz i::before{content:"★★★★★"}
.card-media .badges .badge{border-radius:4px}
.card-media .kart-ind{border-bottom-left-radius:6px}
/* ===== Pati Asistanı (page/_p_pati-asistani.asp): mama hesaplayıcı ve ürün bulucu ===== */
.pa-sayfa{padding:8px 0 56px}
.pa-hero{margin:8px 0 22px;text-align:center}
.pa-hero h1{font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--mg-ink)}
.pa-hero p{max-width:620px;margin:8px auto 0;color:var(--mg-ink-2);font-size:15px}
.pa-hero.kucuk{margin-bottom:16px}
.pa-secim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1080px;margin:0 auto}
.pa-secim-kart{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--mg-line);border-radius:16px;background:var(--mg-surface);color:var(--mg-ink-2);text-decoration:none;transition:box-shadow .2s,border-color .2s}
.pa-secim-kart:hover{border-color:var(--mg-primary);box-shadow:0 8px 24px rgba(17,24,39,.08)}
.pa-secim-ik{font-size:34px}
.pa-secim-kart b{color:var(--mg-ink);font-size:19px}
.pa-secim-kart span{font-size:14px;line-height:1.5}
.pa-secim-kart em{margin-top:auto;padding-top:6px;color:var(--mg-primary-dark);font-style:normal;font-weight:700}
.pa-kutu{max-width:720px;margin:0 auto;padding:22px 24px 18px;border:1px solid var(--mg-line);border-radius:16px;background:var(--mg-surface)}
.pa-ilerleme{height:6px;margin-bottom:20px;border-radius:999px;background:var(--mg-surface-2);overflow:hidden}
.pa-ilerleme i{display:block;height:100%;width:4%;border-radius:999px;background:var(--mg-primary);transition:width .35s ease}
.pa-adim{min-height:220px}
.pa-adim.pa-gir{animation:paGir .3s ease}
@keyframes paGir{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.pa-adim h2{margin-bottom:6px;font-size:21px;font-weight:700;color:var(--mg-ink)}
.pa-not{margin-bottom:12px;color:var(--mg-muted);font-size:14px}
.pa-secenek{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}
.pa-secenek.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.pa-secenek button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border:1.5px solid var(--mg-line);border-radius:12px;background:var(--mg-surface);color:var(--mg-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.pa-secenek button:hover{border-color:var(--mg-primary);background:var(--mg-primary-tint)}
.pa-secenek .pa-ik{font-size:24px;line-height:1}
.pa-secenek b{font-size:15px;font-weight:600}
.pa-secenek small{color:var(--mg-muted);font-size:12.5px}
.pa-alan{display:flex;flex-direction:column;gap:6px;max-width:320px;margin-top:18px;font-size:14px;font-weight:600;color:var(--mg-ink)}
.pa-alan small{color:var(--mg-muted);font-weight:400}
.pa-alan input{height:44px;padding:0 12px;border:1.5px solid var(--mg-line);border-radius:10px;font:inherit}
.pa-kilo{display:flex;align-items:center;gap:16px;margin:18px 0}
.pa-kilo input[type=range]{flex:1;accent-color:var(--mg-primary)}
.pa-kilo label{display:flex;align-items:center;gap:6px;font-weight:600}
.pa-kilo input[type=number]{width:90px;height:44px;padding:0 10px;border:1.5px solid var(--mg-line);border-radius:10px;font:inherit;font-size:16px;text-align:center}
.pa-ileri{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--mg-primary);color:var(--mg-surface);font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}
.pa-ileri:hover{background:var(--mg-primary-dark);color:var(--mg-surface)}
.pa-tekrar{min-height:46px;padding:0 18px;border:1.5px solid var(--mg-line);border-radius:12px;background:var(--mg-surface);color:var(--mg-ink-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pa-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--mg-line)}
.pa-geri{padding:6px 12px;border:0;border-radius:8px;background:var(--mg-surface-2);color:var(--mg-ink-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pa-diger{margin-left:auto;color:var(--mg-primary-dark);font-size:14px;font-weight:600;text-decoration:none}
.pa-sonuc{display:flex;flex-direction:column;gap:12px}
.pa-buyuk{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:16px 18px;border-radius:14px;background:var(--mg-primary-tint)}
.pa-buyuk b{color:var(--mg-primary-dark);font-size:40px;font-weight:800;line-height:1}
.pa-buyuk span{color:var(--mg-ink-2);font-weight:600}
.pa-kcal{color:var(--mg-muted);font-size:13.5px}
.pa-paket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pa-paket div{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--mg-line);border-radius:12px}
.pa-paket b{color:var(--mg-ink);font-size:16px}
.pa-paket span{color:var(--mg-success-dark);font-size:13px;font-weight:600}
.pa-uyari{padding:10px 12px;border-radius:10px;background:var(--mg-surface-2);color:var(--mg-ink-2);font-size:12.5px;line-height:1.5}
.pa-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.pa-cip{display:flex;flex-wrap:wrap;gap:6px}
.pa-cip span{padding:4px 10px;border-radius:4px;background:var(--mg-surface-2);color:var(--mg-ink);font-size:13px;font-weight:600}
@media (max-width:640px){.pa-secim{grid-template-columns:1fr}.pa-kutu{padding:16px 14px 14px}.pa-secenek{grid-template-columns:1fr 1fr}.pa-paket{grid-template-columns:1fr 1fr 1fr;gap:6px}.pa-paket div{padding:8px}.pa-buyuk b{font-size:32px}.pa-kilo{flex-direction:column;align-items:stretch}}

/* Dar masaüstü (1200-1360): menü ve sağdaki düğmeler sığsın */
@media (min-width:1025px) and (max-width:1360px){.navbar .wrap{gap:12px}.navbar .menu{gap:13px}.navbar .menu>.item>a{font-size:14px}.navbar .ps-nav{padding:7px 8px;font-size:13px}.navbar .wa-inline{padding:7px 9px;font-size:13px}}
.pa-kmp{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:2px solid var(--mg-primary);border-radius:12px;background:var(--mg-primary-tint);color:var(--mg-ink);text-decoration:none}
.pa-kmp span{color:var(--mg-primary-dark);font-size:13px;font-weight:700}
.pa-kmp b{font-size:18px}
.pa-kmp small{color:var(--mg-ink-2);font-size:13px}
.pa-kmp em{margin-top:4px;color:var(--mg-primary-dark);font-style:normal;font-weight:700;font-size:14px}
.pa-grup{max-width:1080px;margin:26px auto 12px;font-size:18px;font-weight:700;color:var(--mg-ink)}
.pa-secim{grid-template-columns:repeat(4,minmax(0,1fr))}
.pa-secim-kart{padding:20px}
.pa-secim-ik{font-size:30px}
.pa-secim-kart b{font-size:17px}
.pa-bilgi{max-width:720px;margin:28px auto 0;color:var(--mg-ink-2);font-size:14.5px;line-height:1.7}
.pa-bilgi h2{margin:20px 0 8px;font-size:18px;font-weight:700;color:var(--mg-ink)}
.pa-bilgi p{margin:0 0 10px}
.pa-tablo{width:100%;margin:8px 0 12px;border-collapse:collapse;font-size:14px;background:var(--mg-surface)}
.pa-tablo th,.pa-tablo td{padding:8px 10px;border:1px solid var(--mg-line);text-align:left;vertical-align:top}
.pa-tablo th{background:var(--mg-surface-2);color:var(--mg-ink);font-weight:600}
.pa-tablo td small{display:block;color:var(--mg-muted);font-size:12px}
.pa-gecis td.yeni{color:var(--mg-primary-dark);font-weight:700}
.pa-asi tr.gecti td{color:var(--mg-muted)}
.pa-asi tr.yakin td{background:var(--mg-primary-tint)}
.pa-asi tr.yakin td b{color:var(--mg-primary-dark)}
.pa-yas{display:flex;gap:14px;margin:18px 0}
.pa-yas label{display:flex;align-items:center;gap:6px;font-weight:600}
.pa-yas input,.pa-kilo input[type=date]{width:90px;height:44px;padding:0 10px;border:1.5px solid var(--mg-line);border-radius:10px;font:inherit;font-size:16px;text-align:center}
.pa-kilo input[type=date]{width:auto}
.pa-durum{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--mg-line)}
.pa-durum b{font-size:24px;font-weight:800}
.pa-durum span{color:var(--mg-ink-2);font-size:14px}
.pa-durum.iyi{background:var(--mg-success-tint);border-color:var(--mg-success-soft)}
.pa-durum.iyi b{color:var(--mg-success-dark)}
.pa-durum.orta{background:var(--mg-warning-tint);border-color:var(--mg-warning-soft)}
.pa-durum.orta b{color:var(--mg-warning-dark)}
.pa-durum.kotu{background:var(--mg-danger-tint);border-color:var(--mg-danger-soft)}
.pa-durum.kotu b{color:var(--mg-danger-dark)}
.yiy-ust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:1080px;margin:0 auto 14px}
.yiy-ust input{flex:1 1 280px;height:46px;padding:0 14px;border:1.5px solid var(--mg-line);border-radius:12px;font:inherit;font-size:15px}
.yiy-suz{display:flex;flex-wrap:wrap;gap:6px}
.yiy-suz button{padding:8px 12px;border:1.5px solid var(--mg-line);border-radius:999px;background:var(--mg-surface);color:var(--mg-ink-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.yiy-suz button.aktif{border-color:var(--mg-ink);color:var(--mg-ink)}
.yiy-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;max-width:1080px;margin:0 auto 14px}
.yiy-liste.kucuk{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.yiy-oge{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;border:1px solid var(--mg-line);border-radius:12px;background:var(--mg-surface);color:var(--mg-ink);text-decoration:none;transition:border-color .15s}
.yiy-oge:hover{border-color:var(--mg-primary)}
.yiy-oge[hidden]{display:none}
.yiy-oge b{flex:1 1 100%;font-size:15px}
.yiy-c{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}
.yiy-c.iyi,.yiy-kutu.iyi{background:var(--mg-success-tint);color:var(--mg-success-dark)}
.yiy-c.orta,.yiy-kutu.orta{background:var(--mg-warning-tint);color:var(--mg-warning-dark)}
.yiy-c.kotu,.yiy-kutu.kotu{background:var(--mg-danger-tint);color:var(--mg-danger-dark)}
.yiy-detay{max-width:760px;margin:0 auto}
.yiy-karar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.yiy-kutu{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px}
.yiy-kutu span{font-size:14px;font-weight:600;color:var(--mg-ink-2)}
.yiy-kutu b{font-size:22px;font-weight:800}
.yiy-metin{font-size:15.5px;line-height:1.7;color:var(--mg-ink)}
.yiy-ne{margin:10px 0;padding:12px 14px;border-left:3px solid var(--mg-primary);background:var(--mg-surface-2);font-size:14.5px;line-height:1.6}
@media (max-width:1024px){.pa-secim{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pa-secim{grid-template-columns:1fr}.yiy-karar{grid-template-columns:1fr}.pa-tablo{font-size:13px}.pa-tablo th,.pa-tablo td{padding:6px}}