/* Mağazamız — builds on .info-hero / .info-body / .card-grid from style.css */
.info-hero-lead{position:relative;z-index:1;max-width:46%;margin-top:4px}
.info-hero-lead p{color:#fff;font-size:17px;line-height:1.75;font-weight:500}
.info-hero-lead p+p{margin-top:10px}
.info-hero-lead a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.info-hero-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.info-hero .button .icon{width:18px;height:18px}
/* Editable visit text (pages.content): only plain tags arrive here, so style them by element */
.info-text h2{margin-bottom:4px}
.info-text h3{font-size:20px;letter-spacing:-.3px;margin:28px 0 0}
.info-text h3+p{margin-top:8px}
.info-text h4{font-size:17px;margin:22px 0 0}
.info-text ul,.info-text ol{margin:14px 0;padding-left:22px;font-size:16px;line-height:1.9}
.info-text a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.info-text blockquote{margin:20px 0;padding:4px 0 4px 20px;border-left:4px solid var(--orange);color:var(--muted)}
.info-text table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0}
.info-text th,.info-text td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.info-text th{background:#f6f8fa}
.info-body p.muted{font-size:15px}
.info-card{scroll-margin-top:20px}
.info-card h2{font-size:20px;letter-spacing:-.3px;margin-bottom:16px}
.info-card .button{margin-top:24px;gap:10px}
.info-card .button .icon{width:18px;height:18px}
.fact-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.fact-list li{display:flex;gap:14px;align-items:flex-start}
.fact-list .icon{width:22px;height:22px;color:var(--navy);margin-top:2px}
.fact-list b{display:block;font-size:14px;font-weight:800}
.fact-list li>div>span{display:block;font-size:15px;overflow-wrap:anywhere}
.fact-list .text-link{display:inline-block;padding-block:2px}
.store-section{padding-bottom:60px}
.store-section .section-heading{align-items:center}
.card-grid{list-style:none;margin:0;padding:0}
.info-tile{display:flex;flex-direction:column}
.info-tile .tile-sub{margin-top:8px;font-size:14px;font-weight:700;color:var(--navy)}
.info-tile .text-link{margin-top:auto;padding-top:14px;font-size:14px;align-self:flex-start}
.store-note{margin-top:12px}
.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:40px 24px;border:1px dashed #b9cde0;border-radius:15px;background-color:var(--blue);background-image:linear-gradient(#123c670d 1px,transparent 1px),linear-gradient(90deg,#123c670d 1px,transparent 1px);background-size:34px 34px}
.map-placeholder.has-map{border-style:solid;border-color:#cfe0ef}
.map-pin{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--navy);color:#fff;box-shadow:0 8px 25px #123c6730;margin-bottom:18px}
.map-pin .icon{width:28px;height:28px}
.map-title{font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--navy);max-width:560px}
.map-text{font-size:15px;color:var(--muted);max-width:480px;margin-top:8px}
.map-placeholder .button{margin-top:20px;gap:10px}
.map-placeholder .button .icon{width:18px;height:18px}
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 45px;border-radius:12px;background:#edf4f9;margin-bottom:10px}
.cta-band h2{font-size:27px;letter-spacing:-1px;line-height:1.2}
.cta-band p{font-size:15px;color:var(--muted);margin-top:8px}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.cta-actions .icon{width:18px;height:18px}
@media(min-width:981px){.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.info-hero-lead{max-width:62%}.cta-band{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.info-hero h1 br{display:none}.info-hero img{opacity:.22}.info-hero-lead{max-width:100%}.info-hero-lead p{font-size:16px}.info-hero-actions .button{flex:1 1 100%}
.store-section{padding-bottom:40px}.store-section .section-heading{flex-wrap:wrap}
.map-placeholder{min-height:240px;padding:30px 20px}.map-title{font-size:18px}
.cta-band{padding:25px;gap:18px}.cta-band h2{font-size:25px}.cta-actions{width:100%}.cta-actions .button{flex:1 1 100%}}
/* light buttons sit on tinted panels here; give them a white face so they stay visible */
.info-card .button.light,.cta-band .button.light{background:#fff}
/* section-heading links: keep the target at least 24px tall (WCAG 2.5.8) */
.section-heading .text-link{display:inline-block;padding-block:3px}
.map-embed{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/7;background:#eef3f7}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:15px;color:var(--muted)}
.map-actions .icon{width:16px;height:16px;color:var(--navy)}
@media(max-width:640px){.map-embed{aspect-ratio:4/3}}
/* Raflarımızdan: same tile for every category — icon + linked title on one row */
.shelf-tile{gap:0}
.shelf-title{margin:0 0 12px}
.shelf-title a{display:flex;align-items:center;gap:12px;color:var(--ink)}
.shelf-title a:hover span{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.shelf-title .icon{width:44px;height:44px;padding:10px;border-radius:11px;background:var(--blue);color:var(--navy);stroke-width:1.6;margin:0}
.shelf-tile .tile-sub a{color:var(--navy)}
.shelf-tile .tile-sub a:hover{text-decoration:underline;text-underline-offset:3px}