/* Revize 29 — "Odanda gör": ürün detayında 3D önizleme, kumaş rengi ve artırılmış gerçeklik. */
.ar-open{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;margin-top:14px;padding:16px 22px;border-radius:99px;border:1px solid #32262433;background:linear-gradient(135deg,#e7e4cf,#d4d5b9);color:#322624;font:700 14px 'Bricolage Grotesque',sans-serif;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;box-shadow:0 10px 30px -18px #3226244d}
.ar-open:hover{transform:translateY(-2px);box-shadow:0 18px 40px -20px #32262470}
.ar-open svg{width:18px;height:18px;flex:0 0 auto}
.ar-open em{font:500 12px 'Pixelify Sans',sans-serif;font-style:normal;letter-spacing:.06em;padding:3px 7px;border-radius:99px;background:#32262414}
.ar-open:focus-visible{outline:2px solid #322624;outline-offset:3px}

.ar-sheet{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#1f1714b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:arFade .35s both}
.ar-sheet[hidden]{display:none}
@keyframes arFade{from{opacity:0}}
@keyframes arRise{from{opacity:0;transform:translateY(24px) scale(.98)}}
.ar-card{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);width:min(1180px,100%);height:min(760px,100%);background:#f4eee5;border-radius:30px;overflow:hidden;box-shadow:0 40px 120px -40px #000a;animation:arRise .5s cubic-bezier(.16,1,.3,1) both;color:#322624;font-family:'Bricolage Grotesque',sans-serif}
.ar-stage{position:relative;min-height:0;background:radial-gradient(120% 90% at 50% 38%,#fbf8f3 0%,#efe6d9 55%,#e3d6c5 100%)}
.ar-stage model-viewer{width:100%;height:100%;--poster-color:transparent;--progress-bar-color:#322624;background:transparent}
.ar-stage .ar-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font:500 12px 'Pixelify Sans',sans-serif;letter-spacing:.06em;color:#32262499;white-space:nowrap;pointer-events:none}
.ar-loading{position:absolute;inset:0;display:grid;place-items:center;font:500 13px 'Pixelify Sans',sans-serif;letter-spacing:.08em;color:#32262499}
.ar-panel{display:flex;flex-direction:column;gap:18px;min-height:0;overflow:auto;padding:34px 32px 28px;border-left:1px solid #32262418}
.ar-eyebrow{font:500 13px 'Pixelify Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a85845}
.ar-panel h2{margin:0;font:800 clamp(30px,3.2vw,44px)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;text-wrap:balance}
.ar-dims{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #32262422;border-bottom:1px solid #32262422}
.ar-dims div{padding:12px 0 12px 12px;border-left:1px solid #32262418}.ar-dims div:first-child{border-left:0;padding-left:0}
.ar-dims dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.65}
.ar-dims dd{margin:4px 0 0;font:750 20px 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.ar-dims dd small{font-size:12px;font-weight:500;opacity:.6;margin-left:2px}
.ar-note{margin:-6px 0 0;font-size:12px;line-height:1.5;opacity:.62}
.ar-colors h3{margin:0 0 10px;font:700 14px 'Bricolage Grotesque',sans-serif}
.ar-colors h3 span{font-weight:500;opacity:.65;margin-left:6px}
.ar-swatches{display:flex;flex-wrap:wrap;gap:9px}
.ar-swatch{position:relative;width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #0000001f;transition:transform .25s}
.ar-swatch::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff40 0 1.5px,transparent 2px) 0 0/6px 6px,radial-gradient(circle at 70% 60%,#00000022 0 1.5px,transparent 2px) 3px 2px/7px 7px}
.ar-swatch::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;transition:border-color .25s}
.ar-swatch:hover{transform:scale(1.08)}
.ar-swatch[aria-pressed="true"]::after{border-color:#322624}
.ar-swatch.is-original{background:conic-gradient(from 200deg,#cdb9a2,#9fae98,#d9b3a8,#cdb9a2)}
.ar-swatch:focus-visible{outline:2px solid #322624;outline-offset:6px}
.ar-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.ar-go{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 22px;border-radius:99px;border:0;background:#322624;color:#fff8ef;font:700 15px 'Bricolage Grotesque',sans-serif;cursor:pointer;transition:transform .3s,background .3s}
.ar-go:hover{transform:translateY(-1px);background:#20170f}
.ar-go svg{width:20px;height:20px}
.ar-qr{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid #32262422;border-radius:20px;background:#fffdf9}
.ar-qr canvas,.ar-qr svg,.ar-qr img{width:112px;height:112px;flex:0 0 auto;image-rendering:pixelated;border-radius:8px}
.ar-qr p{margin:0;font-size:13px;line-height:1.55}
.ar-qr strong{display:block;font-size:14px;margin-bottom:4px}
.ar-enquire{display:block;text-align:center;padding:14px;border-radius:99px;border:1px solid #32262444;color:#322624;text-decoration:none;font:700 14px 'Bricolage Grotesque',sans-serif}
.ar-close{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#fffdf9e6;color:#322624;font:400 22px/1 'Bricolage Grotesque',sans-serif;cursor:pointer;box-shadow:0 6px 20px -10px #0006}
.ar-close:focus-visible{outline:2px solid #322624;outline-offset:3px}
.ar-sheet.is-page{background:#f4eee5;padding:0;backdrop-filter:none}
.ar-sheet.is-page .ar-card{width:100%;height:100%;border-radius:0;box-shadow:none}
@media (max-width:820px){
  .ar-sheet{padding:0}
  .ar-card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;border-radius:0}
  .ar-panel{border-left:0;border-top:1px solid #32262418;padding:20px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));gap:14px;max-height:52dvh}
  .ar-panel h2{font-size:28px}
  .ar-dims dd{font-size:17px}
  .ar-qr{display:none}
  .ar-close{top:max(12px,env(safe-area-inset-top))}
}
@media (prefers-reduced-motion:reduce){.ar-sheet,.ar-card{animation:none}.ar-open,.ar-go,.ar-swatch{transition:none}}
.ar-stage.is-busy model-viewer{opacity:.55;transition:opacity .3s}
.ar-stage.is-busy::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid #32262433;border-top-color:#322624;animation:arSpin .8s linear infinite}
@keyframes arSpin{to{transform:rotate(360deg)}}
.ar-loading p{margin:0 0 10px;text-align:center}
.ar-retry{border:1px solid #32262455;background:#fffdf9;border-radius:99px;padding:10px 18px;font:700 13px 'Bricolage Grotesque',sans-serif;color:#322624;cursor:pointer}
.ar-loading{flex-direction:column;text-align:center}