/* Progressive enhancement: all content remains readable without JavaScript. */
.gorun { opacity:1; transform:none; }
html.js .gorun.cms-animate { opacity:0; transform:translateY(18px); }
html.js .gorun.cms-animate.ic { opacity:1; transform:none; }
:focus-visible { outline:3px solid #327be8; outline-offset:5px; }
.cms-preview { background:#e8f0ff; color:#0b1e3d; padding:10px 24px; text-align:center; font-size:14px; }
.cms-card-photo { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; margin-bottom:22px; }
.cms-product-media { min-width:0; }
.cms-main-photo { padding:28px; }
.cms-main-photo a { width:100%; }
.cms-main-photo img { display:block; width:100%; max-height:460px; object-fit:contain; border-radius:10px; }
.cms-product-description { color:var(--murekkep); }
.cms-price { font-weight:700; color:var(--lacivert); font-size:20px; }
.cms-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.cms-gallery img { width:100%; aspect-ratio:1; object-fit:cover; border:1px solid var(--cizgi); border-radius:8px; }
.ref__amblem img { max-width:100%; max-height:100%; object-fit:contain; }
.sss__bas { list-style:none; display:block; }
.sss__bas::-webkit-details-marker { display:none; }
.sss__ogr[open] .sss__bas::after { transform:translateY(-20%) rotate(-135deg); }
.cms-block-image { display:block; max-width:100%; max-height:700px; object-fit:contain; border-radius:16px; }
.cms-custom-block h2 { margin-bottom:16px; }
.cms-custom-block .spot { max-width:80ch; }
button:disabled { opacity:.65; cursor:wait; }
[hidden] { display:none !important; }
@media(max-width:860px) { html:not(.js) .ust__ac { display:none; } html:not(.js) .ust__menu { display:flex; position:static; flex-wrap:wrap; box-shadow:none; } html:not(.js) .ust__ic { flex-wrap:wrap; } .cms-gallery { gap:8px; } .sayac { gap:7px; } .sayac div { min-width:0; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } html.js .gorun.cms-animate { opacity:1; transform:none; } }
.urun--ters .cms-product-media { order:2; }
@media(max-width:980px) { .urun--ters .cms-product-media { order:0; } }
.ust__menu .btn--birincil { color:#fff; }
.ust__menu .btn--birincil:hover { color:#fff; background:var(--lacivert); }
.urun h2 a { color:inherit; text-decoration:none; }
.urun h2 a:hover { color:var(--mavi); }