/* QR Menü & Dijital Vitrin çözüm sayfası */
.qrm-page { background:#11161d; }
.qrm-hero { position:relative; padding:72px 0 110px; overflow:hidden; background:radial-gradient(circle at 50% 28%,rgba(131,88,210,.16),transparent 37%),#11161d; color:#fcfcfc; }
.qrm-hero:before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(#3a424e 1px,transparent 1px),linear-gradient(90deg,#3a424e 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom,#000,transparent 70%); }
.qrm-hero-copy { position:relative; z-index:1; max-width:1050px; text-align:center; }
.qrm-breadcrumb { display:block; width:max-content; margin:0 auto 35px; color:#808792; font-size:11px; }
.qrm-hero h1 { max-width:1000px; margin:25px auto 25px; font-size:clamp(57px,7vw,106px); line-height:.96; letter-spacing:-.06em; font-weight:400; }
.qrm-hero-copy>p { max-width:780px; margin:0 auto; color:#a4a9b1; font-size:18px; line-height:1.7; }
.qrm-hero .hero-actions { justify-content:center; margin-top:34px; }
.qrm-hero-copy>small { display:block; margin-top:16px; color:#747b85; font-size:11px; }
.qrm-tablet { position:relative; z-index:1; margin-top:75px; }
.qrm-tablet-frame { position:relative; width:min(1160px,100%); margin:auto; padding:25px 24px 24px; border:1px solid #343c48; border-radius:36px; background:#202732; box-shadow:0 55px 120px rgba(0,0,0,.48); transform:perspective(1600px) rotateX(2deg); transform-origin:center bottom; }
.qrm-tablet-camera { position:absolute; top:8px; left:50%; width:55px; height:5px; border-radius:10px; background:#525b68; transform:translateX(-50%); }
.qrm-tablet-screen { overflow:hidden; border-radius:18px; background:#0c1016; }
.qrm-screen-bar { height:34px; display:flex; align-items:center; gap:7px; padding:0 13px; background:#303640; color:#949ba5; font-size:9px; }
.qrm-screen-bar i { width:7px; height:7px; border-radius:50%; background:#59616d; }.qrm-screen-bar i:first-child { background:#e46c62; }.qrm-screen-bar i:nth-child(2) { background:#d6b655; }.qrm-screen-bar i:nth-child(3) { background:#68b778; }.qrm-screen-bar span { margin-left:7px; }
.qrm-tablet-screen img { display:block; width:100%; height:auto; }
.qrm-tablet-note { position:absolute; right:0; bottom:55px; display:flex; align-items:center; gap:12px; min-width:285px; padding:16px; border:1px solid #394351; border-radius:16px; background:#151b23; box-shadow:0 22px 55px rgba(0,0,0,.38); }
.qrm-tablet-note>i { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#c4ff6d; color:#263519; font-style:normal; font-weight:700; }.qrm-tablet-note small,.qrm-tablet-note strong { display:block; }.qrm-tablet-note small { margin-bottom:4px; color:#858c96; font-size:9px; }.qrm-tablet-note strong { color:#fff; font-size:12px; font-weight:500; }
.qrm-tablet figcaption { margin-top:18px; color:#6f7680; font-size:11px; text-align:center; }

.qrm-setup { background:#11161d; color:#fcfcfc; }
.qrm-step-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #2b323c; border-bottom:1px solid #2b323c; }
.qrm-step { min-height:260px; padding:32px clamp(22px,2.8vw,44px); border-left:1px solid #2b323c; }.qrm-step:first-child { padding-left:0; border-left:0; }.qrm-step:last-child { padding-right:0; }
.qrm-step>span { color:#c4ff6d; font-size:11px; }.qrm-step h3 { margin:54px 0 13px; color:#fff; font-size:22px; font-weight:400; }.qrm-step p { margin:0; color:#8f959e; font-size:14px; line-height:1.65; }

.qrm-capabilities { background:#f3f4f2; color:#171b20; }
.qrm-capability-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:65px; }.qrm-capability-heading .pill-label { flex:0 0 auto; }.qrm-capability-heading h2 { max-width:900px; margin:0; font-size:clamp(47px,5vw,76px); line-height:1.02; letter-spacing:-.05em; font-weight:400; }
.qrm-capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.qrm-capability-grid article { min-height:310px; display:flex; flex-direction:column; padding:32px; border:1px solid #dfe2e0; border-radius:24px; background:#fff; }.qrm-capability-grid article>span { color:#6c823f; font-size:10px; }.qrm-capability-grid h3 { margin:auto 0 15px; font-size:27px; line-height:1.18; font-weight:400; }.qrm-capability-grid p { margin:0; color:#6f7479; font-size:14px; line-height:1.68; }

.qrm-gallery { background:#0f1217 !important; color:#fcfcfc; scroll-margin-top:35px; }.qrm-gallery h2 { color:#fcfcfc; }.qrm-gallery .centered-heading>p { color:#a4a7ae !important; }
.qrm-gallery .section-end { margin-top:42px; }

.qrm-closing { background:#171d25; color:#fcfcfc; }.qrm-closing-grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:90px; }.qrm-closing h2 { margin:22px 0 0; font-size:clamp(44px,4.8vw,72px); line-height:1.04; letter-spacing:-.05em; font-weight:400; }.qrm-closing p { margin:0 0 25px; color:#a4a9b1; font-size:17px; line-height:1.7; }

html[data-theme="light"] body.qrm-page { background:#fff; }
html[data-theme="light"] .qrm-hero,html[data-theme="light"] .qrm-setup { background:#f7f8fa; color:#202126; }
html[data-theme="light"] .qrm-hero { background:radial-gradient(circle at 50% 28%,rgba(112,64,204,.09),transparent 37%),#f7f8fa; }
html[data-theme="light"] .qrm-hero h1,html[data-theme="light"] .qrm-setup h2,html[data-theme="light"] .qrm-step h3 { color:#202126; }
html[data-theme="light"] .qrm-hero-copy>p,html[data-theme="light"] .qrm-step p { color:#626872; }
html[data-theme="light"] .qrm-step-grid,html[data-theme="light"] .qrm-step { border-color:#dfe2e9; }

@media (max-width:1000px) {
    .qrm-step-grid { grid-template-columns:repeat(2,1fr); }.qrm-step:nth-child(3) { border-left:0; }.qrm-step:nth-child(n+3) { border-top:1px solid #2b323c; }
    .qrm-capability-heading { display:block; }.qrm-capability-heading h2 { margin-top:24px; }.qrm-capability-grid { grid-template-columns:1fr; }.qrm-capability-grid article { min-height:230px; }
    .qrm-closing-grid { grid-template-columns:1fr; gap:35px; }
}
@media (max-width:650px) {
    .qrm-hero { padding:45px 0 75px; }.qrm-breadcrumb { margin-bottom:27px; }.qrm-hero h1 { font-size:47px; }.qrm-hero-copy>p { font-size:15px; }.qrm-hero .hero-actions { flex-direction:column; align-items:stretch; }.qrm-hero .hero-actions .button { justify-content:center; }
    .qrm-tablet { margin-top:48px; }.qrm-tablet-frame { padding:17px 8px 8px; border-radius:20px; }.qrm-tablet-camera { top:6px; width:36px; height:3px; }.qrm-tablet-screen { border-radius:12px; }.qrm-screen-bar { height:24px; }.qrm-screen-bar span { display:none; }.qrm-tablet-note { position:relative; right:auto; bottom:auto; width:calc(100% - 20px); min-width:0; margin:-16px auto 0; }
    .qrm-step-grid { grid-template-columns:1fr; }.qrm-step,.qrm-step:first-child,.qrm-step:last-child { min-height:0; padding:27px 0; border-left:0; border-top:1px solid #2b323c; }.qrm-step:first-child { border-top:0; }.qrm-step h3 { margin:25px 0 10px; }
    .qrm-capability-heading h2 { font-size:39px; }.qrm-capability-grid article { min-height:220px; padding:27px; }.qrm-closing h2 { font-size:39px; }.qrm-closing p { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { .qrm-tablet-frame { transform:none; } }