/* Panoramic promotional breaks for Mandoubnet home plan cards — V4 */
.offer-panorama{--banner-color:#0e8045;--banner-deep:#073c2c;--banner-pale:#e7f9ea;--banner-outline:#bbdec2;position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;isolation:isolate;overflow:hidden;min-height:395px;margin-top:39px;padding:34px 43px;border-radius:30px;border:1px solid var(--banner-outline);box-shadow:0 20px 48px rgba(14,66,44,.105);background:linear-gradient(270deg,rgba(241,253,241,.97) 12%,rgba(234,250,235,.93) 42%,rgba(238,252,239,.31) 82%),url('https://mandoubnet.online/wp-content/uploads/2026/10/واجهة-منزل-عصري-بنر-الإنترنت-المنزلي.jpg') center / cover no-repeat}
.offer-panorama:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 45%,rgba(113,247,120,.36),transparent 34%),radial-gradient(circle at 92% 3%,rgba(255,255,255,.58),transparent 34%)}
.offer-panorama:after{content:"";position:absolute;width:370px;height:370px;left:5%;top:12%;border-radius:50%;border:1px solid rgba(28,138,67,.18);box-shadow:0 0 0 36px rgba(37,152,80,.065),0 0 0 77px rgba(12,169,69,.035);z-index:-1;pointer-events:none}
.offer-panorama-copy{position:relative;z-index:3;max-width:660px}
.offer-panorama-kicker{font-size:.82rem;font-weight:900;color:var(--banner-color);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--banner-outline);background:#ffffffca;border-radius:99px;padding:5px 13px;line-height:1.6}
.offer-panorama-kicker .dot{width:7px;height:7px;background:var(--banner-color);border-radius:50%;box-shadow:0 0 0 4px rgba(7,132,69,.12)}
.offer-panorama h3{font-weight:900;color:var(--banner-deep);font-size:clamp(1.9rem,2.8vw,3.1rem);line-height:1.19;letter-spacing:-.045em;margin:13px 0 10px}
.offer-panorama h3 span{color:var(--banner-color)}
.offer-panorama-copy>p{max-width:535px;margin:0 0 15px;color:#365f5a;line-height:1.7;font-size:.89rem}
.offer-panorama-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 18px}
.offer-panorama-prices>div{padding:11px 12px 8px;border-radius:15px;border:1px solid var(--banner-outline);background:rgba(255,255,255,.88);box-shadow:0 10px 18px #173d2910}
.offer-panorama-prices small{display:block;font-weight:900;font-size:.76rem;color:#3b6461;line-height:1.4}
.offer-panorama-prices strong{display:block;font:900 clamp(1.45rem,2.2vw,2.15rem)/1.3 Tajawal,Arial,sans-serif;color:var(--banner-color);white-space:nowrap;direction:ltr;text-align:right;unicode-bidi:isolate}
.offer-panorama-prices em{font-size:.65rem;color:#658176;font-style:normal;font-weight:700}
.offer-panorama-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:11px}
.offer-panorama-buttons a{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;font-weight:900;font-size:.89rem;border-radius:12px;padding:10px 19px;transition:transform .2s,box-shadow .2s}
.offer-panorama-buttons a:hover{transform:translateY(-2px)}
.offer-panorama-primary{background:linear-gradient(120deg,var(--banner-color),var(--banner-deep));color:white;box-shadow:0 8px 18px rgba(13,92,50,.18)}
.offer-panorama-secondary{color:var(--banner-deep);border:1px solid var(--banner-outline);background:#fff}
.offer-panorama-note{display:block;color:#5e7470;line-height:1.6;font-size:.69rem}
.offer-panorama-art{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.offer-panorama-art .panorama-halo{position:absolute;width:300px;height:300px;max-width:86%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85) 0%,rgba(216,251,226,.67) 35%,rgba(143,246,172,.17) 61%,transparent 72%);filter:blur(9px)}
.offer-panorama-art img{position:relative;z-index:2;width:auto;max-width:69%;height:305px;object-fit:contain;border-radius:23px;box-shadow:0 24px 42px rgba(13,62,47,.21);background:rgba(255,255,255,.96);padding:10px;transform:rotate(-3deg);transition:transform .3s}
.offer-panorama:hover .offer-panorama-art img{transform:rotate(0) translateY(-5px)}
.panorama-5g{position:absolute;z-index:1;font-family:Arial,sans-serif;font-size:clamp(7rem,16vw,13rem);font-weight:900;line-height:1;color:var(--banner-color);opacity:.1;left:5%;top:-12px}
.mobily-panorama{--banner-color:#086cba;--banner-deep:#093d6b;--banner-pale:#e1f4ff;--banner-outline:#b9d9f4;box-shadow:0 20px 48px rgba(12,71,119,.105);background-image:linear-gradient(270deg,rgba(240,250,255,.98) 10%,rgba(232,246,254,.93) 43%,rgba(229,242,255,.26) 82%),url('https://mandoubnet.online/wp-content/uploads/2026/10/واجهة-منزل-عصري-بنر-الإنترنت-المنزلي.jpg')}
.mobily-panorama:before{background:radial-gradient(circle at 13% 45%,rgba(76,179,251,.38),transparent 36%),radial-gradient(circle at 93% 5%,rgba(255,255,255,.6),transparent 35%)}
.mobily-panorama:after{border-color:rgba(36,121,213,.16);box-shadow:0 0 0 36px rgba(35,123,202,.065),0 0 0 77px rgba(45,139,223,.035)}
.mobily-panorama .offer-panorama-art .panorama-halo{background:radial-gradient(circle,rgba(255,255,255,.88),rgba(203,239,255,.7) 35%,rgba(95,198,253,.2) 61%,transparent 72%)}
.mobily-panorama .offer-panorama-copy>p{color:#3b6380}
.mobily-panorama .offer-panorama-primary{box-shadow:0 8px 18px rgba(12,80,140,.17)}
.mobily-panorama .offer-panorama-prices>div:nth-child(3) strong{font-size:clamp(1.25rem,2vw,1.85rem)}
@media(max-width:1050px){.offer-panorama{padding:27px 28px;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}.offer-panorama-art img{max-width:75%;height:265px}.offer-panorama-art{min-height:280px}.offer-panorama h3{font-size:2.2rem}.offer-panorama-prices>div{padding:9px}}
@media(max-width:760px){.offer-panorama{grid-template-columns:1fr;gap:8px;padding:24px 21px 18px;margin-top:30px;border-radius:24px;background-position:center}.offer-panorama h3{font-size:clamp(1.95rem,6vw,2.7rem)}.offer-panorama-art{grid-row:1;min-height:186px;height:186px}.offer-panorama-art img{height:175px;max-width:45%;border-radius:17px;transform:none}.offer-panorama-art .panorama-halo{width:220px;height:190px}.panorama-5g{font-size:8rem;top:0;left:15%}.offer-panorama:after{width:215px;height:215px;top:3%;left:14%}.offer-panorama-copy{grid-row:2}.offer-panorama-copy>p{font-size:.86rem}.offer-panorama-prices{margin-top:12px}}
@media(max-width:410px){.offer-panorama{padding:19px 14px}.offer-panorama-prices{gap:5px}.offer-panorama-prices>div{padding:9px 7px}.offer-panorama-prices strong{font-size:1.3rem}.mobily-panorama .offer-panorama-prices>div:nth-child(3) strong{font-size:1.12rem}.offer-panorama-buttons a{flex:1;font-size:.76rem;padding:10px 8px}.offer-panorama-art img{max-width:54%}}
@media(prefers-reduced-motion:reduce){.offer-panorama-art img,.offer-panorama-buttons a{transition:none}}