/* Shared type and commerce surfaces for the approved editorial design. */
@font-face{font-family:'Editorial Interface';src:url('fonts/tajawal-regular.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Editorial Interface';src:url('fonts/tajawal-medium.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Editorial Interface';src:url('Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Editorial Interface';src:url('Tajawal-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Editorial Interface';src:url('fonts/orbit-rubik-regular.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-024F,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F}
@font-face{font-family:'Editorial Interface';src:url('fonts/orbit-rubik-bold.woff2') format('woff2');font-weight:700 800;font-display:swap;unicode-range:U+0000-024F,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F}
html.editorial-root{--editorial-blue:#0755e6;--editorial-navy:#0b1b42;--editorial-yellow:#ffd52c;--editorial-ice:#edf5ff;--editorial-line:#dfe7f2;--editorial-muted:#51617b;--font-sans:'Editorial Interface',Tahoma,Arial,sans-serif;--font-heading:var(--font-sans);font-size:18px;scroll-behavior:smooth;scroll-padding-top:110px}
html.editorial-root body.editorial-page{background:#fff;color:var(--editorial-navy);font:400 1rem/1.75 var(--font-sans);min-width:0;overflow-x:clip}
html.editorial-root body.editorial-page::before,html.editorial-root body.editorial-page::after{content:none}
html.editorial-root body.editorial-page :is(h1,h2,h3,h4,h5,h6){letter-spacing:0;font-weight:800;line-height:1.35}
html.editorial-root body.editorial-page :is(button,input,select,textarea){font:inherit}
html.editorial-root body.editorial-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0755e6;outline-offset:4px}
html.editorial-root body.editorial-page img{max-width:100%}
html.editorial-root body.editorial-page [hidden]{display:none!important}
/* Shared product/category cards and service offer pages. */
html.editorial-root body.cinematic-shop.editorial-page :is(.section-home-block,.home-services){max-width:1280px;margin:28px auto 44px;padding:0 28px;background:none}
html.editorial-root body.cinematic-shop.editorial-page .home-section-head h2{font-size:1.8rem;color:#0b1b42}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-product-grid,.product-grid,.related-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-product-card,.product-card,.related-card){background:#fff;border:1px solid #e1e8f2;border-radius:12px;padding:14px;gap:12px;overflow:hidden;box-shadow:0 4px 14px #0b1b4203;transition:transform .25s,box-shadow .25s,border-color .25s}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-product-image,.product-card .product-visual,.related-visual,.product-image-stage){background:#f3f8ff;border:0;border-radius:9px;clip-path:none;box-shadow:none;transition:background .25s}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-product-image,.product-card .product-visual,.related-visual) img{padding:17px;transition:transform .45s ease;animation:none;clip-path:none}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-product-card h3,.product-card h3,.related-card h3){font-size:1.05rem;line-height:1.5;min-height:2.7em;margin:7px 0;color:#0b1b42;direction:inherit}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-product-card>b,.product-card-footer>b,.related-card b){font-size:1.38rem;color:#0755e6;padding:5px 9px;background:#fff6c7;border-radius:5px;margin:0}
html.editorial-root body.cinematic-shop.editorial-page :is(.product-card .quick-add,.section-product-card .cinema-product-link){background:#0755e6;color:#fff;border-color:#0755e6;border-radius:7px;min-height:46px;font-size:.9rem;transition:transform .22s,background .22s}
html.editorial-root body.cinematic-shop.editorial-page .section-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
html.editorial-root body.cinematic-shop.editorial-page .section-category-card{background:#f5f9ff;border:1px solid #e1e9f4;border-radius:10px;padding:21px 12px;box-shadow:none;transition:transform .25s,box-shadow .25s}
html.editorial-root body.cinematic-shop.editorial-page .section-category-card>span{border-radius:8px;background:#e6efff}
html.editorial-root body.cinematic-shop.editorial-page .section-category-card h3{font-size:1rem;color:#0b1b42}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-service-grid,.section-service-types){grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-service-card,.section-service-type){padding:20px;border:1px solid #e1e9f4;border-radius:11px;background:#fff;box-shadow:none;gap:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
html.editorial-root body.cinematic-shop.editorial-page .home-service-logo{background:#f1f6ff;border:0;border-radius:8px;padding:25px;aspect-ratio:1.4}
html.editorial-root body.cinematic-shop.editorial-page .section-type-icon{background:#edf5ff;border:0;border-radius:8px;aspect-ratio:2}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-service-card h3,.section-service-type h3){font-size:1.15rem}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-service-discover,.section-service-type>b){font-size:.9rem;color:#0755e6}
html.editorial-root body.cinematic-shop.editorial-page :is(.section-service-type p,.section-type-preview,.organic-service-caption){font-size:.9rem;color:#51617b}
html.editorial-root body.cinematic-shop.editorial-page .digital-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html.editorial-root body.cinematic-shop.editorial-page .digital-card{border:1px solid #e1e9f4;border-radius:12px;padding:15px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}
html.editorial-root body.cinematic-shop.editorial-page .digital-card-art{border:0;border-radius:9px;background:#f0f6ff}
html.editorial-root body.cinematic-shop.editorial-page .digital-card-copy :is(h2,h3){font-size:1.18rem}
html.editorial-root body.cinematic-shop.editorial-page .digital-card-copy p{font-size:.94rem;color:#51617b}
html.editorial-root body.cinematic-shop.editorial-page .digital-card-price{font-size:1.18rem;color:#0755e6}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-hero{border:1px solid #dde8f6;border-radius:14px;background:#edf5ff;padding:32px;overflow:hidden;box-shadow:none}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-copy h1{font-size:clamp(38px,4vw,64px);color:#0b1b42;line-height:1.2}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-summary{font-size:1.14rem;color:#435774}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-art{border-radius:10px;clip-path:none;box-shadow:none}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-art img{object-fit:cover;clip-path:none;transform:none}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-features{gap:12px}
html.editorial-root body.cinematic-shop.editorial-page .experience .experience-features>div{border:1px solid #dfe7f2;border-radius:8px;background:#fff;padding:15px;font-size:1rem}
html.editorial-root body.cinematic-shop.editorial-page .experience .offer-face{border-radius:10px;font-size:1rem;transition:transform .2s,border-color .2s,background .2s}
html.editorial-root body.cinematic-shop.editorial-page .experience .offer-label{font-size:1.07rem}
html.editorial-root body.cinematic-shop.editorial-page .experience .offer-cost{font-size:1.65rem}
html.editorial-root body.cinematic-shop.editorial-page .experience .offer-choice input:checked+.offer-face{background:#eaf3ff;border-color:#0755e6;color:#0b1b42;box-shadow:inset 0 -4px #ffd52c}
html.editorial-root body.cinematic-shop.editorial-page .experience .offer-choice input:checked+.offer-face :is(.offer-label,.offer-serial,.offer-cost small){color:#0b1b42}
html.editorial-root body.cinematic-shop.editorial-page .experience .offer-choice input:checked+.offer-face .offer-cost{color:#0755e6}
html.editorial-root body.cinematic-shop.editorial-page .experience :is(.experience-checkout,.experience-notes,.inquiry-panel){border-radius:12px}
html.editorial-root body.cinematic-shop.editorial-page .experience .checkout-action{background:#ffd52c;color:#0b1b42;border-radius:8px;font-size:1.02rem;transition:transform .2s,box-shadow .2s}
html.editorial-root body.cinematic-shop.editorial-page .product-detail-visual{border-radius:13px;background:#f1f7ff;border:1px solid #e1e9f4;clip-path:none}
html.editorial-root body.cinematic-shop.editorial-page .cinema-product-title{font-size:clamp(30px,3.3vw,48px);line-height:1.3}
html.editorial-root body.cinematic-shop.editorial-page .detail-price{font-size:2rem;color:#0755e6}
html.editorial-root body.cinematic-shop.editorial-page .detail-actions #product-order{background:#ffd52c;color:#0b1b42;border:1px solid #ffd52c;border-radius:8px;min-height:52px;font-size:1.05rem}
html.editorial-root body.cinematic-shop.editorial-page :is(.service-type-nav a,.catalog-category-link,.category-tab,.offer-tabs button){border-radius:7px}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-footer,.site-footer){background:#f3f7fe;color:#0b1b42;border-top:1px solid #e0e9f5;box-shadow:none;margin-top:45px}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-footer,.site-footer) img{width:210px;height:65px;object-fit:contain;filter:none}
html.editorial-root body.cinematic-shop.editorial-page :is(.home-footer,.site-footer) a{color:#0b1b42;font-size:.92rem}
html.editorial-root body.cinematic-shop.editorial-page .floating-wa{background:#18ae61;color:#fff;border-radius:14px;border:3px solid #fff;box-shadow:0 7px 22px #0b1b421f}
.editorial-mobile-nav{display:none}
html.editorial-root body.editorial-page .mobile-app-nav{display:none!important}
html.editorial-root body.cinematic-shop.editorial-links-page .brand{display:block;width:auto;margin:24px auto;order:initial;text-align:center}
html.editorial-root body.cinematic-shop.editorial-links-page .brand img{width:260px;height:auto;margin:0 auto 25px;object-fit:contain;mix-blend-mode:normal}

