/* Order page: continuation of the 2026 tips landing visual system. */
.order-page main[id],.order-page main section[id]{scroll-margin-top:96px}
.order-page.order-noheaders{padding-top:0}
.order-page .order-back-button{position:fixed;z-index:70;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:14px;background:linear-gradient(145deg,#1ab9eb,#7464ee);box-shadow:0 10px 25px rgba(58,109,215,.25);color:#fff;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s}
.order-page .order-back-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,145,227,.34)}
.order-page .order-back-button svg{width:22px;height:22px;transform:rotate(180deg)}
.order-page .order-personalization{overflow:hidden;padding:72px 0}
.order-page .order-personalization-card{display:block;min-height:0;padding:42px 46px;background:linear-gradient(125deg,#f2fbff,#fff 52%,#effcf5);text-align:left}
.order-page .order-personalization-card .kicker{position:relative;z-index:1;margin-bottom:16px;color:var(--green)}
.order-page .order-personalization-card p{max-width:none;margin:0;color:var(--ink);font-size:clamp(18px,1.7vw,23px);line-height:1.62;letter-spacing:-.012em}
@media(min-width:721px){
 .order-page .order-personalization-card::before{left:-30px}
 .order-page .order-personalization-card::after{right:10px}
 .order-page .order-personalization-card .receipt-center-ring{left:calc(62% - 100px)}
}
.order-page .order-instructions{position:relative;z-index:1;margin-top:44px}
.order-page .order-instructions .platform-card{align-items:flex-start}
.order-page .order-instructions .tips-live-icon{flex:0 0 51px;align-self:flex-start}
.order-page .order-instructions .order-step-complete .tips-live-icon{background:linear-gradient(145deg,#35d984,var(--green));box-shadow:0 6px 14px rgba(24,185,107,.2)}
.order-page .order-instructions p{margin:0;color:var(--ink);font-size:15px;line-height:1.55}
.order-page .order-instructions a{color:var(--blue-dark);font-weight:750}
.order-page .order-instructions ul{margin:10px 0 0;padding-left:19px;color:var(--muted);font-size:14px;line-height:1.5}
.order-page .order-instructions li+li{margin-top:5px}
.order-page .order-message-action{position:relative;z-index:1;margin-top:34px}
.order-page .order-message-action .contact-messengers{margin-top:16px}
.order-page .order-gallery{padding-top:28px}
.order-page .order-gallery-shell{overflow:hidden;background:linear-gradient(135deg,#eaf8ff,#f8fcff 52%,#eef3ff)}
.order-page .order-gallery-shell>.kicker{position:relative;z-index:1}
.order-page .order-hero{position:relative;overflow:hidden;padding:72px 0 50px;background:linear-gradient(145deg,#f1fbff 0,#fff 48%,#f0fbf5 100%)}
.order-page .order-hero::before{content:"";position:absolute;left:-220px;top:60px;width:620px;height:210px;border:1px solid rgba(8,159,226,.08);border-radius:50%;transform:rotate(-10deg)}
.order-page .order-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:54px}
.order-page .order-hero-copy h1{max-width:650px;margin:0;color:var(--ink);font-size:clamp(37px,3.7vw,54px);line-height:1.03;letter-spacing:-.045em}
.order-page .order-hero-subtitle{max-width:640px;margin:15px 0 0;color:#087fc9;font-size:clamp(21px,2vw,29px);line-height:1.15;letter-spacing:-.025em}
.order-page .order-hero-copy>p{max-width:630px;margin:18px 0 20px;color:var(--muted);font-size:16px;line-height:1.58}
.order-page .order-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}
.order-page .order-hero-badges span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(8,159,226,.13);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 7px 18px rgba(31,99,135,.07);font-size:11px}
.order-page .order-hero-badges svg{width:18px;height:18px;color:var(--green)}
.order-page .order-hero-actions{display:flex;align-items:center;gap:12px}
.order-page .order-hero-actions .outline-button{margin:0;min-height:52px;padding-inline:20px}
.order-page .order-hero-visual{position:relative;min-height:590px}
.order-page .order-hero-visual figure{position:absolute;overflow:hidden;margin:0;border:7px solid rgba(255,255,255,.95);border-radius:30px;background:#fff;box-shadow:0 25px 65px rgba(28,94,131,.2)}
.order-page .order-hero-visual img{display:block;width:100%;height:100%;object-fit:cover}
.order-page .order-main-photo{left:0;top:12px;width:64%;height:550px;transform:rotate(-3deg)}
.order-page .order-side-photo{right:0;top:62px;width:43%;height:470px;transform:rotate(4deg)}
.order-page .order-free-note{position:absolute;z-index:4;left:50%;bottom:16px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 15px 36px rgba(25,91,129,.18);backdrop-filter:blur(12px);transform:translateX(-50%)}
.order-page .order-free-note strong{color:var(--green);font-size:32px;line-height:1}
.order-page .order-free-note span{color:#536680;font-size:10px;line-height:1.35}
.order-page .order-hero-rings{position:absolute;inset:0}

.order-page .order-benefits{overflow:hidden}
.order-page .order-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.order-page .order-benefit-grid article{position:relative;overflow:hidden;min-height:240px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,#f5fbff);box-shadow:0 13px 34px rgba(31,99,135,.08)}
.order-page .order-benefit-grid article:nth-child(2){background:linear-gradient(145deg,#f1fbff,#fff)}
.order-page .order-benefit-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#effbf5)}
.order-page .order-benefit-grid article::after{content:"";position:absolute;right:-80px;bottom:-90px;width:190px;height:130px;border:1px solid rgba(8,159,226,.1);border-radius:50%;transform:rotate(-15deg)}
.order-page .order-benefit-grid article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0cb6ee,#087de4);box-shadow:0 9px 20px rgba(0,145,227,.2);color:#fff;font-size:12px;font-weight:800}
.order-page .order-benefit-grid h3{margin:24px 0 8px;font-size:22px}
.order-page .order-benefit-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}

.order-page .order-rules{overflow:hidden}
.order-page .order-rules-shell{position:relative;overflow:hidden;padding:46px;border:1px solid rgba(207,233,245,.9);border-radius:30px;background:linear-gradient(125deg,#effaff,#fff 52%,#effcf5);box-shadow:0 18px 55px rgba(32,96,135,.08)}
.order-page .order-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.order-page .order-steps article{position:relative;padding:24px;border:1px solid rgba(220,233,241,.95);border-radius:21px;background:rgba(255,255,255,.88);text-align:center;box-shadow:0 10px 27px rgba(31,99,135,.07)}
.order-page .order-steps article>span{position:absolute;right:14px;top:13px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:800}
.order-page .order-step-icon{display:grid;width:76px;height:76px;place-items:center;margin:0 auto 17px;border-radius:24px;background:linear-gradient(145deg,#eaf8ff,#eafbf2);box-shadow:0 10px 26px rgba(31,99,135,.1)}
.order-page .order-step-icon svg{width:35px;height:35px;color:#168fd3}
.order-page .order-steps h3{margin:0 0 7px;font-size:20px}
.order-page .order-steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.order-page .order-steps a{color:var(--blue-dark);font-weight:750}
.order-page .order-message-card{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;margin-top:18px;padding:30px;border:1px solid rgba(126,111,235,.17);border-radius:23px;background:linear-gradient(120deg,rgba(240,250,255,.95),#fff 50%,rgba(246,242,255,.94));box-shadow:0 12px 32px rgba(58,70,130,.08)}
.order-page .order-message-card h3{margin:0;font-size:27px}
.order-page .order-message-card p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.order-page .order-message-card ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}
.order-page .order-message-card li{position:relative;padding:11px 12px 11px 34px;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(31,99,135,.06);font-size:11px}
.order-page .order-message-card li::before{content:"✓";position:absolute;left:11px;top:10px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#eafbf2;color:var(--green);font-size:10px;font-weight:800}

.order-page .order-contact{padding-top:24px}
.order-page .order-contact .contact-shell{padding-block:36px}
.order-page .order-contact .contact-copy h2{font-size:clamp(28px,3vw,40px)}

.order-page .order-gallery{overflow:hidden}
.order-page .order-gallery-grid{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}
.order-page .order-gallery-grid figure{flex:0 1 300px;width:300px;max-width:100%;margin:0;overflow:hidden;border:6px solid #fff;border-radius:22px;background:#eef8fc;box-shadow:0 14px 34px rgba(25,76,108,.13)}
.order-page .order-gallery-grid img{display:block;width:100%;height:auto;transition:transform .4s ease}
.order-page .order-gallery-grid figure:hover img{transform:scale(1.035)}

.order-page .order-videos{padding-top:28px}
.order-page .order-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}
.order-page .order-video-card{position:relative;min-height:210px;overflow:hidden;padding:25px;border:1px solid rgba(111,92,239,.2);border-radius:22px;background:linear-gradient(145deg,#0d1a38,#182b58 60%,#2f2678);box-shadow:0 16px 37px rgba(15,28,69,.18);color:#fff;cursor:pointer;text-align:left}
.order-page .order-video-card::before{content:"";position:absolute;right:-55px;top:-50px;width:150px;height:150px;border:1px solid rgba(77,205,244,.18);border-radius:50%;box-shadow:0 0 0 22px rgba(116,84,238,.06)}
.order-page .order-video-card .play-mark{position:relative;left:auto;top:auto;margin-bottom:66px;transform:none}
.order-page .order-video-card b{position:relative;z-index:1;display:block;max-width:180px;font-size:15px}

.order-page .order-programs{overflow:hidden}
.order-page .order-program-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.order-page .order-program-card{position:relative;overflow:hidden;padding:38px;border-radius:27px;box-shadow:0 18px 44px rgba(31,69,115,.13)}
.order-page .order-program-card h2{max-width:620px;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.08}
.order-page .order-program-card p{max-width:680px;margin:15px 0 24px;color:var(--muted);font-size:13px;line-height:1.7}
.order-page .order-program-card p a{color:var(--blue-dark);font-weight:750}
.order-page .order-partner{border:1px solid rgba(207,233,245,.9);background:linear-gradient(135deg,#effaff,#fff 50%,#effcf5)}
.order-page .order-jobs{border:1px solid rgba(119,94,238,.23);background:linear-gradient(145deg,#101936,#211e57);color:#fff}
.order-page .order-jobs .kicker{color:#a993ff}
.order-page .order-jobs p{color:#c7d1e5}
.order-page .order-jobs .outline-button{border-color:rgba(90,195,244,.65);color:#fff}
.order-page .order-pdf-link{display:block;width:max-content;margin-top:18px;color:#b8c9e8;font-size:11px;text-underline-offset:3px}

.order-page .order-app{padding-top:24px}
.order-page .order-app-shell{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:34px 40px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(125deg,#effaff,#fff 52%,#effcf5);box-shadow:0 13px 34px rgba(31,99,135,.08)}
.order-page .order-app-shell h2{margin:0;font-size:clamp(27px,3vw,39px)}
.order-page .order-app-shell .outline-button{margin-top:17px}
.order-page .order-app-shell .footer-app-links>a{background:#fff;color:#07142f}

@media(max-width:1000px){
 .order-page .order-hero-grid{grid-template-columns:1fr;gap:26px}
 .order-page .order-hero-copy{text-align:center}
 .order-page .order-hero-copy h1,.order-page .order-hero-copy>p{margin-left:auto;margin-right:auto}
 .order-page .order-hero-badges,.order-page .order-hero-actions{justify-content:center}
 .order-page .order-hero-visual{width:min(680px,100%);margin:auto}
 .order-page .order-message-card{grid-template-columns:1fr}
 .order-page .order-program-grid{grid-template-columns:1fr}
 .order-page .order-video-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
 .order-page main[id],.order-page main section[id]{scroll-margin-top:78px}
 .order-page .order-back-button{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));min-height:44px;padding:0 14px;border-radius:13px;font-size:13px}
 .order-page .order-personalization{padding:34px 0}
 .order-page .order-personalization-card{padding:27px 20px;border-radius:23px}
 .order-page .order-personalization-card .kicker{margin-bottom:13px;font-size:10px;line-height:1.45}
 .order-page .order-personalization-card p{font-size:17px;line-height:1.58}
 .order-page .order-gallery{padding-top:18px}
 .order-page .order-hero{padding:38px 0 22px}
 .order-page .order-hero-copy h1{font-size:34px;line-height:1.04}
 .order-page .order-hero-subtitle{margin-top:12px;font-size:21px}
 .order-page .order-hero-copy>p{font-size:14px;line-height:1.55}
 .order-page .order-hero-badges{display:grid;grid-template-columns:1fr;gap:7px}
 .order-page .order-hero-badges span{justify-content:center}
 .order-page .order-hero-actions{display:grid;grid-template-columns:1fr}
 .order-page .order-hero-actions .button,.order-page .order-hero-actions .outline-button{width:100%}
 .order-page .order-hero-visual{min-height:440px}
 .order-page .order-main-photo{left:2%;top:10px;width:66%;height:405px;border-width:5px;border-radius:24px}
 .order-page .order-side-photo{right:1%;top:52px;width:46%;height:342px;border-width:5px;border-radius:24px}
 .order-page .order-free-note{bottom:4px;padding:9px 12px}
 .order-page .order-free-note strong{font-size:27px}
 .order-page .order-benefit-grid,.order-page .order-steps{grid-template-columns:1fr}
 .order-page .order-benefit-grid article{min-height:0;padding:22px}
 .order-page .order-benefit-grid h3{margin-top:16px}
 .order-page .order-rules-shell{padding:28px 14px;border-radius:25px}
 .order-page .order-message-card{gap:20px;padding:21px 14px}
 .order-page .order-message-card ul{grid-template-columns:1fr}
 .order-page .order-contact{padding-top:8px}
 .order-page .order-video-grid{grid-template-columns:1fr}
 .order-page .order-video-card{min-height:165px}
 .order-page .order-video-card .play-mark{margin-bottom:38px}
 .order-page .order-program-card{padding:27px 20px}
 .order-page .order-program-card .button{width:100%;min-height:58px;text-align:center}
 .order-page .order-app-shell{display:grid;padding:27px 18px;text-align:center}
 .order-page .order-app-shell .footer-app-links{justify-content:center}
 .order-page .order-app-shell .outline-button{width:100%;justify-content:center}
}

@media(max-width:390px){
 .order-page .order-hero-copy h1{font-size:31px}
 .order-page .order-hero-visual{min-height:395px}
 .order-page .order-main-photo{height:365px}
 .order-page .order-side-photo{height:305px}
}

@media(prefers-reduced-motion:reduce){.order-page .order-gallery-grid img{transition:none}}

/* Secondary pages use a calmer heading scale than the short landing-page hero. */
.order-page .order-hero-copy h1{font-size:clamp(34px,3.25vw,48px)}
.order-page .center-heading h1,.order-page .app-copy h1{margin-top:0;font-size:clamp(34px,3vw,46px);line-height:1.08;letter-spacing:-.035em}
.order-page h2{font-size:clamp(28px,2.75vw,40px);line-height:1.12}
.order-page .order-primary-heading{margin-bottom:28px}
@media(max-width:720px){
 .order-page .order-hero-copy h1,.order-page .center-heading h1,.order-page .app-copy h1{font-size:38px;line-height:1.08}
}
@media(max-width:420px){
 .order-page .order-hero-copy h1,.order-page .center-heading h1,.order-page .app-copy h1{font-size:34px}
}
@media(max-width:360px){
 .order-page .container,.order-page .order-hero-grid,.order-page .order-hero-copy,.order-page .order-hero-visual,.order-page main section,.order-page main section>*{min-width:0}
 .order-page .order-hero-copy h1,.order-page .center-heading h1,.order-page .app-copy h1{font-size:31px;letter-spacing:-.03em;overflow-wrap:break-word}
 .order-page h2{font-size:27px}
 .order-page .order-hero-subtitle{font-size:19px}
 .order-page .button,.order-page .outline-button{max-width:100%;min-width:0}
 .order-page img{max-width:100%}
 .order-page .footer-app-links{width:100%;justify-content:center}
 .order-page .footer-app-links>a{width:calc(50% - 4px);min-width:0}
}
@media(max-width:340px){
 .order-page .order-hero-copy h1,.order-page .center-heading h1,.order-page .app-copy h1{font-size:29px}
 .order-page h2{font-size:26px}
 .order-page .order-hero-subtitle{font-size:18px}
}

/* App hand-off: secondary pages follow the cabinet night palette only in noheaders mode. */
@media(prefers-color-scheme:dark){
 html.order-noheaders-root.order-night-enabled{background:#04060c;color-scheme:dark}
 .order-page.order-noheaders.order-night-enabled{
  --ink:#f4f6fb;
  --muted:#b8c4d8;
  --line:rgba(137,139,253,.25);
  --white:#151235;
  min-height:100vh;
  background:#05112d linear-gradient(90deg,#04060c 0,#081946 117.44%);
  color:var(--ink)
 }
 .order-page.order-noheaders.order-night-enabled main{min-height:100vh;background:transparent}
 .order-page.order-noheaders.order-night-enabled .order-back-button{border:1px solid rgba(137,139,253,.5);background:linear-gradient(135deg,#a604aa 0,#343b9d 100%);box-shadow:0 10px 25px rgba(0,0,0,.28)}
 .order-page.order-noheaders.order-night-enabled .order-personalization,
 .order-page.order-noheaders.order-night-enabled .tips-connect,
 .order-page.order-noheaders.order-night-enabled .tips-app,
 .order-page.order-noheaders.order-night-enabled .order-gallery{background:transparent}
 .order-page.order-noheaders.order-night-enabled .order-personalization-card,
 .order-page.order-noheaders.order-night-enabled .order-gallery-shell,
 .order-page.order-noheaders.order-night-enabled .app-shell{
  border-color:rgba(103,44,160,.75);
  background:radial-gradient(circle at 8% 5%,rgba(7,159,232,.1),transparent 36%),radial-gradient(circle at 94% 92%,rgba(166,4,170,.12),transparent 42%),linear-gradient(270deg,#110f2b,#231640);
  box-shadow:0 16px 44px rgba(0,0,0,.28)
 }
 .order-page.order-noheaders.order-night-enabled h1,
 .order-page.order-noheaders.order-night-enabled h2,
 .order-page.order-noheaders.order-night-enabled h3,
 .order-page.order-noheaders.order-night-enabled .order-personalization-card p,
 .order-page.order-noheaders.order-night-enabled .order-instructions p{color:var(--ink)}
 .order-page.order-noheaders.order-night-enabled .center-heading p,
 .order-page.order-noheaders.order-night-enabled .app-copy p,
 .order-page.order-noheaders.order-night-enabled .app-features small,
 .order-page.order-noheaders.order-night-enabled .order-instructions ul{color:var(--muted)}
 .order-page.order-noheaders.order-night-enabled .kicker,
 .order-page.order-noheaders.order-night-enabled .kicker.dark{color:#67d69f}
 .order-page.order-noheaders.order-night-enabled .platform-card{
  border-color:rgba(103,44,160,.78);
  background:linear-gradient(145deg,rgba(27,25,65,.96),rgba(62,31,94,.94));
  box-shadow:0 10px 28px rgba(0,0,0,.2)
 }
 .order-page.order-noheaders.order-night-enabled .order-instructions a,
 .order-page.order-noheaders.order-night-enabled .apk-download{color:#78c8ff}
 .order-page.order-noheaders.order-night-enabled .order-message-action .center-heading p{color:#dce5f3}
 .order-page.order-noheaders.order-night-enabled .store-buttons a{
  border:1px solid rgba(137,139,253,.34);
  background:#151235;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  color:#f5f7fb
 }
 .order-page.order-noheaders.order-night-enabled .store-buttons small{color:#aebbd0}
 .order-page.order-noheaders.order-night-enabled .app-features li{color:#f5f7fb}
 .order-page.order-noheaders.order-night-enabled .app-features svg,
 .order-page.order-noheaders.order-night-enabled .app-feature-icon{
  border:1px solid rgba(137,139,253,.25);
  background-color:#211a4c;
  box-shadow:0 8px 20px rgba(0,0,0,.22)
 }
 .order-page.order-noheaders.order-night-enabled .order-gallery-grid figure{
  border-color:#211a4c;
  background:#151235;
  box-shadow:0 14px 34px rgba(0,0,0,.3)
 }
 .order-page.order-noheaders.order-night-enabled .wide-rings i{
  border-color:rgba(91,205,255,.2);
  box-shadow:0 0 0 19px rgba(132,82,239,.06),0 0 0 39px rgba(15,176,231,.04)
 }
 .order-page.order-noheaders.order-night-enabled .messenger-button{box-shadow:0 10px 28px rgba(0,0,0,.24)}
}