/* Product artwork belongs to ADIB. Presentation developed by NABAD Computer Solutions L.L.C. */
.card-showcase {
  position: relative;
  width: 100%;
  max-width: 530px;
  justify-self: center;
  align-self: center;
  perspective: 1400px;
  isolation: isolate;
}
.card-product {
  width: 100%;
  transition: transform 350ms ease-out;
  transform-origin: center;
}
.card-product img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
/* Artwork contains its own material, perspective, and grounding shadow. */
@media (max-width: 900px) {
  .card-showcase { max-width: 420px; margin-inline: auto; }
}
@media (max-width: 480px) {
  .card-showcase { max-width: 340px; }
}
@media (prefers-reduced-motion: reduce) {
  .card-product { transition: none; transform: none !important; }
}
/* A working calculator: inputs on one side, the live reward on the other. */
.skywards-page { --calc-accent: var(--gold-light); --calc-surface: var(--w-deep,var(--n-deep,#0b1019)); }
.et-page { --calc-accent: var(--sand); --calc-surface: var(--c-deep); }
.sk-panel,.et-panel { padding:0; border:1px solid color-mix(in srgb,var(--calc-accent) 23%,transparent); border-radius:22px; background:var(--calc-surface); box-shadow:0 24px 70px #0003; backdrop-filter:none; overflow:hidden; }
.sk-panel::before,.et-panel::before,.sk-corner,.et-corner { display:none; }
.sk-status,.et-status { margin:0; padding:18px 28px; border:0; border-bottom:1px solid #ffffff18; border-radius:0; background:#ffffff04; gap:12px; color:#b8bdc6; font-size:12px; flex-wrap:wrap; }
.sk-status .src-pill,.et-status .src-pill { background:transparent; border:0; padding:0; font-size:10px; letter-spacing:.08em; }
.sk-status .refresh-btn,.et-status .refresh-btn { min-height:40px; padding:8px 14px; margin-inline-start:auto; border-radius:9px; background:#ffffff07; color:var(--calc-accent); border:1px solid #ffffff20; }
.miles-layout { display:grid; grid-template-columns:1.12fr 1fr; align-items:start; }
.miles-controls { padding:32px; min-width:0; }
.sk-section-label,.et-section-label { color:var(--calc-accent); letter-spacing:.13em; font-size:10px; margin:0 0 18px; gap:16px; }
.sk-section-label::after,.et-section-label::after { background:#ffffff15; }
.sk-cats,.et-cats { display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:30px; }
.sk-cat,.et-cat { display:grid; grid-template-columns:18px minmax(0,1fr); column-gap:13px; row-gap:7px; padding:18px; border:1px solid #ffffff15; border-radius:12px; background:#ffffff03; box-shadow:none; transition:background .18s,border-color .18s; }
.sk-cat::before,.sk-cat::after,.et-cat::before,.et-cat::after { display:none; }
.sk-cat:hover,.et-cat:hover { transform:none; background:#ffffff07; border-color:#ffffff40; }
.sk-cat.selected,.et-cat.selected { border-color:var(--calc-accent); background:color-mix(in srgb,var(--calc-accent) 9%,transparent); box-shadow:none; }
.sk-cat input[type=radio],.et-cat input[type=radio] { position:static; opacity:1; width:18px; height:18px; margin:4px 0 0; appearance:auto; accent-color:var(--calc-accent); grid-row:1; align-self:start; }
.sk-cat-head,.et-cat-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:14px; min-width:0; margin:0; }
.sk-cat-name,.et-cat-name { font:600 14px/1.45 'Bricolage Grotesque',sans-serif; color:#f3f4f7; }
.sk-cat-rate,.et-cat-rate { display:block; font:600 23px/1 'Bricolage Grotesque',sans-serif; text-align:end; color:var(--calc-accent); white-space:nowrap; }
.sk-cat-rate small,.et-cat-rate small { display:block; font:400 9px/1.7 'Bricolage Grotesque',sans-serif; color:#a7aeb8; margin-top:4px; }
.sk-cat-desc,.et-cat-desc { grid-column:2; font-size:12px; line-height:1.5; color:#adb4bf; margin:0; }
.sk-specific-info,.et-specific-info { border-radius:10px; background:#ffffff04; margin-bottom:26px; }
.sk-inputs,.et-inputs { gap:14px; margin:0; }
.sk-field label,.et-field label { color:#adb4bf; font-size:10px; letter-spacing:.09em; }
.sk-input,.sk-select,.et-input,.et-select { border-radius:10px; border:1px solid #ffffff28; background-color:#ffffff05; color:#f5f5f7; font:500 19px/1.5 'Bricolage Grotesque',sans-serif; min-height:58px; padding:14px; width:100%; box-sizing:border-box; }
.sk-input:focus,.sk-select:focus,.et-input:focus,.et-select:focus { border-color:var(--calc-accent); outline:2px solid color-mix(in srgb,var(--calc-accent) 35%,transparent); outline-offset:2px; box-shadow:none; }
.sk-select option,.et-select option { background:#141923; color:white; }
.sk-result,.et-result { margin:0; padding:38px 30px 30px; border:0; border-inline-start:1px solid #ffffff18; border-radius:0; background:#ffffff04; box-shadow:none; text-align:start; min-width:0; align-self:stretch; }
.sk-result::before,.sk-result::after,.et-result::before,.et-result::after { display:none; }
.sk-result-label,.et-result-label { color:#b5bdc8; font-size:10px; letter-spacing:.13em; }
.sk-result-value,.et-result-value { font:600 clamp(56px,6vw,88px)/1.1 'Bricolage Grotesque',sans-serif; letter-spacing:-.06em; color:var(--calc-accent); background:none; -webkit-text-fill-color:currentColor; text-shadow:none; filter:none; margin:16px 0 3px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.sk-result-unit,.et-result-unit { font-size:13px; font-style:normal; color:#aeb7c3; letter-spacing:0; }
.sk-breakdown,.et-breakdown { display:grid; grid-template-columns:1fr; gap:0; border:0; margin-top:28px; }
.sk-bd-cell,.et-bd-cell { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; background:none; border:0; border-bottom:1px solid #ffffff12; text-align:start; }
.sk-bd-label,.et-bd-label { margin:0; font-size:10px; color:#9ea7b4; }
.sk-bd-value,.et-bd-value { font-size:14px; color:#edf0f5; }
.sk-trips,.et-trips { margin-top:25px; padding-top:22px; border-color:#ffffff16; }
.sk-trips-title,.et-trips-title { font-size:9px; color:var(--calc-accent); letter-spacing:.07em; line-height:1.5; }
.sk-trip-list,.et-trip-list { display:grid; grid-template-columns:1fr; gap:0; }
.sk-trip,.et-trip { padding:10px 0; border:0; border-bottom:1px solid #ffffff10; border-radius:0; background:none; color:#c4ccd7; gap:12px; }
.sk-trip-route,.et-trip-route,.sk-trip-cost,.et-trip-cost { font-size:11px; }
@media(max-width:800px) { .miles-layout { grid-template-columns:1fr; } .miles-controls { padding:24px; } .sk-result,.et-result { border-inline-start:0; border-top:1px solid #ffffff18; padding:30px 24px; } .sk-status,.et-status { padding:16px 24px; } }
@media(max-width:420px) { .miles-controls { padding:20px 16px; } .sk-status,.et-status { padding:14px 16px; } .sk-cat,.et-cat { padding:14px 12px; gap:8px; } .sk-cat-head,.et-cat-head { gap:8px; } .sk-cat-name,.et-cat-name { font-size:13px; } .sk-inputs,.et-inputs { grid-template-columns:1fr; } }

.bank-credit { padding:22px;text-align:center;font:11px/1.6 Arial,sans-serif;background:#0b1220;color:#bac4ce; }.bank-credit a{color:inherit;text-decoration:none;}