/*
Theme Name: YZS Mağaza Vitrini
Theme URI: https://www.yapayzekasistemleri.com/
Author: Yapay Zeka Sistemleri
Description: Karşıyaka YZS fiziksel mağaza kataloğu, WhatsApp iletişimi ve tek düğmeyle fiyat görünürlüğü.
Version: 1.6.3
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: yzs-vitrin
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--bg:#050b12;--panel:#08131d;--panel2:#0b1722;--text:#f4f8fb;--muted:#9eb0c1;--line:#173247;--blue:#0d9df2;--blue2:#66ccff;--shadow:0 18px 60px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:12px;top:12px;z-index:999;background:white;color:black;padding:10px 14px;border-radius:8px}.top{position:sticky;top:0;z-index:50;min-height:82px;padding:0 5vw;background:#050b12eF;backdrop-filter:blur(14px);border-bottom:1px solid #142a3c;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;min-width:230px}.brand img{width:54px;height:54px;object-fit:cover;border-radius:12px}.brand b{font-size:15px;line-height:1.08;letter-spacing:.6px}.brand small{display:block;color:var(--muted);margin-top:4px}.top nav{display:flex;gap:18px;align-items:center;margin-left:auto}.top nav a{color:#dce8f2;text-decoration:none;font-size:13px;white-space:nowrap}.top nav a:hover,.top nav a.active{color:var(--blue2)}.headerActions{display:flex;gap:9px}.pill,.primary,.secondary,.ghost{border-radius:10px;text-decoration:none;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pill{color:#dff4ff;border:1px solid #1b638f;padding:10px 12px;font-size:13px}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:610px;padding:90px 6vw 70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero.small{min-height:410px;padding-top:68px}.glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#087bc044;filter:blur(110px);right:-100px;top:0}.heroCopy{position:relative;z-index:1;max-width:820px}.eyebrow,.sectionHead>span,.articleList article>span{font-size:12px;letter-spacing:2.2px;color:var(--blue2);font-weight:800}.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;margin:20px 0 24px;letter-spacing:-3px}.hero.small h1{font-size:clamp(40px,5vw,64px)}.hero h1 em{font-style:normal;color:var(--blue)}.hero p,.sectionHead p,.feature p,.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:780px}.actions{display:flex;gap:14px;margin:30px 0;flex-wrap:wrap}.primary{background:linear-gradient(135deg,#078ff1,#20b9ff);color:white;padding:15px 22px;border:0;cursor:pointer}.secondary{border:1px solid #37617c;color:white;padding:14px 22px}.ghost{border:1px solid var(--line);padding:12px 15px;color:#d8ebf7;background:#08131e}.trust{display:flex;gap:24px;flex-wrap:wrap;color:#c2d0dc;font-size:13px}.heroMark{position:relative;z-index:1;min-height:390px;border:1px solid #1d3e57;background:linear-gradient(145deg,#0d1c29aa,#07101aaa);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);padding:28px;text-align:center}.heroMark img{width:min(280px,65%);border-radius:28px;filter:drop-shadow(0 0 32px #225dff66)}.heroMark b{font-size:23px}.heroMark span{display:block;text-align:center;color:var(--muted);margin-top:8px}.section{padding:90px 6vw}.section.alt{background:linear-gradient(180deg,#07111b,#050b12)}.sectionHead{max-width:900px;margin-bottom:42px}.section h2,.feature h2,.contact h2,.trackingBox h2{font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-1.8px;margin:12px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid article,.card{min-height:220px;background:linear-gradient(145deg,var(--panel2),#08121c);border:1px solid var(--line);border-radius:18px;padding:25px;transition:.25s}.grid article:hover,.card:hover{transform:translateY(-4px);border-color:#287eb1}.grid i{font-style:normal;color:#4dbdf9;font-weight:800}.grid h3,.card h3{font-size:21px;margin:28px 0 10px}.grid p,.card p,.reasons p{color:var(--muted);line-height:1.55}.grid a,.card a,.textLink{color:#55c7ff;text-decoration:none;font-weight:700}.feature{margin:20px 4vw;padding:75px 6vw;border:1px solid #17466a;border-radius:30px;background:linear-gradient(120deg,#07121d,#0b253b);display:grid;grid-template-columns:1.25fr .75fr;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.chips span,.strip span{border:1px solid #28516e;background:#0a1a27;padding:9px 12px;border-radius:999px;color:#cce9fa}.orb{display:flex;justify-content:center}.orb img{width:260px;border-radius:26px;filter:drop-shadow(0 0 45px #1d66ff77)}.compact{padding-bottom:60px}.strip{display:flex;flex-wrap:wrap;gap:12px}.clean{color:var(--muted);line-height:1.65}.clean{padding-left:20px}.clean li{margin:9px 0}.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.reasons div{padding:24px;border-top:1px solid #2479aa}.reasons b{font-size:19px}.contact{margin:30px 4vw 0;padding:65px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#0a1722;border:1px solid var(--line);border-radius:28px}.contact p{color:var(--muted);line-height:1.7}.contactBox{display:flex;flex-direction:column;justify-content:center;gap:12px}.contactBox a{padding:16px;border:1px solid #24445b;border-radius:12px;color:#e5f5ff;text-decoration:none;background:#0b1d2b}.form{display:grid;gap:14px;max-width:820px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{display:grid;gap:7px;color:#dbe8f2;font-size:14px}.form input,.form select,.form textarea{width:100%;background:#08131d;border:1px solid #24465e;color:#fff;border-radius:11px;padding:13px 14px;font:inherit}.form textarea{min-height:130px;resize:vertical}.notice{padding:16px 18px;border:1px solid #21597a;border-radius:12px;background:#081a28;color:#bfe7ff;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:22px;border:1px solid var(--line);border-radius:16px;background:#09141f}.step b{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#0c2a42;color:#63ccff}.step h3{font-size:17px}.step p{color:var(--muted);font-size:14px;line-height:1.5}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi div{padding:22px;border:1px solid var(--line);border-radius:16px;background:#07131e}.kpi b{font-size:24px;color:#fff}.kpi span{display:block;margin-top:6px;color:var(--muted)}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:14px;background:#08131d;padding:16px 18px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);line-height:1.6}.ctaBand{margin:0 6vw 70px;padding:34px;border:1px solid #1b5d85;border-radius:20px;background:linear-gradient(120deg,#092035,#0a1521);display:flex;align-items:center;justify-content:space-between;gap:25px}.ctaBand h3{margin:0;font-size:26px}.ctaBand p{margin:8px 0 0;color:var(--muted)}.articleList{display:grid;gap:18px}.articleList article{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),#08121c)}.articleList h2{font-size:clamp(26px,3vw,38px);margin:10px 0 15px}.articleList p{color:var(--muted);line-height:1.75;max-width:1000px}.mapSection{padding-top:70px}.mapWrap{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#09141f;box-shadow:var(--shadow)}.mapWrap iframe{display:block;width:100%;height:460px;border:0}.trackingBox{max-width:900px;padding:40px;border:1px solid var(--line);border-radius:22px;background:#09141f}.inlineForm{grid-template-columns:1.4fr .8fr auto;align-items:end}.hidden{display:none}footer{padding:45px 6vw;display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:35px;color:#8296a7;border-top:1px solid var(--line)}footer h4{color:#fff;margin:0 0 12px}footer a{display:block;text-decoration:none;color:#9eb0c1;margin:8px 0}footer a:hover{color:#5ec8ff}.foot{min-width:auto}.foot img{width:52px;height:52px}.copyright{grid-column:1/-1;padding-top:18px;border-top:1px solid #142b3d;display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:1180px){.top nav{gap:12px}.top nav a{font-size:12px}.brand{min-width:205px}.headerActions .pill:first-child{display:none}}
@media(max-width:1080px){.top nav,.headerActions{display:none}.menu{display:block;margin-left:auto}.top.open{height:auto;align-items:flex-start;flex-wrap:wrap;padding-top:14px;padding-bottom:18px}.top.open nav{display:flex;order:3;width:100%;flex-direction:column;align-items:flex-start;gap:14px}.top.open .headerActions{display:flex;order:4;width:100%}.top.open .headerActions .pill:first-child{display:inline-flex}.hero,.feature,.contact{grid-template-columns:1fr}.hero{padding-top:65px}.heroMark{min-height:300px}.grid,.grid.four{grid-template-columns:repeat(2,1fr)}.reasons,.kpi{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.inlineForm{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top{min-height:72px;padding:0 18px}.brand{min-width:0}.brand img{width:45px;height:45px}.brand b{font-size:15px}.brand small{font-size:11px}.hero{padding:55px 20px}.hero h1{letter-spacing:-2px}.hero p{font-size:17px}.section{padding:70px 20px}.grid,.grid.four,.reasons,.kpi,.steps,.formGrid,.inlineForm{grid-template-columns:1fr}.feature{margin:10px;padding:45px 22px}.contact{margin:10px;padding:45px 22px}.actions{flex-direction:column;align-items:stretch}.actions a{text-align:center}.ctaBand{margin:0 20px 55px;align-items:flex-start;flex-direction:column}.trackingBox{padding:26px 20px}.mapWrap iframe{height:340px}footer{grid-template-columns:1fr;padding:40px 20px}.copyright{flex-direction:column}}

/* v1.3 real store visual system */
.heroVisual{position:relative;z-index:1;min-height:390px;border:1px solid #1d3e57;background:#07101a;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.heroVisual img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover}
.heroVisual.real-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#02070dcc 100%);pointer-events:none}
.photoCaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;padding:16px 18px;border:1px solid #ffffff20;border-radius:14px;background:#06101acc;backdrop-filter:blur(10px)}
.photoCaption b{display:block;font-size:18px;color:#fff}.photoCaption span{display:block;margin-top:5px;color:#c4d5e3;font-size:14px;line-height:1.45}
.visual-intro{padding-top:72px}.photoGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.photoGrid.two{grid-template-columns:1fr 1fr}.photoCard,.conceptCard{margin:0;position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#08131d;box-shadow:var(--shadow)}
.photoCard img,.conceptCard img{display:block;width:100%;height:100%;object-fit:cover}.photoCard{min-height:390px}.photoCard.wide{min-height:520px}.photoCard figcaption,.conceptCard figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:12px;background:#030a10dc;color:#dbe9f3;font-size:13px;line-height:1.45;border:1px solid #ffffff1a;backdrop-filter:blur(8px)}
.conceptCard{max-width:1100px}.conceptCard img{max-height:760px;object-position:center}.store-location{padding-bottom:40px}
@media(max-width:1080px){.heroVisual{min-height:330px}.heroVisual img{min-height:330px}.photoGrid,.photoGrid.two{grid-template-columns:1fr}.photoCard,.photoCard.wide{min-height:360px}}
@media(max-width:650px){.heroVisual{min-height:270px;border-radius:20px}.heroVisual img{min-height:270px}.photoCaption{left:14px;right:14px;bottom:14px;padding:12px}.photoGrid{gap:12px}.photoCard,.photoCard.wide{min-height:280px;border-radius:16px}.conceptCard{border-radius:16px}}

/* v1.4 mobile, accessibility and deployment refinements */
body{overflow-x:hidden;color-scheme:dark}img{max-width:100%}button,input,select,textarea{font:inherit}section[id]{scroll-margin-top:100px}.menu{width:46px;height:46px;align-items:center;justify-content:center;border:1px solid #24506d;border-radius:12px;background:#091823;cursor:pointer;line-height:1}.inlineForm.compactForm{grid-template-columns:minmax(0,1fr) auto}.primary,.secondary,.pill,.ghost,.top nav a,.contactBox a{transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}.primary:focus-visible,.secondary:focus-visible,.pill:focus-visible,.ghost:focus-visible,.top nav a:focus-visible,.contactBox a:focus-visible,.menu:focus-visible,.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid #72d4ff;outline-offset:3px}
@media(max-width:1080px){body.menu-open{overflow:hidden}.top.open{max-height:100dvh;overflow-y:auto}.top.open nav a{width:100%;padding:12px 4px;border-bottom:1px solid #173247}.top.open .headerActions{display:grid;grid-template-columns:1fr 1fr}.top.open .pill{min-height:46px}}
@media(max-width:650px){.top{min-height:68px}.top.open .headerActions{grid-template-columns:1fr}.hero{min-height:auto;gap:30px}.hero.small{min-height:auto;padding-top:48px}.hero h1{font-size:clamp(38px,12vw,48px);line-height:1.02}.hero.small h1{font-size:clamp(35px,10.5vw,46px)}.hero p,.sectionHead p,.feature p,.lead{font-size:16px}.section h2,.feature h2,.contact h2,.trackingBox h2{font-size:clamp(31px,9vw,42px)}.grid article,.card{min-height:auto}.inlineForm.compactForm{grid-template-columns:1fr}.inlineForm.compactForm .primary{width:100%}.heroVisual img,.photoCard img,.conceptCard img{height:auto}.heroVisual,.heroVisual img{min-height:0}.photoCard,.photoCard.wide{min-height:0}.photoCaption{position:relative;left:auto;right:auto;bottom:auto;border-width:1px 0 0;border-radius:0}.photoCard figcaption,.conceptCard figcaption{position:relative;left:auto;right:auto;bottom:auto;border-width:1px 0 0;border-radius:0}.orb img{width:min(220px,70vw)}}
@media(hover:none){.grid article:hover,.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Reviewed responsive and keyboard behavior */
[hidden]{display:none!important}body{overflow-x:visible}main,footer,.heroCopy,.contact>div,.feature>div,.top nav{min-width:0}a,p,h1,h2,h3,figcaption{overflow-wrap:break-word}footer a,.contactBox a,.contact .textLink{overflow-wrap:anywhere}footer>div{min-width:0}:focus-visible{outline:3px solid #72d4ff;outline-offset:4px}[id]{scroll-margin-top:110px}.primary{background:#0873ab;color:#fff}.form select{min-height:48px}.form-status{margin-top:16px}.top nav a,footer a,.grid a{min-height:44px;display:inline-flex;align-items:center}footer a{display:flex}.heroVisual img{max-height:650px;object-position:center}.photoCard img{max-height:680px}.brand{flex-shrink:0}.top nav{flex-wrap:wrap}.headerActions{flex-shrink:0}
@media(min-width:1081px) and (max-width:1390px){.top{padding:10px 2vw;gap:12px}.top nav{gap:5px 12px}.top nav a{font-size:12px}.brand{min-width:195px}.headerActions{flex-direction:column}.pill{padding:8px}}
@media(max-width:1080px){.menu{display:flex}.top.open nav{gap:0}.top.open{position:fixed;inset:0 0 auto}.menu-open main{padding-top:82px}}
@media(max-width:650px){.heroMark{min-width:0;padding:20px}.heroMark img{height:auto}.contactBox a{padding:13px}.heroVisual img,.photoCard img{max-height:500px;object-fit:cover}.product a{min-height:44px}.photoCaption b{font-size:16px}}

@media(min-width:1081px){.headerActions .pill:first-child{display:inline-flex}}

/* YZS visual catalogue */
.quick-services{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.quick-services a{border:1px solid #28516e;border-radius:30px;color:#ceecff;padding:10px 14px;text-decoration:none;font-size:13px;min-height:44px;display:inline-flex;align-items:center}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:8px;padding:13px 18px;border-radius:30px;background:#116841;color:white;text-decoration:none;box-shadow:0 6px 25px #0005;min-height:48px;font-weight:700}.floating-whatsapp svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.menu-open .floating-whatsapp{visibility:hidden}footer{padding-bottom:100px}.admin-bar .top{top:32px}.catalog-empty{max-width:650px}.product{position:relative}.product-image-button{border:0;padding:0;cursor:zoom-in;background:#edf4f7}.product-image-label{position:absolute;top:8px;left:8px;padding:4px 7px;background:#fff;color:#405c68;font-size:11px;border-radius:5px}.product-code{color:#52717e;font-size:11px}.product-note{margin:10px 0}.product-body a{margin-top:auto}.product h3{min-height:0}.product-dialog{background:#fff;color:#162b36;border:0;border-radius:20px;padding:24px;max-width:560px;width:calc(100% - 28px);max-height:90dvh;overflow:auto}.product-dialog::backdrop{background:#000a}.product-dialog img{display:block;width:100%;height:240px;object-fit:contain}.product-dialog h2{font-size:23px;line-height:1.3}.dialog-close{display:block;margin-left:auto;border:1px solid #cad8df;border-radius:10px;padding:10px 16px;background:#f2f6f8;color:#173747;min-height:44px;cursor:pointer}.dialog-cta{display:block;background:#116841;color:white;padding:15px;border-radius:10px;text-align:center;text-decoration:none;font-weight:700}.product-dialog p{line-height:1.6}.store-hero img{display:block!important}.store-hero{grid-template-columns:1.4fr .8fr}.catalog-terms{padding-bottom:24px}
@media(max-width:650px){.floating-whatsapp{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 14px;font-size:13px}.store-hero img{margin-top:20px;height:150px}.quick-services{gap:6px}.quick-services a{font-size:12px}.product-dialog img{height:200px}}
@media(max-width:782px){.admin-bar .top{top:46px}}

/* Keep the complete shop sign and entrance visible. */
.heroPhoto img,.storeShowcase img,.store-showcase img,.store-hero img {object-fit:contain;}

/* Homepage photo preserves the entire illuminated side sign. */
.heroVisual.real-photo{min-height:0;align-self:center}
.heroVisual.real-photo img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;transform:none}
.heroVisual.real-photo:after{display:none}
.heroVisual.real-photo .photoCaption{position:relative;left:auto;right:auto;bottom:auto;margin:0;border-radius:0;border-width:1px 0 0;padding:18px}
.photoGrid.single-photo{grid-template-columns:1fr;max-width:1000px}
.photoGrid.single-photo .photoCard{min-height:0}
.photoGrid.single-photo img{height:auto;max-height:none;object-fit:contain}
.photoGrid.single-photo figcaption{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;margin:0}
.feature .orb.ai-brand{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1;max-width:380px;width:100%;margin:auto;background:radial-gradient(circle,#12376488,transparent 70%);border-radius:28px;transform:none}
.feature .orb.ai-brand img{display:block;width:72%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;transform:none;animation:none;border-radius:0}