.oppo-trade-in-banner{padding:28px max(var(--page-margin),24px) 38px;background:#fff}.oppo-trade-in-banner__inner{position:relative;display:flex;min-height:clamp(210px,14vw,270px);max-width:1680px;margin-inline:auto;overflow:hidden;border-radius:20px;background:linear-gradient(110deg,#fff0d2,#fff9ef 52%,#ffe5a5);color:#1a1a1a}.oppo-trade-in-banner__media,.oppo-trade-in-banner__media:after{position:absolute;top:0;right:0;bottom:0;left:0}.oppo-trade-in-banner__media:after{background:linear-gradient(90deg,rgb(255 241 215 / 96%) 0%,rgb(255 241 215 / 65%) 34%,transparent 62%);content:""}.oppo-trade-in-banner__image{width:100%;height:100%;object-fit:cover;object-position:center center}.oppo-trade-in-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:min(44%,620px);padding:clamp(22px,2vw,34px)}.oppo-trade-in-banner__eyebrow{margin:0 0 6px;color:#555;font-size:clamp(13px,.9vw,16px)}.oppo-trade-in-banner__heading{margin:0;font-size:clamp(20px,1.45vw,28px);font-weight:500;line-height:1.08;letter-spacing:-.03em}.oppo-trade-in-banner__button,.oppo-trade-in-page__button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:auto;padding:10px 22px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .18s ease,color .18s ease}.oppo-trade-in-banner__button:hover,.oppo-trade-in-page__button:hover{background:#fff;color:#111}.oppo-trade-in-page{background:#fff;color:#171717}.oppo-trade-in-page__hero{position:relative;display:flex;min-height:clamp(440px,31vw,590px);overflow:hidden;background:linear-gradient(120deg,#fff4df,#ffead0)}.oppo-trade-in-page__hero-media,.oppo-trade-in-page__hero-media:after{position:absolute;top:0;right:0;bottom:0;left:0}.oppo-trade-in-page__hero-media:after{background:linear-gradient(90deg,rgb(255 248 237 / 92%) 0%,rgb(255 248 237 / 42%) 42%,transparent 66%);content:""}.oppo-trade-in-page__hero-image{width:100%;height:100%;object-fit:cover;object-position:center center}.oppo-trade-in-page__hero-content{position:relative;z-index:1;align-self:center;width:min(38%,620px);padding:clamp(34px,3.2vw,62px)}.oppo-trade-in-page__hero-content h1{max-width:760px;margin:0;font-size:clamp(34px,2.8vw,52px);font-weight:500;line-height:1.03;letter-spacing:-.045em}.oppo-trade-in-page__hero-content p{max-width:680px;margin:16px 0 0;color:#4e4e4e;font-size:clamp(16px,1.1vw,20px);line-height:1.25}.oppo-trade-in-page__section{max-width:1680px;margin-inline:auto;padding:clamp(48px,4.2vw,78px) max(var(--page-margin),32px)}.oppo-trade-in-page__section-title{margin:0 0 42px;font-size:clamp(28px,2.2vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.035em}.oppo-trade-in-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:0;list-style:none}.oppo-trade-in-step{position:relative;padding-top:54px;text-align:center}.oppo-trade-in-step:before{position:absolute;top:18px;left:calc(50% + 28px);width:calc(100% - 26px);height:1px;background:#aaa;content:""}.oppo-trade-in-step:last-child:before{display:none}.oppo-trade-in-step__number{position:absolute;top:0;left:50%;display:grid;width:38px;height:38px;transform:translate(-50%);border:2px solid #222;border-radius:50%;background:#fff;font-weight:700;place-items:center}.oppo-trade-in-step h3{margin:0 0 10px;font-size:17px;font-weight:500}.oppo-trade-in-step p{margin:0 auto;color:#777;font-size:14px;line-height:1.45}.oppo-trade-in-estimator{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(340px,1fr) minmax(340px,1.05fr);width:calc(100% - max(calc(var(--page-margin) * 2),96px));max-width:1680px;margin-inline:auto;overflow:hidden;border-radius:24px;background:#f7f7f7}.oppo-trade-in-estimator__visual{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(140deg,#eee,#fff)}.oppo-trade-in-estimator__visual-image{width:100%;height:100%;object-fit:cover}.oppo-trade-in-estimator__visual h2{position:absolute;z-index:1;top:24px;left:24px;max-width:440px;margin:0;font-size:clamp(24px,1.65vw,32px);font-weight:500;line-height:1.05}.oppo-trade-in-estimator__form,.oppo-trade-in-estimator__offers{padding:clamp(22px,2vw,34px)}.oppo-trade-in-estimator__form{border-inline-end:1px solid #ddd;background:#fff}.oppo-trade-in-estimator__form h3{margin:0 0 20px;font-size:18px;font-weight:500}.oppo-trade-in-field{display:block;margin-bottom:12px}.oppo-trade-in-field span{display:block;margin-bottom:7px;color:#555;font-size:13px}.oppo-trade-in-field :is(input,select){width:100%;min-height:52px;padding:0 16px;border:1px solid #d5d5d5;border-radius:12px;background:#fff;color:#222;font-size:14px}.oppo-trade-in-estimator__form .oppo-trade-in-page__button{width:100%;margin-top:10px}.oppo-trade-in-form-message{margin:0 0 18px;padding:12px 14px;border-radius:10px;background:#eef9f1;color:#176b32}.oppo-trade-in-tabs__buttons{display:flex;gap:20px;overflow-x:auto;border-bottom:1px solid #ddd}.oppo-trade-in-tabs__button{position:relative;flex:0 0 auto;padding:0 0 12px;border:0;background:transparent;color:#777;font:inherit;cursor:pointer}.oppo-trade-in-tabs__button[aria-selected=true]{color:#111;font-weight:600}.oppo-trade-in-tabs__button[aria-selected=true]:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;background:#19c868;content:""}.oppo-trade-in-offers{margin:18px 0 0;padding:0;list-style:none}.oppo-trade-in-offer{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid #ddd;font-size:14px}.oppo-trade-in-offer__value{flex:0 0 auto;font-weight:600}.oppo-trade-in-offer[hidden]{display:none}.oppo-trade-in-page__disclaimer{max-width:1680px;margin:0 auto;padding:30px max(var(--page-margin),32px) 80px;color:#777;font-size:12px;line-height:1.5}@media screen and (max-width:1199px){.oppo-trade-in-estimator{grid-template-columns:1fr 1fr}.oppo-trade-in-estimator__visual{grid-column:1 / -1;min-height:420px}}@media screen and (max-width:989px){.oppo-trade-in-steps{grid-template-columns:1fr;gap:22px}.oppo-trade-in-step{padding:0 0 0 58px;text-align:left}.oppo-trade-in-step:before{top:42px;left:18px;width:1px;height:calc(100% + 2px)}.oppo-trade-in-step__number{top:0;left:18px}}@media screen and (max-width:749px){.oppo-trade-in-banner{padding:22px 16px 34px}.oppo-trade-in-banner__inner{min-height:460px;border-radius:18px}.oppo-trade-in-banner__media:after{background:linear-gradient(0deg,rgb(255 241 215 / 98%) 0%,rgb(255 241 215 / 72%) 50%,transparent 80%)}.oppo-trade-in-banner__image{object-position:66% center}.oppo-trade-in-banner__content{align-self:flex-end;width:100%;padding:24px}.oppo-trade-in-page__hero{min-height:680px}.oppo-trade-in-page__hero-media:after{background:linear-gradient(0deg,rgb(255 248 237 / 96%) 0%,rgb(255 248 237 / 52%) 56%,transparent 82%)}.oppo-trade-in-page__hero-image{object-position:65% center}.oppo-trade-in-page__hero-content{align-self:flex-end;width:100%;padding:34px 22px}.oppo-trade-in-page__hero-content h1{font-size:40px}.oppo-trade-in-page__section{padding-inline:20px}.oppo-trade-in-estimator{grid-template-columns:1fr;margin-inline:16px;border-radius:20px}.oppo-trade-in-estimator__visual{grid-column:auto;min-height:360px}.oppo-trade-in-estimator__form{border-inline-end:0;border-bottom:1px solid #ddd}.oppo-trade-in-estimator__form,.oppo-trade-in-estimator__offers{padding:28px 22px}}@media(prefers-reduced-motion:reduce){.oppo-trade-in-banner__button,.oppo-trade-in-page__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/oppo-trade-in.css.map */