.jadoob-body{--blue:#55143f;--blue2:#8f254c;--sky:#fff0ec;--ink:#21141d;--muted:#766570;--line:#eadde3;--bg:#fcf8f7;--gold:#c58b35;--shadow:0 22px 55px rgba(76,18,55,.12);background:#fffdfb;color:var(--ink)}
.jadoob-announcement{min-height:34px;background:#43102f;color:#fff;display:flex;align-items:center;justify-content:center;gap:70px;padding:7px 20px;font-size:10px;letter-spacing:.2px}.jadoob-announcement span:first-child{color:#ffd29d}
.jadoob-header{top:0;border:0;box-shadow:0 8px 30px rgba(52,16,39,.06);background:rgba(255,253,251,.95)}.jadoob-brand img{width:64px;height:60px}.jadoob-brand b{font-size:24px;color:#4a1237;line-height:1}.jadoob-brand small{color:#d55350;letter-spacing:5px;font-weight:900}.jadoob-header nav a{position:relative;border:0}.jadoob-header nav a:after{content:'';position:absolute;right:0;left:0;bottom:20px;height:2px;background:#ed6c5f;transform:scaleX(0);transition:.25s}.jadoob-header nav a:hover:after{transform:scaleX(1)}.jadoob-header .cart-link{background:#4a1237;color:#fff}.jadoob-header .cart-link span{background:#ef6d5f;color:#fff}.jadoob-header .visual-search-btn{width:auto;height:43px;padding:0 16px;border-radius:999px;background:#fff0ec;color:#4a1237;display:flex;gap:8px;font-size:12px;font-weight:900}.visual-search-btn b{font-size:20px}
.jadoob-hero{min-height:670px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(255,248,242,.02) 0%,rgba(255,248,242,.24) 46%,#fff8f2 79%),url('/assets/jadoob/hero.webp');background-position:center;background-size:cover;padding:70px max(7vw,32px);position:relative;overflow:hidden}.jadoob-hero:before{content:'J';position:absolute;right:4%;bottom:-135px;color:rgba(85,20,63,.045);font:900 440px/1 Georgia,serif}.jadoob-hero-copy{width:min(580px,47vw);margin-right:auto;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d95150;font-size:12px;font-weight:900;letter-spacing:.5px}.eyebrow:before{content:'✦';color:#c58b35}.jadoob-hero h1{font-size:68px;line-height:1.2;margin:14px 0 15px;letter-spacing:-2px}.jadoob-hero h1 em{font-style:normal;color:#d85450}.jadoob-hero p{font-size:17px;line-height:2;color:#6f5a67;max-width:520px}.jadoob-hero-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.jadoob-hero-actions .primary-btn{background:#4a1237;padding:15px 27px}.jadoob-hero-actions .secondary-btn{background:rgba(255,255,255,.78);border:1px solid #e3ccd7}.hero-proof{display:flex;gap:28px;margin-top:40px;color:#6f5a67;font-size:10px}.hero-proof span{display:grid}.hero-proof b{font-size:19px;color:#4a1237}
.jadoob-benefits{max-width:1220px;margin:-35px auto 45px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #f0e4e7;border-radius:22px;box-shadow:var(--shadow);padding:20px}.jadoob-benefits>div{display:grid;gap:4px;padding:5px 22px;border-left:1px solid #eee0e5}.jadoob-benefits>div:last-child{border-left:0}.jadoob-benefits b{font-size:13px;color:#4a1237}.jadoob-benefits span{font-size:10px;color:var(--muted)}
.jadoob-section-head{align-items:center;margin-top:62px}.jadoob-section-head h2{font-size:36px;letter-spacing:-1px;margin-top:5px}.jadoob-section-head>a{border-bottom:1px solid #4a1237;padding-bottom:5px}.jadoob-category-grid{grid-template-columns:repeat(4,1fr);gap:16px}.jadoob-category-grid .category-card{position:relative;display:block;text-align:right;height:235px;border-radius:20px;overflow:hidden;background:#42102f;color:#fff;box-shadow:0 12px 30px rgba(54,13,39,.11)}.jadoob-category-grid .category-image{position:absolute;inset:0;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;border-radius:0!important}.jadoob-category-grid .category-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(39,8,28,.9),rgba(39,8,28,.05) 68%)}.jadoob-category-grid img{transition:.45s}.jadoob-category-grid .category-card:hover img{transform:scale(1.06)}.jadoob-category-grid .category-card>span:nth-child(2){position:absolute;right:18px;bottom:31px;font-size:17px;z-index:2}.jadoob-category-grid .category-card>small{position:absolute;right:18px;bottom:13px;color:#f7c8bd;z-index:2}
.jadoob-campaign{min-height:480px;margin:72px 0 30px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.78fr 1.22fr;background:#461131;color:#fff}.jadoob-campaign img{width:100%;height:100%;object-fit:cover;min-height:480px}.jadoob-campaign-copy{padding:62px 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.jadoob-campaign-copy .eyebrow{color:#ffb5a5}.jadoob-campaign-copy h2{font-size:42px;line-height:1.35;margin:12px 0}.jadoob-campaign-copy p{line-height:2;color:#e7cdd9}.jadoob-campaign-copy .primary-btn{margin-top:15px;background:#f06e61;color:#fff}
.jadoob-products .product-card,.jadoob-body .shop-layout .product-card,.jadoob-body .related-products .product-card{border:0;border-radius:18px;box-shadow:0 8px 28px rgba(66,16,47,.08)}.jadoob-body .product-card:hover{box-shadow:0 22px 45px rgba(66,16,47,.15)}.jadoob-body .product-image{background:#f7f0f1}.jadoob-body .product-image:after,.jadoob-body .detail-image:after{content:'';position:absolute;left:8px;top:8px;width:78px;height:64px;border-radius:11px;background:rgba(255,252,248,.94) url('/assets/jadoob/mark.png') center/contain no-repeat;box-shadow:0 5px 18px rgba(49,12,35,.13);z-index:2;pointer-events:none}.jadoob-body .detail-image{position:relative}.jadoob-body .detail-image:after{left:3%;top:3%;width:145px;height:108px;border-radius:16px}.jadoob-body .product-code{z-index:3;border:0;background:rgba(72,16,50,.92);color:#fff}.jadoob-body .quick-add{background:#4a1237}.jadoob-body .quick-add:hover{background:#d85450}.jadoob-body .currency-new{background:#fff0ec;color:#a83d43;border-color:#f7c6bc}.jadoob-body .currency-sar{background:#f5f7eb;color:#55713a;border-color:#dce9c4}
.jadoob-discovery{margin:70px 0 10px;border:1px solid #e8d8df;border-radius:24px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;background:#fff8f4}.jadoob-discovery>div{display:grid;grid-template-columns:54px 1fr;align-items:center}.jadoob-discovery>div>span{grid-row:1/3;font-size:40px;color:#d85450}.jadoob-discovery h2,.jadoob-discovery p{margin:0}.jadoob-discovery p{color:var(--muted);font-size:12px}.jadoob-discovery .primary-btn{background:#4a1237}
.jadoob-body .categories-page{background:linear-gradient(#fff5f1 0 330px,#fffdfb 330px)}.jadoob-body .categories-hero{background:radial-gradient(circle at 18% 20%,rgba(239,109,95,.16),transparent 28%)}.jadoob-body .categories-hero h1{color:#4a1237}.jadoob-body .main-category-strip{border-color:#eadbe2}.jadoob-body .main-category-card .category-image{border-color:#f7d6cd;box-shadow:0 0 0 2px #8f254c}.jadoob-body .featured-category{background:#4a1237}.jadoob-body .category-group{box-shadow:0 8px 28px rgba(70,17,49,.06)}.jadoob-body .subcategory-row:hover{background:#fff0ec}
.jadoob-body .filters,.jadoob-body .panel,.jadoob-body .option-box,.jadoob-body .specification-grid>div,.jadoob-body .shopping-promises>div,.jadoob-body .review-card{border-color:#eadde3}.jadoob-body .image-modal{background:rgba(46,10,33,.78)}.jadoob-body .modal-card{border-top:5px solid #ed6d61}.jadoob-body .dropzone{border-color:#d9a7b9;background:#fff8f6}.jadoob-body .success-card{border-color:#e5c98f;background:#fffaf0}.jadoob-body .success-card h1{color:#6b4730}
.image-upload-preview{margin:16px auto;display:grid;place-items:center;gap:7px}.image-upload-preview[hidden]{display:none}.image-upload-preview img{width:150px;height:150px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(70,17,49,.15)}.image-upload-preview span{font-size:11px;font-weight:900;color:#4a1237}
.jadoob-footer{background:#321026;padding-top:60px}.jadoob-footer:before{content:'';position:absolute}.jadoob-footer .jadoob-footer-brand img{width:150px;filter:none}.jadoob-footer .jadoob-footer-brand p{color:#dbc0ce}.jadoob-footer .jadoob-footer-brand span{color:#ffaf9f;font-weight:900}.jadoob-footer h4{color:#ffd49b}.jadoob-footer a{color:#eedde6}
@media(max-width:1000px){.jadoob-hero{min-height:570px}.jadoob-hero-copy{width:55vw}.jadoob-hero h1{font-size:52px}.jadoob-category-grid{grid-template-columns:repeat(3,1fr)}.jadoob-campaign{grid-template-columns:1fr 1fr}.jadoob-benefits{margin-left:20px;margin-right:20px}}
@media(max-width:760px){.jadoob-announcement{min-height:28px;gap:18px;overflow:hidden;white-space:nowrap;justify-content:flex-start;font-size:8px}.jadoob-announcement span:nth-child(n+2){display:none}.jadoob-header{height:70px}.jadoob-brand img{width:47px;height:47px}.jadoob-brand b{font-size:18px}.jadoob-brand small{letter-spacing:3px}.jadoob-header .visual-search-btn{width:40px;height:40px;padding:0;justify-content:center}.jadoob-header .visual-search-btn span{display:none}.jadoob-hero{min-height:600px;padding:45px 22px 260px;background-image:linear-gradient(180deg,#fff8f2 0%,rgba(255,248,242,.96) 46%,rgba(255,248,242,.12) 75%),url('/assets/jadoob/hero.webp');background-position:42% center}.jadoob-hero-copy{width:100%;margin:0}.jadoob-hero h1{font-size:42px}.jadoob-hero p{font-size:14px}.jadoob-hero-actions{align-items:stretch;flex-direction:column}.hero-proof{gap:14px}.hero-proof b{font-size:16px}.jadoob-benefits{grid-template-columns:repeat(2,1fr);margin:-28px 14px 30px;padding:12px}.jadoob-benefits>div{padding:10px;border:0}.jadoob-section-head h2{font-size:27px}.jadoob-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.jadoob-category-grid .category-card{min-width:210px;height:250px;scroll-snap-align:start}.jadoob-campaign{grid-template-columns:1fr;margin-top:45px}.jadoob-campaign img{min-height:260px;max-height:300px;order:-1}.jadoob-campaign-copy{padding:32px 24px}.jadoob-campaign-copy h2{font-size:30px}.jadoob-discovery{align-items:stretch;flex-direction:column;gap:20px;padding:28px 20px}.jadoob-body .product-image:after{width:54px;height:44px;left:6px;top:6px}.jadoob-body .detail-image:after{width:100px;height:78px}.jadoob-footer .jadoob-footer-brand img{width:125px}.jadoob-body .categories-page{background:linear-gradient(#fff5f1 0 260px,#fffdfb 260px)}}
.jadoob-hero-copy{margin-right:0;margin-left:auto}
@media(max-width:760px){.jadoob-hero-copy{margin:0}}