.df-order-page{max-width:1440px;margin:0 auto;padding-top:28px;padding-bottom:56px;color:rgb(var(--color-foreground));font-family:Arial,Helvetica,sans-serif;line-height:1.5}.df-order-page__intro{margin-bottom:22px}.df-order-page__intro h1{font-family:inherit;font-size:clamp(32px,4.2vw,52px);font-weight:750;line-height:1.1;letter-spacing:-1.6px;margin:0 0 8px;color:#10131b}.df-order-page__intro p{font-size:17px;margin:0;max-width:1050px}.df-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.df-order-card{--card-tint:#eff8ff;--card-line:#d4eaf8;--card-accent:#4b91b4;min-width:0;background:var(--card-tint);border:1px solid var(--card-line);border-radius:8px;scroll-margin-top:24px;overflow:clip}.df-order-card--2{--card-tint:#fff9ec;--card-line:#f2e7cb;--card-accent:#cc9b31}.df-order-card--3{--card-tint:#f0faed;--card-line:#d9edd2;--card-accent:#579744}.df-order-card__summary{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:12px;padding:18px 16px;cursor:pointer;list-style:none;align-items:start}.df-order-card summary::-webkit-details-marker,.df-order-extra summary::-webkit-details-marker{display:none}.df-order-card__number{display:flex;width:38px;height:38px;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent),white 15%),var(--card-accent));border-radius:7px;color:#fff;font-size:23px;font-weight:700;line-height:1}.df-order-card__heading{min-width:0}.df-order-card__title{display:block;font-size:18px;font-weight:700;letter-spacing:-.4px;line-height:1.25;color:#10131b;margin:2px 0 7px}.df-order-card__description{display:block;font-size:14px;line-height:1.45;color:#444752}.df-order-card__caret svg{width:18px;height:18px;margin-top:4px;transition:transform .15s}.df-order-card[open]>.df-order-card__summary .df-order-card__caret svg{transform:rotate(180deg)}.df-order-card__body{padding:0 16px 12px}.df-order-demo{background:#ffffffe0;padding:16px;border-radius:7px;min-width:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:14px}.df-order-demo__options{margin-bottom:16px}.df-order-demo .product-form__input{margin:0 0 12px;max-width:none;min-width:0}.df-order-demo .form__label{display:block;margin-bottom:4px;font-size:12px;line-height:1.3}.df-order-demo .select{max-width:100%;width:100%;min-width:0}.df-order-demo .select__select{font-family:var(--font-body-family);height:36px;min-height:36px;padding-top:0;padding-bottom:0;font-size:13px;opacity:1}.df-order-demo .quantity{min-height:36px;height:36px}.df-order-demo .quantity__input{display:flex;align-items:center;justify-content:center;min-width:0;font-size:13px}.df-order-demo .quantity__button{width:36px}.df-order-demo .product-form__buttons{margin-top:14px;max-width:none}.df-order-demo .product-form__submit{margin-bottom:0;min-height:44px;font-size:14px}.df-order-demo .df-solo-methods{gap:8px}.df-order-demo .df-solo-methods button{background:transparent}.df-order-steps{margin-top:12px;font-size:14px}.df-order-steps>summary{display:flex;justify-content:center;align-items:center;gap:10px;list-style:none;min-height:40px;cursor:pointer;color:#404450;font-size:13px}.df-order-steps>summary svg{width:18px;height:18px}.df-order-steps[open]>summary svg{transform:rotate(180deg)}.df-order-steps__content{padding:4px 0 0;font-size:13px;line-height:1.55}.df-order-steps ol{margin:4px 0 12px;padding-left:20px}.df-order-steps li+li{margin-top:8px}.df-order-steps p{margin:8px 0}.df-order-extras{margin-top:18px;display:grid;gap:9px}.df-order-extra{border:1px solid #e0e5ec;background:#fff;border-radius:7px;scroll-margin-top:24px}.df-order-extra>summary{display:grid;grid-template-columns:42px minmax(190px,240px) minmax(0,1fr) 20px;gap:14px;align-items:center;min-height:70px;padding:10px 16px;list-style:none;cursor:pointer}.df-order-extra__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf6ff;color:#17212f;border-radius:7px}.df-order-extra__icon svg{width:27px;height:27px}.df-order-extra:nth-child(2) .df-order-extra__icon{background:#f0eaff;color:#704cff}.df-order-extra:nth-child(3) .df-order-extra__icon{background:#fff6e3}.df-order-extra:nth-child(4) .df-order-extra__icon{background:#eaf7e5}.df-order-extra:nth-child(5) .df-order-extra__icon{background:#fff0ef;color:#df2535}.df-order-extra h2{font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;margin:0;letter-spacing:-.3px}.df-order-extra__preview{font-size:13px;line-height:1.5;color:#515562;margin:0}.df-order-extra__arrow{width:18px;height:18px}.df-order-extra[open] .df-order-extra__arrow{transform:rotate(180deg)}.df-order-extra__content{font-size:14px;line-height:1.65;padding:0 72px 18px}.df-order-extra__content p{margin:8px 0}.df-order-extra__content a{color:inherit;text-underline-offset:3px}@media(min-width:990px){.df-order-card[open]{min-height:620px}.df-order-card__summary{min-height:142px}.df-order-demo{min-height:380px}.df-order-card__caret{visibility:hidden}}@media(max-width:1199px)and (min-width:990px){.df-order-page{padding-left:24px;padding-right:24px}.df-order-card__summary{padding:16px 12px;gap:8px;grid-template-columns:32px minmax(0,1fr)}.df-order-card__number{width:32px;height:34px;font-size:21px}.df-order-card__caret{display:none}.df-order-card__body{padding-left:10px;padding-right:10px}.df-order-demo{padding:10px}.df-order-card__title{font-size:17px}.df-order-demo .df-solo-methods{gap:6px}}@media(max-width:989px){.df-order-page{padding:22px 16px 36px}.df-order-page__intro{margin-bottom:18px}.df-order-page__intro h1{font-size:34px;letter-spacing:-1px}.df-order-page__intro p{font-size:14px;line-height:1.5}.df-order-grid{grid-template-columns:minmax(0,1fr);gap:10px}.df-order-card__summary{grid-template-columns:32px minmax(0,1fr) 18px;gap:10px;padding:13px 12px}.df-order-card__number{width:32px;height:32px;font-size:21px;border-radius:5px}.df-order-card__title{font-size:15px;letter-spacing:-.25px;margin:0 0 4px}.df-order-card__description{font-size:12px;line-height:1.45}.df-order-card__body{padding:0 10px 12px}.df-order-demo{padding:12px}.df-order-steps>summary{display:none}.df-order-steps__content{padding:0 3px}.df-order-extra>summary{grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;padding:11px 12px;min-height:60px}.df-order-extra__icon{width:34px;height:34px}.df-order-extra__icon svg{width:23px;height:23px}.df-order-extra h2{font-size:14px;letter-spacing:-.15px}.df-order-extra__preview{display:none}.df-order-extra__content{padding:0 14px 14px;font-size:13px}.df-order-extras{margin-top:16px}}@media(prefers-reduced-motion:reduce){.df-order-page *{scroll-behavior:auto;transition:none!important}}.df-order-page{padding-top:20px;padding-bottom:28px;font-size:14px}.df-order-page svg{width:20px;height:20px;max-width:28px;max-height:28px;flex-shrink:0;vertical-align:middle}.df-order-page img{max-width:100%;height:auto;object-fit:contain}.df-order-page__intro{margin-bottom:16px}.df-order-page__intro h1{font-size:clamp(30px,3.5vw,46px);margin-bottom:5px}.df-order-page__intro p{font-size:16px;line-height:1.4}.df-order-grid{gap:12px;align-items:stretch}.df-order-card__summary{padding:14px;gap:10px;grid-template-columns:36px minmax(0,1fr) 16px}.df-order-card__number{width:36px;height:36px;font-size:22px}.df-order-card__title{font-size:17px;line-height:1.2;margin:0 0 5px}.df-order-card__description{font-size:13px;line-height:1.4}.df-order-card__body{padding:0 14px 10px}.df-order-demo{padding:12px;min-height:0}.df-order-demo__options{margin-bottom:12px}.df-order-demo .product-form__input{margin-bottom:9px}.df-order-demo .select__select{height:32px;min-height:32px;font-size:12px}.df-order-demo .select .svg-wrapper{width:12px;height:12px;right:10px;top:10px}.df-order-demo .select .svg-wrapper svg{width:12px;height:8px;max-width:12px;max-height:8px}.df-order-demo .quantity{height:32px;min-height:32px;width:132px}.df-order-demo .quantity__button{width:32px}.df-order-demo .quantity svg{width:10px;height:10px}.df-order-demo .df-solo-methods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.df-order-demo .df-solo-methods button,.df-order-demo .df-milestone-open{padding:11px 7px;min-width:0;background:#fff}.df-order-demo .df-solo-methods strong,.df-order-demo .df-milestone-open strong{font-size:13px;gap:5px;line-height:1.3}.df-order-demo .df-solo-methods strong svg,.df-order-demo .df-milestone-open strong svg{width:17px;height:17px;flex-basis:17px}.df-order-demo .df-solo-methods small,.df-order-demo .df-milestone-open small{font-size:11px;margin-top:4px;line-height:1.35}.df-order-demo .product-form__buttons{margin-top:10px}.df-order-demo .product-form__submit{min-height:40px;font-size:14px;background:#111;color:#fff;--color-button:17,17,17;--color-button-text:255,255,255;--alpha-button-background:1}.df-order-demo .df-personalization-choice-message strong,.df-order-demo .df-milestone-choice h3{font-size:14px}.df-order-demo .df-milestone-choice p{font-size:12px;margin-bottom:9px}.df-order-steps{margin-top:9px}.df-order-steps>summary{min-height:32px;font-size:12px;gap:8px}.df-order-steps>summary svg{width:14px;height:14px}.df-order-extras{margin-top:14px;gap:7px}.df-order-extra>summary{min-height:58px;padding:8px 12px;grid-template-columns:36px minmax(170px,220px) minmax(0,1fr) 16px;gap:12px}.df-order-extra__icon{width:36px;height:36px}.df-order-extra__icon svg{width:24px;height:24px;max-width:24px;max-height:24px}.df-order-extra h2{font-size:16px}.df-order-extra__preview{font-size:12px;line-height:1.4}.df-order-extra__arrow{width:14px!important;height:14px!important}.df-order-extra__content{padding:0 60px 12px;font-size:13px;line-height:1.5}@media(min-width:990px){.df-order-card[open]{min-height:0;display:flex;flex-direction:column}.df-order-card__summary{min-height:104px}.df-order-card__body{display:flex;flex-direction:column;flex:1}.df-order-demo{min-height:0}.df-order-steps{margin-top:auto;padding-top:9px}}@media(max-width:989px){.df-order-page{padding:16px 12px 24px}.df-order-page__intro h1{font-size:30px}.df-order-page__intro p{font-size:13px;line-height:1.4}.df-order-page__intro{margin-bottom:12px}.df-order-grid{gap:7px}.df-order-card__summary{padding:10px;grid-template-columns:30px minmax(0,1fr) 14px;gap:9px}.df-order-card__number{width:30px;height:30px;font-size:20px}.df-order-card__title{font-size:14px;margin-bottom:3px}.df-order-card__description{font-size:11px;line-height:1.4}.df-order-card__body{padding:0 8px 9px}.df-order-demo{padding:10px}.df-order-demo .df-solo-methods button{padding:10px 6px}.df-order-demo .df-solo-methods strong{font-size:12px}.df-order-demo .df-solo-methods small{font-size:10px}.df-order-steps__content{font-size:12px;line-height:1.45}.df-order-steps li+li{margin-top:5px}.df-order-steps ol{margin-bottom:8px}.df-order-extra>summary{grid-template-columns:30px minmax(0,1fr) 14px;gap:9px;min-height:48px;padding:8px 10px}.df-order-extra__icon{width:30px;height:30px}.df-order-extra__icon svg{width:21px;height:21px}.df-order-extra h2{font-size:13px}.df-order-extra__content{padding:0 12px 12px;font-size:12px}.df-order-extras{margin-top:10px;gap:6px}}.df-order-card,.df-order-card--2,.df-order-card--3{--card-tint:#f4f4f4;--card-line:#e2e2e2;--card-accent:#777;background:#f4f4f4}.df-order-demo{background:linear-gradient(160deg,#fff 5%,#fafafa 55%,#ededed);height:202px;min-height:0;box-sizing:border-box}.df-order-demo .df-personalization-chevron,.df-order-demo .df-personalization-choice-message,.df-order-demo .df-milestone-choice h3,.df-order-demo .df-milestone-choice p,.df-order-demo .df-milestone-choice em{display:none}.df-order-demo__options,.df-order-demo .product-form__quantity{margin-bottom:0}.df-order-demo .product-form__buttons{margin-top:0}.df-order-arrow-lane{height:40px;display:block;margin:0 6px;pointer-events:none}.df-order-page .df-order-arrow-lane svg{width:100%;height:34px;max-width:none;max-height:34px;display:block;overflow:visible}.df-order-arrow-lane path{stroke:#d73535;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.df-order-extra__preview{display:block}@media(min-width:990px){.df-order-card__summary{min-height:130px}.df-order-card[open]{min-height:0}}@media(max-width:989px){.df-order-demo{height:196px;padding:10px}.df-order-card__body{padding-bottom:8px}.df-order-steps>summary{display:flex;min-height:32px}.df-order-extra>summary{grid-template-columns:30px minmax(0,1fr) 14px;gap:4px 9px}.df-order-extra__preview{grid-column:2;font-size:11px;line-height:1.4}.df-order-extra__icon{grid-row:1 / span 2;align-self:start}.df-order-extra__arrow{grid-column:3;grid-row:1 / span 2}}.df-order-demo{height:230px}.df-order-card--1 .df-order-demo .product-form__buttons,.df-order-card--2 .df-order-demo .product-form__buttons{margin-top:10px}@media(max-width:989px){.df-order-demo{height:230px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/df-order-page.css.map */
