/* ========================= IMAGE + TEXT SECTION ========================= */ .image-text-section{position:relative;overflow:hidden;padding:clamp(5rem,7vw,8rem) 0;background:#eef4ff;}/* ========================= WIDE CONTAINER ========================= */ .image-text-section .container{max-width:1700px !important;width:100% !important;margin:0 auto !important;padding-left:3rem !important;padding-right:3rem !important;}/* ========================= GRID LAYOUT ========================= */ .image-text-grid{width:100%;display:grid;grid-template-columns:minmax(560px,1.05fr) minmax(460px,0.95fr);gap:clamp(4rem,6vw,6rem);align-items:center;}/* ========================= LEFT CONTENT ========================= */ .content{max-width:820px;width:100%;}.content .label{display:inline-block;font-size:0.78rem;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:#2563ff;margin-bottom:1rem;}.content .title{font-weight:800;line-height:1.08;letter-spacing:-0.04em;margin-bottom:1.4rem;color:#061b33;}/* Accent for SSPS Remote */ .content .title span,.content .title strong{color:#2563ff;position:relative;display:inline-block;}.content .title span::after,.content .title strong::after{content:"";position:absolute;left:0;bottom:0.03em;width:100%;height:0.08em;background:#ff7a3d;border-radius:999px;z-index:-1;}.content .description{max-width:760px;font-size:1.08rem;line-height:1.8;color:#263b59;margin-bottom:1.9rem;}/* ========================= SPEC BUTTON ========================= */ .content .spec-cta{margin:0 0 2.2rem 0;}.content .spec-button{display:inline-flex;align-items:center;justify-content:center;min-width:230px;padding:1.05rem 2rem;border-radius:999px;background:linear-gradient(135deg,#ff6a35,#ff944d);color:#ffffff;font-size:1rem;font-weight:800;line-height:1;text-decoration:none;border:none;box-shadow:0 16px 32px rgba(255,122,61,0.35);transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;}.content .spec-button:hover{background:linear-gradient(135deg,#ff5c24,#ff8736);transform:translateY(-2px);box-shadow:0 22px 42px rgba(255,122,61,0.45);}.content .spec-button:focus{outline:none;box-shadow:0 0 0 4px rgba(255,122,61,0.22),0 16px 32px rgba(255,122,61,0.35);}/* ========================= FEATURES ========================= */ .content .features{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:1.35rem 1.6rem;}.content .feature{display:flex;align-items:flex-start;gap:1rem;min-height:118px;padding:1.15rem 1.2rem;background:rgba(255,255,255,0.78);border:1px solid rgba(37,99,255,0.1);border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,0.06),inset 0 1px 0 rgba(255,255,255,0.9);transition:transform 0.25s ease,box-shadow 0.25s ease;}.content .feature:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(15,23,42,0.1),inset 0 1px 0 rgba(255,255,255,0.9);}/* ========================= ICON STYLE - DARKER BORDER ========================= */ .content .feature img{width:52px;height:52px;padding:0.75rem;object-fit:contain;flex-shrink:0;background:#ffffff;border:2px solid rgba(37,99,255,0.45);border-radius:18px;box-shadow:0 12px 28px rgba(37,99,255,0.22),0 0 0 6px rgba(37,99,255,0.12);}.content .feature-text h4{font-size:1.02rem;font-weight:800;line-height:1.35;margin-bottom:0.35rem;color:#061b33;}.content .feature-text p{font-size:0.95rem;line-height:1.65;color:#344962;margin:0;}/* ========================= RIGHT MEDIA ========================= */ .media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:620px;margin-left:auto;overflow:visible;padding:0.9rem;border-radius:30px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,0.8),transparent 45%),linear-gradient(135deg,#8ab7ff 0%,#6da2ff 100%);box-shadow:0 26px 60px rgba(15,23,42,0.12),0 0 0 1px rgba(255,255,255,0.75);}.media::after{display:none;}.media-inner{position:relative;width:100%;}/* ========================= PRODUCT IMAGE ========================= */ .media .product-image{width:100%;max-width:520px;height:auto;display:block;margin:0 auto;border-radius:22px;}/* ========================= BADGES ========================= */ .media .badge{position:absolute;background:#ffffff;color:#061b33;font-size:0.78rem;font-weight:800;padding:0.6rem 1rem;border-radius:999px;box-shadow:0 12px 30px rgba(15,23,42,0.18);z-index:3;white-space:nowrap;}.media .badge-top{top:1rem;left:1rem;}.media .badge-bottom{bottom:1rem;right:1rem;}/* ========================= TABLET ========================= */ @media (max-width:1024px){.image-text-section{padding:6rem 0;}.image-text-section .container{padding-left:2rem !important;padding-right:2rem !important;}.image-text-grid{grid-template-columns:1fr;gap:4rem;text-align:center;align-items:center;}.content{max-width:100%;}.content .description{margin-left:auto;margin-right:auto;}.content .spec-cta{display:flex;justify-content:center;margin:0 0 2rem 0;}.content .features{max-width:820px;margin:0 auto;}.content .feature{text-align:left;}.media{margin:0 auto;max-width:560px;}.media .product-image{max-width:480px;}}/* ========================= MOBILE ========================= */ @media (max-width:767px){.image-text-section{padding:4rem 0;}.image-text-section .container{padding-left:1.2rem !important;padding-right:1.2rem !important;}.content .title{font-size:2.2rem;}.content .description{font-size:1rem;line-height:1.7;margin-bottom:1.4rem;}.content .spec-button{min-width:auto;width:auto;padding:0.95rem 1.5rem;font-size:0.95rem;}.content .features{grid-template-columns:1fr;gap:1rem;}.content .feature{min-height:auto;padding:1rem;}.content .feature img{width:48px;height:48px;}.media{max-width:360px;padding:0.8rem;border-radius:24px;}.media .product-image{width:100%;max-width:100%;border-radius:20px;}.media .badge-top{top:0.8rem;left:0.8rem;}.media .badge-bottom{bottom:0.8rem;right:0.8rem;}}