/* ========================= MAGIC OFFERS SECTION ========================= */ .magic-offers-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,8vw,130px) 0 clamp(90px,9vw,150px);border-top:1px solid rgba(255,255,255,0.04);}/* ========================= CONTAINER ========================= */ .magic-offers-section .container{position:relative;z-index:2;max-width:1480px;width:100%;margin:0 auto;padding:0 clamp(20px,4vw,56px);}/* ========================= HEADER ========================= */ .magic-offers-eyebrow{display:block;width:fit-content;margin:0 auto 22px;padding:8px 20px;border-radius:999px;border:1px solid rgba(231,195,90,0.42);background:rgba(231,195,90,0.08);text-align:center;color:#e7c35a;font-size:11px;font-weight:900;letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 20px rgba(231,195,90,0.24),inset 0 0 14px rgba(231,195,90,0.08);}.magic-offers-section__title{max-width:1050px;margin:0 auto;text-align:center;font-family:Georgia,serif;font-size:clamp(2.35rem,3.35vw,3.55rem);line-height:1.06;font-weight:400;letter-spacing:-0.035em;color:#fff;text-shadow:0 0 34px rgba(255,255,255,0.12),0 8px 40px rgba(0,0,0,0.35);}/* ========================= GRID ========================= */ .magic-offers-section__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,4vw,64px);max-width:1380px;width:100%;margin:0 auto;padding-top:58px;}/* ========================= CARD ========================= */ .magic-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,0.1);background:rgba(13,14,28,0.96);transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;}.magic-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,0.18);}/* ========================= CARD THEMES ========================= */ .magic-card--purple{background:radial-gradient(circle at 50% 0%,rgba(115,75,255,0.24),transparent 56%),linear-gradient(180deg,rgba(20,15,42,0.96),rgba(10,10,24,0.98));box-shadow:0 34px 90px rgba(0,0,0,0.48),0 0 70px rgba(120,70,255,0.16);}.magic-card--red,.magic-card--peach{background:radial-gradient(circle at 50% 0%,rgba(230,65,45,0.22),transparent 56%),linear-gradient(180deg,rgba(42,14,14,0.96),rgba(15,10,14,0.98));box-shadow:0 34px 90px rgba(0,0,0,0.48),0 0 70px rgba(220,45,35,0.14);}/* ========================= IMAGE ========================= */ .magic-card__media{position:relative;height:360px;overflow:hidden;background:#070816;}.magic-card__media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform 0.7s ease,filter 0.7s ease;}.magic-card:hover .magic-card__media img{transform:scale(1.045);filter:brightness(1.08) saturate(1.12) contrast(1.04);}/* ========================= IMAGE BADGE ========================= */ .magic-card__badge{position:absolute;top:22px;left:22px;z-index:8;display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 18px;border-radius:999px;font-size:11px;font-weight:900;line-height:1;letter-spacing:1.7px;text-transform:uppercase;white-space:nowrap;box-shadow:0 14px 34px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.3);}.magic-card__badge--yellow{background:linear-gradient(135deg,#ffe36b,#f2b91d);color:#2a1700;border:1px solid rgba(255,255,255,0.4);}.magic-card__badge--red{background:linear-gradient(135deg,#ff5757,#df2424);color:#ffffff;border:1px solid rgba(255,255,255,0.24);}/* ========================= IMAGE OVERLAY ========================= */ .magic-card__media-overlay,.magic-card__media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(7,8,22,0.02) 0%,rgba(7,8,22,0.1) 42%,rgba(7,8,20,0.62) 100%);}/* ========================= FLOATING ICON ========================= */ .magic-card__floating-icon{position:absolute;top:314px;right:34px;z-index:6;width:68px;height:68px;border-radius:999px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.16);}.magic-card--purple .magic-card__floating-icon{background:linear-gradient(135deg,#7040f0,#a86cff);box-shadow:0 0 30px rgba(130,90,255,0.55);}.magic-card--red .magic-card__floating-icon,.magic-card--peach .magic-card__floating-icon{background:linear-gradient(135deg,#d42020,#ff4a4a);box-shadow:0 0 30px rgba(255,50,50,0.45);}.magic-card__floating-icon img{width:31px;height:31px;object-fit:contain;}/* ========================= CONTENT ========================= */ .magic-card__content{position:relative;z-index:4;padding:40px 44px 42px;display:flex;flex-direction:column;}/* ========================= TAG ========================= */ .magic-card__tag{display:inline-flex;width:fit-content;margin-bottom:16px;color:#e7c35a;font-size:10px;font-weight:900;letter-spacing:4px;text-transform:uppercase;}/* ========================= TITLE ========================= */ .magic-card__title{max-width:95%;margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(30px,2.45vw,42px);line-height:1.08;font-weight:400;letter-spacing:-0.035em;}.magic-card--purple .magic-card__title{color:#c7a9ff;}.magic-card--red .magic-card__title,.magic-card--peach .magic-card__title{color:#ff6a52;}/* ========================= DESCRIPTION ========================= */ .magic-card__description{max-width:96%;margin:0 0 26px;color:rgba(255,255,255,0.76);font-size:16px;line-height:1.68;}/* ========================= FEATURES ========================= */ .magic-card__features{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px;}.magic-card__features span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.88);}.magic-card--purple .magic-card__features span{background:rgba(140,100,255,0.14);border-color:rgba(190,160,255,0.22);}.magic-card--red .magic-card__features span,.magic-card--peach .magic-card__features span{background:rgba(255,70,60,0.1);border-color:rgba(255,130,120,0.2);}/* ========================= BUTTON ========================= */ .magic-card__button{margin-top:4px;width:fit-content;min-width:200px;min-height:54px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff;font-size:14px;font-weight:900;transition:transform 0.25s ease,filter 0.25s ease;}.magic-card--purple .magic-card__button{background:linear-gradient(90deg,#7040f0,#c880ff);box-shadow:0 18px 44px rgba(110,60,240,0.46);}.magic-card--red .magic-card__button,.magic-card--peach .magic-card__button{background:linear-gradient(90deg,#d42020,#ff4a3f);box-shadow:0 18px 44px rgba(220,40,40,0.42);}.magic-card__button:hover{transform:translateY(-3px);filter:brightness(1.08);}.magic-card__button span{font-size:21px;line-height:1;}/* ========================= BOTTOM TEXT ========================= */ .magic-card__bottom-text{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.62);font-size:14.5px;line-height:1.5;}.magic-card__bottom-text span{margin-right:8px;color:#e7c35a;}/* ========================= RESPONSIVE ========================= */ @media (max-width:1100px){.magic-offers-section__cards{grid-template-columns:1fr;max-width:760px;}.magic-card__media{height:350px;}.magic-card__floating-icon{top:304px;}}@media (max-width:767px){.magic-offers-section{padding:72px 0 86px;}.magic-offers-section .container{padding:0 18px;}.magic-offers-eyebrow{margin-bottom:18px;padding:8px 16px;font-size:10px;letter-spacing:2px;}.magic-offers-section__title{max-width:100%;font-size:clamp(34px,10vw,46px);line-height:1.08;letter-spacing:-0.035em;}.magic-offers-section__cards{gap:30px;padding-top:42px;}.magic-card{border-radius:24px;}.magic-card__media{height:260px;}.magic-card__badge{top:16px;left:16px;min-height:30px;padding:0 14px;font-size:10px;letter-spacing:1.2px;}.magic-card__floating-icon{top:216px;right:22px;width:56px;height:56px;}.magic-card__floating-icon img{width:27px;height:27px;}.magic-card__content{padding:32px 24px 30px;}.magic-card__tag{margin-bottom:14px;font-size:9px;letter-spacing:3px;}.magic-card__title{max-width:100%;font-size:31px;line-height:1.08;}.magic-card__description{max-width:100%;font-size:15px;line-height:1.6;margin-bottom:24px;}.magic-card__features{gap:8px;margin-bottom:24px;}.magic-card__features span{min-height:30px;padding:7px 11px;font-size:11.5px;}.magic-card__button{width:100%;min-width:0;}.magic-card__bottom-text{font-size:14px;}}