/* ---------- Faqja "Get a website": magjistar me 4 hapa ne nje karte (pa scroll) ---------- */
.ow, .ow-faq {
  --ow-card: #ffffff; --ow-ink: #0b0b0d; --ow-mut: rgba(11, 11, 13, 0.58); --ow-line: rgba(0, 0, 0, 0.09);
  --ow-soft: #f3f1f0; --ow-acc: var(--blue, #2b45c9); --ow-acc-bg: rgba(43, 69, 201, 0.08);
}
html[data-theme='dark'] :is(.ow, .ow-faq) {
  --ow-card: #17181c; --ow-ink: #f2f2f4; --ow-mut: rgba(255, 255, 255, 0.6); --ow-line: rgba(255, 255, 255, 0.1);
  --ow-soft: #212329; --ow-acc-bg: rgba(86, 166, 230, 0.12);
}
.ow { max-width: 1120px; margin: 0 auto; padding: 16px 20px 0; }
.ow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ow-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ow-card { display: grid; grid-template-columns: 320px minmax(0, 1fr); height: min(620px, calc(100dvh - 150px)); min-height: 520px; border-radius: 28px; overflow: hidden; background: var(--ow-card); box-shadow: 0 30px 70px -40px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--ow-line); }

/* ana e majte: titulli, rrota, hapat */
.ow-side { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 30px 28px 26px; background: #0b0b0d; color: #fff; overflow: hidden; }
.ow-side::after { content: ''; position: absolute; right: -30px; top: 34px; width: 120px; height: 8px; transform: skewX(-24deg); background: linear-gradient(90deg, var(--light-blue, #56a6e6) 0 33%, var(--blue, #2b45c9) 33% 66%, var(--red, #e5452f) 66%); opacity: 0.9; }
.ow-kicker { display: flex; align-items: center; gap: 10px; font: 700 11.5px/1 var(--body); letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); }
.ow-kicker .sm-stripes i { height: 14px; width: 4px; }
.ow-side h1 { font: 800 38px/0.95 var(--display); text-transform: uppercase; letter-spacing: 0.005em; }
.ow-wheel-box { position: relative; width: 150px; margin: 2px auto 0; flex: none; }
.ow .ow-wheel { display: block; width: 100%; height: auto; aspect-ratio: 1; stroke: none; }
.ow-wheel-n { display: block; margin-top: 6px; text-align: center; font: 700 13px/1 var(--body); color: rgba(255, 255, 255, 0.6); letter-spacing: 0.08em; }
.ow-wheel-n b { color: #fff; font-size: 15px; }
.ow-w-track { fill: none; stroke: rgba(255, 255, 255, 0.12); stroke-width: 5; }
.ow-w-prog { fill: none; stroke: var(--light-blue, #56a6e6); stroke-width: 5; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 75; transform: rotate(-90deg); transform-origin: 60px 60px; transition: stroke-dashoffset 0.6s cubic-bezier(0.22, 1, 0.36, 1), stroke 0.3s; }
.ow-w-tyre { fill: #141416; stroke: #2c2d31; stroke-width: 1.5; }
.ow-w-lip { fill: #23252a; stroke: #c9ccd1; stroke-width: 1.6; }
.ow-w-spoke { fill: #d8dbe0; }
.ow-w-hub { fill: #eceef1; stroke: #9aa0a8; stroke-width: 1; }
.ow-w-nut { fill: #4b4e55; }
.ow-w-rim { transform-origin: 60px 60px; transition: transform 1.15s cubic-bezier(0.16, 0.9, 0.24, 1); }
.ow-wheel-box[data-step='2'] .ow-w-prog { stroke-dashoffset: 50; }
.ow-wheel-box[data-step='3'] .ow-w-prog { stroke-dashoffset: 25; }
.ow-wheel-box[data-step='4'] .ow-w-prog { stroke-dashoffset: 4; }
.ow-wheel-box[data-step='5'] .ow-w-prog { stroke-dashoffset: 0; stroke: #22c55e; }
.ow-wheel-box[data-step='2'] .ow-w-rim { transform: rotate(864deg); }
.ow-wheel-box[data-step='3'] .ow-w-rim { transform: rotate(1728deg); }
.ow-wheel-box[data-step='4'] .ow-w-rim { transform: rotate(2592deg); }
.ow-wheel-box[data-step='5'] .ow-w-rim { transform: rotate(3600deg); }

/* tymi i gomes: del nga pika ku goma prek token dhe shkon mbrapa (rrota rrotullohet ne krahun e ores) */
.ow-smoke { position: absolute; left: 50%; bottom: 3%; width: 0; height: 0; pointer-events: none; z-index: 0; }
.ow-smoke i { position: absolute; left: 0; top: 0; width: 46%; aspect-ratio: 1; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(0.2);
  background: radial-gradient(circle at 50% 50%, rgba(232, 234, 240, 0.85), rgba(210, 213, 222, 0.42) 42%, rgba(200, 204, 214, 0) 70%); filter: blur(3px); will-change: transform, opacity; }
.ow-wheel-box .ow-smoke i { width: 70px; }
.ow-mtop .ow-wheel-box .ow-smoke i { width: 30px; filter: blur(1.5px); background: radial-gradient(circle, rgba(130, 134, 146, 0.55), rgba(130, 134, 146, 0.22) 45%, rgba(130, 134, 146, 0) 70%); }
html[data-theme='dark'] .ow-mtop .ow-wheel-box .ow-smoke i { background: radial-gradient(circle, rgba(228, 230, 236, 0.6), rgba(228, 230, 236, 0.22) 45%, rgba(228, 230, 236, 0) 70%); }
.ow-wheel-box .ow-wheel { position: relative; z-index: 1; }
.ow-wheel-box.puff .ow-smoke i { animation: ow-smoke 1.5s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d, 0s) both; }
.ow-smoke i:nth-child(1) { --x: -130%; --y: -60%; --s: 2.3; --d: 0s; }
.ow-smoke i:nth-child(2) { --x: -190%; --y: -120%; --s: 2.8; --d: 0.06s; }
.ow-smoke i:nth-child(3) { --x: -90%; --y: -150%; --s: 2.1; --d: 0.12s; }
.ow-smoke i:nth-child(4) { --x: -230%; --y: -40%; --s: 3.1; --d: 0.18s; }
.ow-smoke i:nth-child(5) { --x: -150%; --y: -210%; --s: 3.4; --d: 0.24s; }
.ow-smoke i:nth-child(6) { --x: 70%; --y: -70%; --s: 1.7; --d: 0.1s; }
.ow-smoke i:nth-child(7) { --x: -60%; --y: -260%; --s: 3.6; --d: 0.32s; }
.ow-smoke i:nth-child(8) { --x: 120%; --y: -30%; --s: 1.4; --d: 0.2s; }
@keyframes ow-smoke {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.2); }
  14% { opacity: 0.95; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(var(--s)); }
}
/* goma "kap" asfaltin: dridhje e vogel kur nis rrotullimi */
.ow-wheel-box.puff .ow-wheel { animation: ow-grip 0.5s cubic-bezier(0.3, 0, 0.3, 1); }
@keyframes ow-grip { 0%, 100% { transform: none; } 20% { transform: translate(-1.5px, 1px); } 45% { transform: translate(1.5px, -0.5px); } 70% { transform: translate(-0.8px, 0.4px); } }
.ow-nav { list-style: none; display: grid; gap: 4px; margin-top: 4px; }
.ow-nav li { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; font: 600 14.5px/1 var(--body); color: rgba(255, 255, 255, 0.45); cursor: pointer; transition: background 0.2s, color 0.2s; }
.ow-nav li i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font: 700 12px/1 var(--body); font-style: normal; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.25); }
.ow-nav li.on { color: #fff; background: rgba(255, 255, 255, 0.08); }
.ow-nav li.on i { background: #fff; color: #0b0b0d; box-shadow: none; }
.ow-nav li.done { color: rgba(255, 255, 255, 0.8); }
.ow-nav li.done i { background: var(--light-blue, #56a6e6); color: #0b0b0d; box-shadow: none; font-size: 0; }
.ow-nav li.done i::before { content: '✓'; font-size: 13px; }
.ow-trust { margin-top: auto; display: flex; align-items: center; gap: 8px; font: 600 12.5px/1.3 var(--body); color: rgba(255, 255, 255, 0.65); }
.ow-trust svg { width: 16px; height: 16px; color: #22c55e; }

/* ana e djathte: hapi aktual */
.ow-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 30px 34px 22px; color: var(--ow-ink); }
.ow-mtop { display: none; }
.ow-head h2 { font: 800 36px/1 var(--display); text-transform: uppercase; color: var(--ow-ink); }
.ow-head p { margin-top: 6px; font-size: 15px; color: var(--ow-mut); }
.ow-body { flex: 1; min-height: 0; overflow: auto; margin-top: 20px; padding: 2px; }
.ow-step { border: 0; padding: 0; margin: 0; min-width: 0; animation: ow-in 0.35s ease; }
@keyframes ow-in { from { opacity: 0; transform: translateX(14px); } }

.ow-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ow-tile, .ow-chip { position: relative; }
.ow-tile input, .ow-chip input { position: absolute; opacity: 0; pointer-events: none; }
.ow-tile span { display: flex; flex-direction: column; gap: 5px; height: 100%; padding: 18px; border-radius: 18px; background: var(--ow-soft); box-shadow: inset 0 0 0 1.5px transparent; cursor: pointer; transition: box-shadow 0.2s, background 0.2s, transform 0.15s; }
.ow-tile span:hover { box-shadow: inset 0 0 0 1.5px var(--ow-line); }
.ow-tile span:active { transform: scale(0.98); }
.ow-tile svg { width: 42px; height: 42px; padding: 10px; margin-bottom: 6px; border-radius: 12px; background: var(--ow-card); color: var(--ow-ink); transition: background 0.2s, color 0.2s; }
.ow-tile b { font: 700 16px/1.2 var(--body); color: var(--ow-ink); }
.ow-tile small { font-size: 13px; line-height: 1.35; color: var(--ow-mut); }
.ow-tile input:checked + span { background: var(--ow-acc-bg); box-shadow: inset 0 0 0 2px var(--ow-acc); }
.ow-tile input:checked + span svg { background: var(--ow-acc); color: #fff; }
:is(.ow-tile, .ow-chip) input:focus-visible + span { outline: 2px solid var(--ow-acc); outline-offset: 2px; }

.ow-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.ow-chip span { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px 0 12px; border-radius: 999px; background: var(--ow-soft); font: 600 14px/1 var(--body); color: var(--ow-ink); cursor: pointer; transition: background 0.2s, color 0.2s; user-select: none; }
.ow-chip span::before { content: ''; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--ow-mut); font-size: 11px; line-height: 1; }
.ow-chip input:checked + span { background: var(--ow-ink); color: var(--ow-card); }
.ow-chip input:checked + span::before { content: '✓'; background: var(--ow-card); color: var(--ow-ink); box-shadow: none; }
.ow-label { margin: 4px 0 10px; font: 700 11.5px/1 var(--body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ow-mut); }
.ow-chips + .ow-label { margin-top: 24px; }

.ow-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 16px; }
.ow-sum span { padding: 7px 11px; border-radius: 999px; background: var(--ow-acc-bg); color: var(--ow-acc); font: 600 12.5px/1 var(--body); }
html[data-theme='dark'] .ow-sum span { color: var(--light-blue, #56a6e6); }
.ow-sum button { margin-left: 2px; border: 0; background: none; color: var(--ow-mut); font: 600 12.5px/1 var(--body); text-decoration: underline; cursor: pointer; }
.ow-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ow-field { display: grid; gap: 6px; margin-bottom: 12px; font: 600 13px/1.2 var(--body); color: var(--ow-ink); }
.ow-field small { font-weight: 500; color: var(--ow-mut); }
.ow-field :is(input, textarea) { width: 100%; padding: 0 14px; border-radius: 12px; border: 1.5px solid transparent; background: var(--ow-soft); color: var(--ow-ink); font: 500 15.5px/1.4 var(--body); outline: 0; transition: border-color 0.2s, background 0.2s; }
.ow-field input { height: 48px; }
.ow-field textarea { padding: 12px 14px; resize: none; }
.ow-field :is(input, textarea):focus { border-color: var(--ow-acc); background: var(--ow-card); }
.ow-field :is(input, textarea)::placeholder { color: var(--ow-mut); opacity: 0.8; }
.ow-field.bad :is(input, textarea), .ow-consent.bad span { border-color: #e5452f; color: #e5452f; }
.ow-consent { display: flex; align-items: flex-start; gap: 10px; font: 500 13px/1.45 var(--body); color: var(--ow-mut); cursor: pointer; }
.ow-consent input { width: 18px; height: 18px; margin-top: 1px; accent-color: var(--ow-acc); flex: none; }
.ow-consent a { color: inherit; font-weight: 600; }
.ow-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ow .ow-error, .fh .ow p.ow-error { margin-top: 10px; font: 600 13.5px/1.35 var(--body); color: #e5452f; }
html[data-theme='dark'] .ow .ow-error, html[data-theme='dark'] .fh .ow p.ow-error { color: #ff7a66; }

.ow-foot { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; margin-top: 14px; padding-top: 18px; border-top: 1px solid var(--ow-line); }
.ow-foot[hidden] { display: none; }
.ow-foot [data-prev] { grid-column: 1; justify-self: start; }
.ow-foot .ow-cta { grid-column: 2; grid-row: 1; }
.ow-dots { grid-column: 3; grid-row: 1; justify-self: end; display: flex; gap: 6px; }
.ow-dots i { width: 8px; height: 8px; border-radius: 99px; background: var(--ow-line); transition: width 0.3s, background 0.3s; }
.ow-dots i.on { width: 26px; background: var(--ow-acc); }
.ow-dots i.done { background: var(--ow-ink); }
.ow-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px; border: 0; border-radius: 999px; cursor: pointer; font: 600 15px/1 var(--body); text-decoration: none; white-space: nowrap; transition: transform 0.15s, opacity 0.2s; }
.ow-btn:active { transform: scale(0.97); }
.ow-btn:disabled { opacity: 0.6; cursor: default; }
.ow-btn.dark { background: var(--ow-ink); color: var(--ow-card); }
.ow-btn.ghost { background: var(--ow-soft); color: var(--ow-ink); }
.ow-btn[hidden] { display: none; }

/* butoni kryesor (Continue / Get code / Send): ne qender, si nje celes M — vijat e M poshte, drite qe kalon, shigjeta ne rreth */
.ow-cta { --c-bg: #0b0b0d; --c-ink: #fff; --c-ar: #fff; --c-ar-ink: #0b0b0d;
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-width: 230px; height: 56px; padding: 0 8px 0 30px; border: 0; border-radius: 999px; overflow: hidden; isolation: isolate; cursor: pointer;
  background: var(--c-bg); color: var(--c-ink); font: 800 15px/1 var(--body); letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;
  box-shadow: 0 14px 30px -14px rgba(11, 11, 13, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.06); transition: transform 0.18s, box-shadow 0.25s, opacity 0.2s; }
html[data-theme='dark'] .ow-cta { --c-bg: #fff; --c-ink: #0b0b0d; --c-ar: #0b0b0d; --c-ar-ink: #fff; box-shadow: 0 14px 34px -16px rgba(86, 166, 230, 0.55); }
.ow-cta[hidden] { display: none; }
.ow-cta > span { flex: 1; text-align: center; }
.ow-cta::after { content: ''; position: absolute; left: 30px; right: 30px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; z-index: -1;
  background: linear-gradient(90deg, var(--light-blue, #56a6e6) 0 33.3%, var(--blue, #2b45c9) 33.3% 66.6%, var(--red, #e5452f) 66.6%); transition: left 0.3s, right 0.3s; }
.ow-cta::before { content: ''; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; z-index: -1; transform: skewX(-24deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent); animation: ow-shine 3.6s ease-in-out 1.2s infinite; }
html[data-theme='dark'] .ow-cta::before { background: linear-gradient(90deg, transparent, rgba(86, 166, 230, 0.28), transparent); }
@keyframes ow-shine { 0% { left: -40%; } 38%, 100% { left: 130%; } }
.ow-cta-ar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--c-ar); color: var(--c-ar-ink); flex: none; transition: transform 0.3s cubic-bezier(0.3, 1.5, 0.5, 1); }
.ow .ow-cta-ar svg { width: 18px; height: 18px; stroke-width: 2.3; }
.ow-cta:hover { transform: translateY(-1px); box-shadow: 0 18px 36px -14px rgba(11, 11, 13, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.ow-cta:hover .ow-cta-ar { transform: translateX(4px); }
.ow-cta:hover::after { left: 0; right: 0; }
.ow-cta:active { transform: scale(0.97); }
.ow-cta:focus-visible { outline: 3px solid var(--light-blue, #56a6e6); outline-offset: 3px; }
.ow-cta:disabled { opacity: 0.55; cursor: default; transform: none; }
.ow-cta:disabled::before { animation: none; opacity: 0; }

/* verifikimi i emailit: 4 kuti per kodin (shkruaj ose ngjit) */
.ow-verify { display: grid; justify-items: center; gap: 16px; padding-top: 6px; text-align: center; animation: ow-in 0.35s ease; }
.ow-verify[hidden], [data-details][hidden] { display: none; }
.ow-v-to { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; font: 500 14.5px/1.4 var(--body); color: var(--ow-mut); }
.ow-v-to b { color: var(--ow-ink); word-break: break-all; }
.ow-v-to svg { color: var(--ow-acc); }
html[data-theme='dark'] .ow-v-to svg { color: var(--light-blue, #56a6e6); }
.ow-v-to button, .ow-v-btn { border: 0; background: none; color: var(--ow-ink); font: 600 13.5px/1 var(--body); cursor: pointer; }
.ow-v-to button { text-decoration: underline; color: var(--ow-mut); }
.ow-otp { display: flex; gap: 12px; }
.ow-otp input { width: 66px; height: 76px; padding: 0; border: 2px solid transparent; border-radius: 18px; background: var(--ow-soft); color: var(--ow-ink); text-align: center; font: 800 34px/1 var(--display); caret-color: var(--ow-acc); outline: 0; transition: border-color 0.2s, background 0.2s, transform 0.15s; }
.ow-otp input:focus { border-color: var(--ow-acc); background: var(--ow-card); transform: translateY(-2px); }
.ow-otp input.on { border-color: var(--ow-ink); background: var(--ow-card); }
.ow-otp.bad input { border-color: #e5452f; }
.ow-otp.bad { animation: ow-no 0.4s; }
@keyframes ow-no { 20%, 60% { transform: translateX(-7px); } 40%, 80% { transform: translateX(7px); } }
.ow-v-tools { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.ow-v-btn { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px; border-radius: 999px; background: var(--ow-soft); }
.ow-v-btn:disabled { color: var(--ow-mut); cursor: default; }
.ow-v-btn[hidden] { display: none; }
.ow .ow-v-btn svg { width: 16px; height: 16px; }
.ow-v-hint { display: flex; align-items: center; gap: 7px; font: 500 12.5px/1.4 var(--body); color: var(--ow-mut); }
.ow .ow-v-hint svg { width: 14px; height: 14px; color: #22c55e; }

.ow-done { display: grid; justify-items: center; align-content: center; gap: 12px; height: 100%; text-align: center; outline: 0; }
.ow-done[hidden] { display: none; }
.ow-done-ic { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #22c55e; color: #fff; }
.ow-done-ic svg { width: 30px; height: 30px; stroke-width: 2.4; }
.ow-done h2 { font: 800 40px/1 var(--display); text-transform: uppercase; }
.ow-done p { max-width: 420px; font-size: 15.5px; line-height: 1.55; color: var(--ow-mut); }

.ow-alt { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 12px; padding: 14px 0 6px; font: 600 13px/1 var(--body); color: var(--ow-mut); }
.ow-alt a { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.ow-alt a:hover { color: var(--ow-ink); }
.ow-alt svg { width: 16px; height: 16px; }

/* pyetjet (poshte magjistarit, per Google) */
.ow-faq { max-width: 1120px; margin: 34px auto 10px; padding: 0 20px; color: var(--ow-ink); }
.ow-faq h2 { font: 800 30px/1 var(--display); text-transform: uppercase; margin-bottom: 14px; }
.ow-faq-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ow-faq details { padding: 16px 18px; border-radius: 16px; background: var(--ow-card); box-shadow: 0 0 0 1px var(--ow-line); }
.ow-faq summary { cursor: pointer; font: 700 15px/1.3 var(--body); }
.ow-faq details p { margin-top: 8px; font-size: 14.5px; line-height: 1.55; color: var(--ow-mut); }

/* tablet */
@media (max-width: 980px) {
  .ow-card { grid-template-columns: 250px minmax(0, 1fr); }
  .ow-side { padding: 24px 20px; }
  .ow-side h1 { font-size: 30px; }
  .ow-wheel-box { width: 120px; }
  .ow-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* telefon: rrota e vogel lart, pa kolonen anesore; butonat gjithmone poshte kartes */
@media (max-width: 760px) {
  .ow { padding: 10px 12px 0; }
  .ow-card { grid-template-columns: 1fr; height: calc(100dvh - 62px - 96px - 20px - env(safe-area-inset-bottom)); min-height: 460px; border-radius: 22px; }
  .ow-side { display: none; }
  .ow-main { padding: 14px 16px 14px; }
  .ow-mtop { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--ow-line); }
  .ow-mtop .ow-wheel-box { width: 50px; margin: 0; }
  .ow-mtop .ow-w-track { stroke: var(--ow-line); stroke-width: 7; }
  .ow-mtop .ow-w-prog { stroke: var(--ow-acc); stroke-width: 7; }
  .ow-mtop span { display: grid; gap: 4px; }
  .ow-mtop small { font: 700 11px/1 var(--body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ow-mut); }
  .ow-mtop span > b { font: 800 22px/1 var(--display); text-transform: uppercase; }
  .ow-head h2 { display: none; }
  .ow-head p { margin-top: 0; font-size: 13.5px; }
  .ow-body { margin-top: 12px; }
  .ow-tiles { gap: 9px; }
  .ow-tile span { padding: 12px; gap: 3px; border-radius: 16px; }
  .ow-tile svg { width: 34px; height: 34px; padding: 8px; margin-bottom: 4px; border-radius: 10px; }
  .ow-tile b { font-size: 14.5px; }
  .ow-tile small { font-size: 12px; }
  .ow-chips { gap: 7px; }
  .ow-chip span { height: 38px; padding: 0 13px 0 10px; font-size: 13px; }
  .ow-two { grid-template-columns: 1fr; gap: 0; }
  .ow-field input { height: 46px; }
  .ow-foot { margin-top: 10px; padding-top: 12px; }
  .ow-btn { height: 46px; padding: 0 18px; }
  .ow-cta { height: 52px; min-width: 200px; padding-left: 24px; }
  .ow-cta-ar { width: 38px; height: 38px; }
  .ow-otp { gap: 9px; }
  .ow-otp input { width: 58px; height: 66px; border-radius: 16px; font-size: 30px; }
  .ow-verify { gap: 13px; padding-top: 2px; }
  .ow-v-to svg { display: none; }
  .ow-done h2 { font-size: 32px; }
  .ow-faq-list { grid-template-columns: 1fr; }
}
/* telefonat e vegjel: pa pikat, "Back" vetem me shigjete — butoni kryesor gjithmone i plote */
@media (max-width: 420px) {
  .ow-dots { display: none; }
  .ow-foot { grid-template-columns: auto minmax(0, 1fr); gap: 10px; }
  .ow-foot [data-prev] { width: 52px; height: 52px; padding: 0; }
  .ow-foot [data-prev] span { display: none; }
  .ow-foot .ow-cta { min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ow-w-rim, .ow-w-prog, .ow-step, .ow-verify { transition: none; animation: none; }
  .ow-smoke { display: none; }
  .ow-wheel-box.puff .ow-wheel, .ow-cta::before { animation: none; }
}

/* ekranet e ulet (laptop): ana e majte me e ngjeshur qe hapat dhe "Free quote" te duken te gjitha */
@media (max-height: 820px) and (min-width: 761px) {
  .ow-side { gap: 12px; padding: 24px 24px 20px; }
  .ow-side h1 { font-size: 32px; }
  .ow-wheel-box { width: 112px; }
  .ow-wheel-box .ow-smoke i { width: 54px; }
  .ow-nav li { padding: 6px 10px; }
  .ow-main { padding-top: 24px; }
}

/* baneri lart (si ne faqet e tjera te brendshme; shiriti i zi qendron mbi pjesen e poshtme) — karta e magjistarit mbetet e plote ne ekran */
.sp-ow .ow-card { height: min(620px, calc(100dvh - 204px)); min-height: 480px; }
@media (max-width: 760px) {
  .fh.sp-ow .fh-banner:not(.home) { height: 96px; }
  .sp-ow .fh-msearch { display: none; }
  .sp-ow .ow-card { height: calc(100dvh - 184px - env(safe-area-inset-bottom)); min-height: 440px; }
}