.shop-page { margin:0; min-height:100vh; color:#eaf2ff; background:radial-gradient(ellipse at top right,#122e49,transparent 60%),#06101f; font:16px/1.65 Arial,sans-serif; --text:#eaf2ff; --muted:#a9bdd8; --line:#29415d; }
.shop-page * { box-sizing:border-box; }
.shop-page a { color:#67e8f9; }
.shop-page .shop-wrap { width:min(1120px,calc(100% - 32px)); margin:24px auto 60px; }
 .shop-header { position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border:1px solid var(--line); border-radius:18px; background:rgba(12,31,52,.95); }
.shop-header a { text-decoration:none; }
.shop-brand { display:flex; align-items:center; gap:10px; min-width:0; font-weight:800; color:var(--text)!important; }
.shop-brand img { flex-shrink:0; object-fit:contain; }
.shop-brand span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shop-desktop-nav { display:flex; align-items:center; gap:8px; }
.shop-header nav a { display:block; padding:9px 13px; border:1px solid transparent; border-radius:10px; color:var(--muted); font-weight:700; white-space:nowrap; }
.shop-header nav a:hover,.shop-header nav a[aria-current="page"] { color:var(--text); background:rgba(34,211,238,.09); border-color:var(--line); }
.shop-page details.shop-mobile-menu { display:none; position:relative; margin:0; padding:0; border:0; flex-shrink:0; }
.shop-mobile-menu summary { list-style:none; cursor:pointer; padding:9px 12px; border:1px solid var(--line); border-radius:10px; }
.shop-mobile-menu summary::-webkit-details-marker { display:none; }
.shop-mobile-menu nav { position:absolute; top:calc(100% + 12px); right:0; width:min(280px,calc(100vw - 64px)); padding:8px; border:1px solid var(--line); border-radius:14px; background:#0c1f34; box-shadow:0 16px 35px rgba(0,0,0,.35); }
@media(max-width:680px) { .shop-header { gap:12px; padding:10px 12px; } .shop-header .shop-desktop-nav { display:none; } .shop-page details.shop-mobile-menu { display:block; } }
.shop-box { padding:24px; background:rgba(12,31,52,.8); border:1px solid var(--line); border-radius:18px; margin:20px 0; }
.shop-grid,.magaza-kartlar { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:18px; }
.magaza-urun { padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--card,rgba(12,31,52,.8)); display:flex; flex-direction:column; gap:12px; }
.magaza-urun h3,.magaza-urun p { margin:0; }
.magaza-urun .shop-price { font-size:2rem; font-weight:800; color:var(--text,#eaf2ff); }
.magaza-urun .shop-badge { align-self:flex-start; padding:4px 12px; border-radius:20px; font-size:.8rem; font-weight:700; color:#06101f; background:#b8f43d; }
.magaza-urun .shop-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.magaza-urun small { color:var(--muted,#a9bdd8); }
.magaza-urun form { margin:0; }
.shop-page label { display:block; margin-top:14px; }
.shop-page input:not([type=checkbox]),.shop-page textarea,.shop-page select { width:100%; border:1px solid #49637f; border-radius:9px; padding:11px; color:#f5f9ff; background:#091a2d; font:inherit; }
.shop-page input[type=checkbox] { width:20px; height:20px; vertical-align:middle; margin-inline-end:8px; }
.shop-page input[type=email],.shop-page input[type=password] { direction:ltr; }
.shop-button { display:inline-block; cursor:pointer; padding:11px 18px; border:0; border-radius:10px; color:#06101f!important; background:linear-gradient(110deg,#22d3ee,#b8f43d); text-decoration:none; font:700 .95rem Arial,sans-serif; }
.shop-page button { margin-top:16px; }
.shop-button:disabled { opacity:.5; cursor:not-allowed; }
.shop-note { color:var(--muted,#a9bdd8); font-size:.92rem; }
.shop-error { border:1px solid #f87171; background:#4a1c27; padding:14px; border-radius:10px; }
.shop-success { border:1px solid #4ade80; background:#0d3934; padding:14px; border-radius:10px; }
.shop-page table { width:100%; border-collapse:collapse; }
.shop-page th,.shop-page td { text-align:start; padding:12px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
.shop-scroll { overflow-x:auto; }
.shop-total { max-width:460px; margin-inline-start:auto; }
.shop-total p { display:flex; justify-content:space-between; gap:24px; }
.shop-total .grand-total { font-size:1.25rem; font-weight:bold; }
.shop-page details { margin:16px 0; border:1px solid var(--line); border-radius:12px; padding:14px; }
.shop-page summary { cursor:pointer; font-weight:700; }
.shop-page .legal-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.shop-payment-frame { width:100%; min-height:800px; border:0; background:white; border-radius:12px; }
.shop-page :focus-visible,.magaza :focus-visible { outline:3px solid #22d3ee; outline-offset:4px; }
.shop-page .honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media(max-width:600px) { .shop-box { padding:16px; } .shop-header nav { gap:12px; } .shop-page th,.shop-page td { padding:9px 5px; } .shop-payment-frame { min-height:1000px; } }

.magaza-kartlar { grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr)); }

/* Ortak alt alan: ana sayfa ve mağaza. */
footer.site-footer { padding:0; margin-top:48px; text-align:start; color:var(--muted,#a9bdd8); background:var(--surface,rgba(12,31,52,.65)); border-top:1px solid var(--line,#29415d); font-size:.9rem; line-height:1.65; }
.site-footer .site-footer-inner { width:min(1120px,calc(100% - 40px)); margin:auto; padding:32px 0 20px; }
.shop-page .site-footer { border:1px solid var(--line); border-radius:18px; }
.shop-page .site-footer-inner { width:calc(100% - 40px); }
.site-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:36px; }
.site-footer h2 { margin:0 0 12px; color:var(--text,#eaf2ff); font-weight:700; font-size:1rem; line-height:1.5; }
.site-footer p { margin:10px 0; }
.site-footer ul { margin:0; padding:0; list-style:none; }
.site-footer li { margin:0 0 6px; }
.site-footer a { color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.site-footer a:hover,.site-footer a:focus-visible { color:var(--text,#eaf2ff); text-decoration:underline; text-underline-offset:4px; }
.site-footer a:focus-visible { outline:2px solid #22d3ee; outline-offset:4px; border-radius:3px; }
.site-footer .site-footer-brand { display:flex; align-items:center; gap:10px; font-size:1.1rem; font-weight:800; color:var(--text,#eaf2ff); text-decoration:none; }
.site-footer-brand img { width:40px; height:40px; object-fit:contain; }
.site-footer address { display:flex; flex-direction:column; align-items:flex-start; gap:6px; font-style:normal; }
.site-footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-top:26px; padding-top:18px; border-top:1px solid var(--line,#29415d); font-size:.8rem; }
.site-footer-bottom p { margin:0; }
.site-footer-payment { display:flex; flex-direction:column; gap:4px; }
.site-footer-payment strong { display:inline-block; margin-inline-start:6px; padding:2px 9px; border:1px solid var(--line,#29415d); border-radius:6px; color:var(--text,#eaf2ff); }
.site-footer-payment small { font-size:.75rem; }
@media(max-width:700px) { .site-footer-grid { grid-template-columns:1fr 1fr; gap:24px; } .site-footer-contact { grid-column:1/-1; } .site-footer-bottom { align-items:flex-start; flex-direction:column; gap:14px; } }
@media(max-width:380px) { .site-footer-grid { grid-template-columns:1fr; } .site-footer-contact { grid-column:auto; } }

.shop-page .shop-remove { margin:0; padding:9px 13px; border:1px solid #f87171; border-radius:9px; background:transparent; color:#fca5a5; font:700 .9rem Arial,sans-serif; cursor:pointer; }
.shop-page .shop-remove:hover { background:#4a1c27; color:#fff; }

.shop-page input.shop-quantity[type=number], .shop-page .shop-remove { box-sizing:border-box; width:56px; height:38px; min-height:0; margin:0; padding:4px; font:700 .9rem/1.2 Arial,sans-serif; text-align:center; vertical-align:middle; }