/* SUL additions on top of the Floomi theme CSS: only what WordPress plugins used to provide. */

/* Logo image */
.wpbingoLogo img.sul-logo-img,img.sul-logo-img{width:auto !important;height:62px;max-width:none;display:block}
.bwp-mobile .wpbingoLogo img.sul-logo-img,.bwp-header.bwp-mobile img.sul-logo-img{height:44px}
.sul-footer-logo img.sul-logo-img{height:70px}
@media (max-width:1199px){img.sul-logo-img{height:46px}}

/* Logo (text mark in the Floomi type, same footprint as the 120px logo.svg) */
.sul-logo{display:inline-flex;align-items:center;gap:2px;font-family:Cormorant,serif;font-weight:600;font-size:34px;line-height:1;color:#000;letter-spacing:.5px;white-space:nowrap}
.sul-logo i{font-style:normal;color:#8a5fcf;font-size:.62em;margin:0 3px;transform:translateY(-2px)}
.bwp-mobile .sul-logo,.bwp-header.bwp-mobile .sul-logo{font-size:28px}
.sul-footer-logo .sul-logo{font-size:36px}
.lang-ar .sul-logo{font-family:Cormorant,serif}

/* Language switcher (replaces the account link in the top row) */
.sul-lang{position:relative}
.sul-lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;color:#000}
.sul-lang summary::-webkit-details-marker{display:none}
.sul-lang summary:after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sul-lang summary:hover{color:#8a5fcf}
.sul-lang ul{position:absolute;top:calc(100% + 10px);inset-inline-start:0;z-index:1001;background:#fff;box-shadow:0 5px 25px rgba(0,0,0,.08);min-width:170px;padding:10px 0;margin:0;list-style:none}
.sul-lang li a{display:block;padding:6px 20px;font-size:14px;color:#000}
.sul-lang li a:hover,.sul-lang li a[aria-current]{color:#8a5fcf}

.sul-offcanvas-langs{list-style:none;margin:20px 0 0;padding:20px 0 0;border-top:1px solid #e6e6e6;display:flex;flex-wrap:wrap;gap:8px 18px}
.sul-offcanvas-langs a{font-size:14px;color:#000}
.sul-offcanvas-langs a[aria-current]{color:#8a5fcf}

/* ---------- Hero: Slider Revolution "Slider 3" rebuilt (grid 1920×780, levels 1024/778/480) ---------- */
.sul-rs{position:relative;width:100%;height:calc(780px * var(--k,.729));overflow:hidden;--k:.729}
.sul-rs-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.sul-rs-slide.on{opacity:1;visibility:visible;z-index:1}
.sul-rs-stage{position:absolute;top:0;width:1920px;height:780px;transform-origin:0 0}
.sul-rs .rs-l{position:absolute;margin:0;white-space:nowrap}
.sul-rs .rs-l0{right:170px;top:141px;width:816px;height:auto}
.sul-rs .rs-l8{right:163px;top:33px;width:306px;height:auto;z-index:2}
.sul-rs .rs-l1{left:238px;top:255px;font:500 16px/26px "DM Sans",sans-serif;letter-spacing:2.4px;text-transform:capitalize;color:#000}
.sul-rs .rs-l2{left:236px;top:290px;font:500 55px/70px Cormorant,serif;text-transform:capitalize;color:#000}
.sul-rs .rs-l3{left:238px;top:447px;font:400 16px/26px "DM Sans",sans-serif;color:#686868}
.sul-rs .rs-btn{top:519px;font:500 16px/51px "DM Sans",sans-serif;padding:0 44px;border-radius:100px;background:#8a5fcf;color:#fff;transition:all .3s ease}
.sul-rs .rs-btn:hover{background:#000;color:#fff}
.sul-rs .rs-l4{left:238px}
.sul-rs .rs-l6{left:417px;background:#fff;color:#000}
.sul-rs .rs-l6:hover{background:#000;color:#fff}
/* layer intro like the original: rise + fade */
.sul-rs-slide .rs-l1,.sul-rs-slide .rs-l2,.sul-rs-slide .rs-l3,.sul-rs-slide .rs-btn{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease,background .3s,color .3s}
.sul-rs-slide .rs-l0{opacity:0;transform:scale(.9);transition:opacity 1s ease,transform 1.2s ease}
.sul-rs-slide.on .rs-l0{opacity:1;transform:none}
.sul-rs-slide.on .rs-l1{opacity:1;transform:none;transition-delay:.3s}
.sul-rs-slide.on .rs-l2{opacity:1;transform:none;transition-delay:.45s}
.sul-rs-slide.on .rs-l3{opacity:1;transform:none;transition-delay:.6s}
.sul-rs-slide.on .rs-btn{opacity:1;transform:none;transition-delay:.75s,.75s,0s,0s}
/* notebook 1024×600 */
.sul-rs[data-level=n]{height:calc(600px * var(--k))}
.sul-rs[data-level=n] .sul-rs-stage{width:1024px;height:600px}
.sul-rs[data-level=n] .rs-l0{right:30px;top:42px;width:516px}
.sul-rs[data-level=n] .rs-l8{right:10px;top:70px;width:200px}
.sul-rs[data-level=n] .rs-l1{left:30px;top:170px}
.sul-rs[data-level=n] .rs-l2{left:30px;top:200px;font-size:50px;line-height:55px}
.sul-rs[data-level=n] .rs-l3{left:30px;top:322px;font-size:14px;line-height:24px}
.sul-rs[data-level=n] .rs-btn{top:379px}
.sul-rs[data-level=n] .rs-l4{left:30px}
.sul-rs[data-level=n] .rs-l6{left:210px}
/* tablet 778×550 */
.sul-rs[data-level=t]{height:calc(550px * var(--k))}
.sul-rs[data-level=t] .sul-rs-stage{width:778px;height:550px}
.sul-rs[data-level=t] .rs-l0{right:22px;top:67px;width:416px}
.sul-rs[data-level=t] .rs-l8{right:7px;top:70px;width:180px}
.sul-rs[data-level=t] .rs-l1{left:15px;top:170px}
.sul-rs[data-level=t] .rs-l2{left:15px;top:200px;font-size:45px;line-height:50px}
.sul-rs[data-level=t] .rs-l3{left:15px;top:290px;font-size:14px;line-height:24px}
.sul-rs[data-level=t] .rs-btn{top:325px}
.sul-rs[data-level=t] .rs-l4{left:15px}
.sul-rs[data-level=t] .rs-l6{left:195px}
/* mobile 480×550: everything centred */
.sul-rs[data-level=m]{height:calc(550px * var(--k))}
.sul-rs[data-level=m] .sul-rs-stage{width:480px;height:550px}
.sul-rs[data-level=m] .rs-l{left:50%;right:auto;text-align:center}
.sul-rs[data-level=m] .rs-l0{top:34px;width:356px;margin-left:-178px;opacity:.35}
.sul-rs[data-level=m] .rs-l8{left:auto;right:35px;top:81px;width:130px}
.sul-rs[data-level=m] .rs-l1{top:270px;transform:translateX(-50%)}
.sul-rs[data-level=m] .rs-l2{top:304px;font-size:40px;line-height:45px;transform:translateX(-50%)}
.sul-rs[data-level=m] .rs-l3{top:398px;font-size:15px;line-height:25px;white-space:normal;width:440px;margin-left:-220px}
.sul-rs[data-level=m] .rs-btn{top:440px}
.sul-rs[data-level=m] .rs-l4{transform:translateX(calc(-50% - 88px))}
.sul-rs[data-level=m] .rs-l6{transform:translateX(calc(-50% + 88px))}
.sul-rs[data-level=m] .sul-rs-slide.on .rs-l1,.sul-rs[data-level=m] .sul-rs-slide.on .rs-l2{transform:translateX(-50%)}
.sul-rs[data-level=m] .sul-rs-slide.on .rs-l4{transform:translateX(calc(-50% - 88px))}
.sul-rs[data-level=m] .sul-rs-slide.on .rs-l6{transform:translateX(calc(-50% + 88px))}
.sul-rs[data-level=m] .sul-rs-slide.on .rs-l0{transform:none}
.sul-rs[data-level=m] .sul-rs-slide.on .rs-l3{transform:none}
/* arrows: revslider "arrow-1" skin */
.sul-rs .arrow-1.tparrows{cursor:pointer;background:transparent;width:50px;height:50px;border-radius:50%;position:absolute;display:block;z-index:1000;transition:all .3s ease;border:1px dashed #000;top:50%;padding:0;margin-top:-50px}
.sul-rs .arrow-1.tparrows:hover{background:#8a5fcf;border-color:#8a5fcf}
.sul-rs .arrow-1.tparrows:before{font-family:icomoon;font-size:12px;color:#000;line-height:48px;text-align:center;display:block}
.sul-rs .arrow-1.tparrows:hover:before{color:#fff}
.sul-rs .tp-leftarrow{left:30px}
.sul-rs .tp-rightarrow{right:30px}
.sul-rs .tp-leftarrow:before{content:"\e90b"}
.sul-rs .tp-rightarrow:before{content:"\e90c"}
@media (max-width:1023px){.sul-rs .arrow-1.tparrows{display:none}}

/* Hero mirrored for Arabic (as the theme's RTL build does) */
.rtl .sul-rs{direction:rtl}
.rtl .sul-rs .rs-l{text-align:right}
.rtl .sul-rs .rs-l0{right:auto;left:170px}.rtl .sul-rs .rs-l8{right:auto;left:163px;transform:scaleX(-1)}
.rtl .sul-rs .rs-l1{left:auto;right:238px;letter-spacing:0}.rtl .sul-rs .rs-l2{left:auto;right:236px}.rtl .sul-rs .rs-l3{left:auto;right:238px}
.rtl .sul-rs .rs-l4{left:auto;right:238px}.rtl .sul-rs .rs-l6{left:auto;right:417px}
.rtl .sul-rs[data-level=n] .rs-l0{left:30px}.rtl .sul-rs[data-level=n] .rs-l8{left:10px}
.rtl .sul-rs[data-level=n] .rs-l1,.rtl .sul-rs[data-level=n] .rs-l2,.rtl .sul-rs[data-level=n] .rs-l3,.rtl .sul-rs[data-level=n] .rs-l4{right:30px}.rtl .sul-rs[data-level=n] .rs-l6{right:210px}
.rtl .sul-rs[data-level=t] .rs-l0{left:22px}.rtl .sul-rs[data-level=t] .rs-l8{left:7px}
.rtl .sul-rs[data-level=t] .rs-l1,.rtl .sul-rs[data-level=t] .rs-l2,.rtl .sul-rs[data-level=t] .rs-l3,.rtl .sul-rs[data-level=t] .rs-l4{right:15px}.rtl .sul-rs[data-level=t] .rs-l6{right:195px}
.rtl .sul-rs[data-level=m] .rs-l{left:50%;right:auto;text-align:center}
.rtl .sul-rs[data-level=m] .rs-l8{left:35px}
.rtl .sul-rs .tp-leftarrow{left:auto;right:30px}.rtl .sul-rs .tp-rightarrow{right:auto;left:30px}
.rtl .sul-rs .tp-leftarrow:before{content:"\e90c"}.rtl .sul-rs .tp-rightarrow:before{content:"\e90b"}

/* Swiper slides built server-side, before Swiper initialises */
.bwp-swiper-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;overflow:hidden}
.elementor-element-60feae3 .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:calc((100% - 225px)/6);margin-right:45px;flex-shrink:0}
.elementor-element-689d4bf .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide,.elementor-element-964aec7 .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:calc((100% - 90px)/4);margin-right:30px;flex-shrink:0}

/* Tabs: hidden panels */
.bwp-filter-content [hidden]{display:none !important}
.filter-orderby li{cursor:pointer}

/* Testimonial photo (flower, not a stock face) */
.bwp-testimonial .content-image img{width:80px;height:80px;border-radius:50%;object-fit:cover}

/* Footer: cash on delivery badge instead of card logos */
.sul-cod{display:inline-block;border:1px solid #d9d9d9;border-radius:30px;padding:6px 16px;font-size:13px;color:#000}

/* Newsletter popup is opened by app.js */
.newsletterpopup.is-open{display:flex !important}
.newsletterpopup.is-open .newsletterpopup_overlay{display:block}
[data-subscribe-msg]:empty{display:none}
[data-subscribe-msg]{margin:10px 0 0;padding:8px 12px;border:1px solid #8a5fcf;font-size:14px}

/* Wishlist button state */
.woosw-btn.woosw-added,.woosw-btn.on{color:#8a5fcf}
.woosw-btn.on:before{color:#8a5fcf}

/* WhatsApp float */
.sul-wa{position:fixed;bottom:24px;left:24px;z-index:99;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.sul-wa:hover{color:#fff;transform:translateY(-2px)}
.rtl .sul-wa{left:auto;right:24px}
@media (max-width:991px){.sul-wa{bottom:80px}}

/* Grid on the bouquets page */
.sul-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 30px}
@media (max-width:1199px){.sul-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.sul-grid{grid-template-columns:repeat(2,1fr);gap:30px 15px}}

/* RTL fixes the theme ships only as SCSS */
.rtl{direction:rtl;text-align:right}
.rtl .sul-lang ul{text-align:right}
.lang-ar body,.lang-ar,.lang-ar p,.lang-ar a,.lang-ar span,.lang-ar li,.lang-ar input,.lang-ar button{font-family:"Noto Kufi Arabic","DM Sans",sans-serif}
.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar h4,.lang-ar .elementor-heading-title,.lang-ar .sul-rs .rs-l2{font-family:Amiri,Cormorant,serif}
.lang-ar .sul-rs .rs-l1{letter-spacing:0}

/* Home 3 section backgrounds. The theme's background-3.jpg / banner-22.jpg go in t/img/;
   until they are there, a darkened theme photo shows underneath so the white text stays readable. */
.elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){background-image:linear-gradient(120deg,rgba(35,120,116,.72),rgba(110,80,180,.62)),url("img/banner-26.jpg");background-size:cover;background-position:center}
.elementor-56542 .elementor-element.elementor-element-d9941fd:not(.elementor-motion-effects-element-type-background){background-image:linear-gradient(160deg,rgba(35,120,116,.55),rgba(110,80,180,.5)),url("img/category-3.jpg");background-size:cover;background-position:center}

/* Hero text block: keep the original one-line layout even with longer translations */
.sul-rs .rs-l3{white-space:normal;width:620px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sul-rs[data-level=n] .rs-l3{width:430px}
.sul-rs[data-level=t] .rs-l3{width:310px;-webkit-line-clamp:1}
.sul-rs[data-level=m] .rs-l3{-webkit-line-clamp:1}

/* ======================= Inner pages, styled with the theme's tokens ======================= */
.sul-page{padding-top:70px;padding-bottom:90px}
.sul-intro{padding-top:60px;text-align:center}
.sul-intro p{max-width:720px;margin:0 auto;font-size:16px;line-height:1.75;color:var(--text-color)}
.sul-intro + .sul-page{padding-top:40px}
.sul-page .lede{font-size:17px;line-height:1.75;color:#000}
.sul-page .fine{font-size:14px;color:var(--text-color)}
.sul-page h1,.sul-page h2,.sul-page h3{font-family:var(--font-family-heading),serif;font-weight:500;color:#000;text-transform:capitalize}
.sul-page .btn,.sul-empty .button,.sul-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:51px;padding:0 40px;border-radius:100px;border:1px solid #8a5fcf;background:#8a5fcf;color:#fff;font-size:16px;font-weight:500;line-height:1;transition:all .3s ease;cursor:pointer;text-decoration:none}
.sul-page .btn:hover,.sul-empty .button:hover{background:#000;border-color:#000;color:#fff}
.sul-page .btn-line-dark{background:#fff;color:#000;border-color:#000}
.btn-block{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sul-empty{text-align:center;padding:60px 20px;border:1px dashed #d9d9d9;border-radius:10px}
.sul-empty p{font-size:17px;margin-bottom:20px;color:#000}
.empty{text-align:center;padding:40px 0}
.empty p{font-size:17px;margin-bottom:20px}
[hidden]{display:none !important}

/* shop archive */
.main-archive-product .bwp-sidebar .widget{margin-bottom:40px}
.main-archive-product .woocommerce-ordering select{height:44px;border:1px solid #e6e6e6;border-radius:30px;padding:0 36px 0 18px;background-color:#fff;font-size:14px}
.main-archive-product .content-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:15px}
.main-archive-product .woocommerce-result-count{margin:0;color:var(--text-color)}
.main-archive-product ul.products{list-style:none;padding:0}
.main-archive-product ul.products > li{margin-bottom:40px}
@media (max-width:991px){.main-archive-product .bwp-sidebar{order:2}.main-archive-product .bwp-sidebar .product-categories{display:flex;flex-wrap:wrap;gap:6px 18px}}

/* single product */
.sul-gallery{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sul-gallery .woocommerce-product-gallery__image:first-of-type{grid-column:1/-1}
.sul-gallery img{width:100%;height:auto;border-radius:10px;display:block;background:#f3f3f3;aspect-ratio:4/5;object-fit:cover}
.sul-gallery .product-lable{position:absolute;top:15px;left:15px;z-index:2}
.bwp-single-info .product_title{font-size:40px;line-height:1.2;margin:0 0 15px}
.bwp-single-info .price{font-size:22px;color:#8a5fcf;margin-bottom:20px;display:block}
.bwp-single-info .price del{color:var(--text-color);font-size:18px;margin-right:8px}
.bwp-single-info .price ins{text-decoration:none}
.woocommerce-product-details__short-description{font-size:15px;line-height:1.8;color:var(--text-color);margin-bottom:25px}
.sul-inside{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:22px 0;margin-bottom:30px}
.sul-inside h3{font-size:22px;margin:0 0 12px}
.sul-inside ul{list-style:none;margin:0;padding:0}
.sul-inside li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px}
.sul-inside .swatch{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.sul-inside a{color:#000}.sul-inside a:hover{color:#8a5fcf}
.sul-inside i{color:var(--text-color);font-size:13px}
.sul-inside .n{margin-inline-start:auto;color:var(--text-color)}
.bwp-single-info form.cart{margin-bottom:15px}
.bwp-single-info .quantity-button{display:flex;gap:10px;align-items:center}
.bwp-single-info .single_add_to_cart_button{flex:1}
.sul-wa-btn{width:100%;background:#fff !important;color:#000 !important;border-color:#000 !important}
.sul-wa-btn:hover{background:#000 !important;color:#fff !important}
.product_meta{margin-top:25px;font-size:14px;color:var(--text-color)}
.product_meta a{color:#000}
.sul-notes{margin-top:15px;font-size:14px;color:var(--text-color)}
.sul-notes p{margin:0 0 6px}
.related.products{margin-top:90px}
.related.products > h2{font-size:40px;text-align:center;margin-bottom:40px}

/* flower library */
.herbarium{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 30px}
@media (max-width:1199px){.herbarium{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.herbarium{grid-template-columns:repeat(2,1fr);gap:30px 15px}}
.specimen{scroll-margin-top:120px}
.specimen-art{position:relative;border-radius:10px;overflow:hidden;background:#f3f3f3;aspect-ratio:4/5;margin-bottom:18px}
.specimen-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.specimen:hover .specimen-art img{transform:scale(1.05)}
.specimen-art .origin{position:absolute;top:12px;left:12px;background:#8a5fcf;color:#fff;font-size:12px;padding:3px 10px;border-radius:3px}
.specimen-label{text-align:center}
.specimen-label h2{font-size:24px;margin:0 0 2px}
.specimen-label .latin{color:var(--text-color);font-size:13px}
.specimen-label dl{margin:12px 0 10px;font-size:14px}
.specimen-label dt{color:#000;font-weight:500;display:inline}
.specimen-label dt:after{content:": "}
.specimen-label dd{display:inline;margin:0;color:var(--text-color)}
.specimen-label dl > div{margin-bottom:6px}
.months{display:inline-flex;gap:2px;vertical-align:middle}
.months span{width:16px;height:16px;line-height:16px;font-size:9px;border-radius:50%;background:#f1f1f1;color:#aaa;text-align:center}
.months span.on{background:#8a5fcf33;color:#000}
.months span.now{box-shadow:0 0 0 1px #8a5fcf}
.text-link{color:#000;border-bottom:1px solid #000;font-size:14px}
.text-link:hover{color:#8a5fcf;border-color:#8a5fcf}

/* about */
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.story .prose p{font-size:16px;line-height:1.85;color:var(--text-color)}
.story .prose .lede{font-family:var(--font-family-heading),serif;font-size:28px;line-height:1.35;color:#000}
.story-art img{width:100%;border-radius:10px;aspect-ratio:4/5;object-fit:cover}
@media (max-width:991px){.story{grid-template-columns:1fr;gap:40px}}

/* contact */
.sul-contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.contact-list{margin:0}
.contact-list > div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e6e6e6}
.contact-list dt{color:#000;font-weight:500}
.contact-list dd{margin:0;color:var(--text-color);text-align:end}
.contact-list a{color:#000}
.contact-side table{width:100%;margin-top:30px;border-collapse:collapse;font-size:15px;border:0}
.contact-side th,.contact-side td{border-left:0 !important;border-right:0 !important;border-top:0 !important}
.contact-side th,.contact-side td{padding:12px 0;border-bottom:1px solid #e6e6e6;text-align:start}
.contact-side td:last-child,.contact-side th:last-child{text-align:end}
.contact-side th{font-family:var(--font-family-heading),serif;font-size:20px;font-weight:500;color:#000}
@media (max-width:991px){.sul-contact{grid-template-columns:1fr;gap:40px}}

/* cart + checkout */
.checkout{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:start}
@media (max-width:991px){.checkout{grid-template-columns:1fr}}
.lines{border-top:1px solid #e6e6e6;margin-bottom:40px}
.line{display:grid;grid-template-columns:90px 1fr auto auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #e6e6e6}
.line-media img,.line-media .art{width:90px;height:110px;object-fit:cover;border-radius:8px;display:block;background:#f3f3f3}
.line-info{display:flex;flex-direction:column;gap:4px}
.line-name{font-family:var(--font-family-heading),serif;font-size:20px;color:#000}
.link-btn{background:none;border:0;padding:0;color:var(--text-color);text-decoration:underline;font-size:13px;cursor:pointer;align-self:flex-start}
.qty{display:inline-flex;align-items:center;border:1px solid #e6e6e6;border-radius:30px;height:44px}
.qty button{width:36px;height:100%;background:none;border:0;font-size:18px;cursor:pointer}
.qty span,.qty input{min-width:28px;text-align:center;border:0;background:none}
.line-total{font-weight:500;color:#000;min-width:110px;text-align:end}
@media (max-width:600px){.line{grid-template-columns:70px 1fr;}.line-media img,.line-media .art{width:70px;height:86px}.line .qty,.line-total{grid-column:2}.line-total{text-align:start}}
.panel{border:0;padding:0;margin:0}
.panel legend{font-family:var(--font-family-heading),serif;font-size:30px;font-weight:500;color:#000;margin-bottom:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.form-grid .span-2{grid-column:1/-1}
.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#000}
.form-grid small{color:var(--text-color)}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;height:50px;border:1px solid #e6e6e6;border-radius:30px;padding:0 20px;font-size:15px;background:#fff;color:#000}
.form-grid textarea{height:auto;border-radius:20px;padding:14px 20px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:#8a5fcf}
.segmented{display:flex;flex-direction:row !important;align-items:center;gap:20px;flex-wrap:wrap}
.segmented label{flex-direction:row !important;align-items:center;gap:8px}
.segmented input{width:auto;height:auto}
.seg-label{font-size:14px;color:#000}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.alert{background:#fff4f4;border:1px solid #f1c0c0;color:#a33;padding:12px 18px;border-radius:10px;grid-column:1/-1}
.sul-summary{background:#f7f5f0;border-radius:10px;padding:30px;position:sticky;top:120px}
.sul-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e6e6e6;font-size:15px}
.sul-row.total{border-bottom:0;font-size:18px;color:#000;margin-bottom:20px}
.sul-summary .fine{margin:14px 0 0;text-align:center}
@media (max-width:767px){.form-grid{grid-template-columns:1fr}}

/* order received */
.thanks{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.thanks-art img,.thanks-art .art{width:100%;border-radius:10px;aspect-ratio:4/5;object-fit:cover}
@media (max-width:767px){.thanks{grid-template-columns:1fr}}

/* Promo cards for SUL's other businesses — modern style, in the Home 3 two-banner slot */
.sul-promos > .bwp-swiper-slider{width:100%;min-width:0}
.sul-promos .swiper-slide{height:auto}
.sul-promos .swiper-pagination{position:static;margin-top:28px}
.sul-promos .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:calc((100% - 30px)/2);margin-right:30px;flex-shrink:0}
.sul-promos .swiper-slide{padding-top:6px}
.sul-promo{position:relative;display:flex;align-items:center;width:100%;height:100%;min-height:290px;border-radius:22px;overflow:hidden;isolation:isolate;background:#f7f4ef;color:#1d1b18;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px -28px rgba(29,27,24,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.sul-promo:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(0,0,0,.04),0 28px 50px -26px rgba(29,27,24,.45);color:#1d1b18}
.sul-promo-bg{position:absolute;inset:0;z-index:-2;background-color:#ece7df;background-size:cover;background-repeat:no-repeat;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sul-promo:hover .sul-promo-bg{transform:scale(1.04)}
.sul-promo-fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,244,239,.97) 0%,rgba(247,244,239,.93) 30%,rgba(247,244,239,.55) 47%,rgba(247,244,239,0) 64%)}
.sul-promo-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:30px 40px;max-width:56%}
.sul-promo-kick{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 "DM Sans",sans-serif;letter-spacing:2px;text-transform:uppercase;padding:7px 12px;border-radius:100px;background:rgba(255,255,255,.7);border:1px solid rgba(29,27,24,.1);color:#6b655c}
.sul-promo-kick i{width:6px;height:6px;border-radius:50%;background:#8a5fcf;box-shadow:0 0 0 4px rgba(138,95,207,.18)}
.sul-promo-title{font:500 42px/1.02 Cormorant,serif;letter-spacing:-.3px;color:#1d1b18}
.sul-promo-text{font:400 14px/1.6 "DM Sans",sans-serif;color:#5f5a52}
.sul-promo-cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;height:44px;padding:0 22px;border-radius:100px;background:#1d1b18;color:#fff;font:500 14px/1 "DM Sans",sans-serif;transition:background .3s,gap .3s}
.sul-promo:hover .sul-promo-cta{background:#8a5fcf;gap:14px}
.sul-promo-num{position:absolute;top:18px;right:20px;font:500 12px/1 "DM Sans",sans-serif;letter-spacing:1.5px;color:#fff;padding:7px 11px;border-radius:100px;background:rgba(29,27,24,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Arabic: the photo is mirrored and the text sits on the right */
.rtl .sul-promo-bg{transform:scaleX(-1)}
.rtl .sul-promo:hover .sul-promo-bg{transform:scaleX(-1) scale(1.04)}
.rtl .sul-promo-fade{background:linear-gradient(270deg,rgba(247,244,239,.97) 0%,rgba(247,244,239,.93) 30%,rgba(247,244,239,.55) 47%,rgba(247,244,239,0) 64%)}
.rtl .sul-promo-num{right:auto;left:20px}
.rtl .sul-promo-cta svg{transform:scaleX(-1)}
.lang-ar .sul-promo-title{font-family:Amiri,serif;font-size:38px;line-height:1.25}
.lang-ar .sul-promo-kick{letter-spacing:0;font-family:"Noto Kufi Arabic",sans-serif}
@media (max-width:1199px){.sul-promo-title{font-size:32px}.sul-promo-body{padding:22px 26px;max-width:62%}}
@media (max-width:767px){.sul-promos .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:100%}.sul-promo{aspect-ratio:auto;min-height:360px;align-items:flex-end;border-radius:20px}.sul-promo-bg{bottom:auto;height:62%}.sul-promo-fade,.rtl .sul-promo-fade{background:linear-gradient(180deg,rgba(247,244,239,0) 0%,rgba(247,244,239,0) 34%,rgba(247,244,239,.9) 54%,#f7f4ef 64%)}.sul-promo-body{max-width:100%;padding:20px 22px 24px}.sul-promo-title{font-size:30px}}

/* Floating language switcher, stacked above the back-to-top button */
.sul-flang{position:fixed;right:30px;bottom:90px;z-index:9;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility .3s}
.sul-flang.is-shown{opacity:1;visibility:visible;transform:none}
.rtl .sul-flang{right:auto;left:30px}
.sul-flang-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:45px;height:45px;border-radius:50%;border:0;padding:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#2f9a94,#8a5fcf);box-shadow:0 8px 20px -8px rgba(90,70,160,.6);transition:transform .3s}
.sul-flang-btn span{font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.5px}
.sul-flang-btn svg{width:16px;height:16px}
.sul-flang-btn:hover{transform:translateY(-3px)}
.sul-flang-menu{position:absolute;right:0;bottom:calc(100% + 10px);min-width:190px;margin:0;padding:8px;list-style:none;background:#fff;border-radius:16px;box-shadow:0 18px 40px -12px rgba(29,27,24,.3);opacity:0;visibility:hidden;transform:translateY(6px) scale(.98);transform-origin:bottom right;transition:all .25s ease}
.rtl .sul-flang-menu{right:auto;left:0;transform-origin:bottom left}
.sul-flang.open .sul-flang-menu{opacity:1;visibility:visible;transform:none}
.sul-flang-menu a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:14px;color:#1d1b18}
.sul-flang-menu a b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:6px;background:#f2eefa;color:#8a5fcf;font:600 10px/1 "DM Sans",sans-serif}
.sul-flang-menu a:hover{background:#f4f1fb}
.sul-flang-menu a[aria-current]{background:linear-gradient(90deg,#e9f6f5,#f2ecfb)}
.sul-flang-menu a[aria-current] b{background:#8a5fcf;color:#fff}
/* Brand colours from the logo */
.back-top .back-top-icon{background:linear-gradient(135deg,#2f9a94,#8a5fcf) !important;color:#fff}
.sul-promo-kick i{background:#e486cf;box-shadow:0 0 0 4px rgba(228,134,207,.2)}
.sul-promo:hover .sul-promo-cta{background:linear-gradient(90deg,#2f9a94,#8a5fcf)}
.sul-rs .rs-btn:not(.rs-l6){background:linear-gradient(90deg,#2f9a94,#8a5fcf)}
.sul-rs .rs-btn:not(.rs-l6):hover{background:#1d1b18}
.sul-promo.is-flip .sul-promo-bg{transform:scaleX(-1)}
.sul-promo.is-flip:hover .sul-promo-bg{transform:scaleX(-1) scale(1.04)}
.rtl .sul-promo.is-flip .sul-promo-bg{transform:none}
.rtl .sul-promo.is-flip:hover .sul-promo-bg{transform:scale(1.04)}
/* Photo kept to the side opposite the text (used when the subject fills the whole photo) */
.sul-promo.is-side .sul-promo-bg{left:40%}
.rtl .sul-promo.is-side .sul-promo-bg{left:0;right:40%}
.sul-promo.is-side .sul-promo-fade{background:linear-gradient(90deg,#f7f4ef 0%,#f7f4ef 40%,rgba(247,244,239,.6) 48%,rgba(247,244,239,0) 62%)}
.rtl .sul-promo.is-side .sul-promo-fade{background:linear-gradient(270deg,#f7f4ef 0%,#f7f4ef 40%,rgba(247,244,239,.6) 48%,rgba(247,244,239,0) 62%)}
@media (max-width:767px){.sul-promo.is-side .sul-promo-bg,.rtl .sul-promo.is-side .sul-promo-bg{left:0;right:0}.sul-promo.is-side .sul-promo-fade,.rtl .sul-promo.is-side .sul-promo-fade{background:linear-gradient(180deg,rgba(247,244,239,0) 0%,rgba(247,244,239,0) 34%,rgba(247,244,239,.9) 54%,#f7f4ef 64%)}}
.back-top{bottom:147px}

/* Desktop header: logo | menu | cart */
.sul-hrow{display:flex;align-items:center}
.sul-hrow > .bwp-column-1,.sul-hrow > .bwp-column-3{flex:1 1 0;min-width:0}
.sul-hrow > .bwp-column-2{flex:0 0 auto}
.sul-hrow > .bwp-column-3{display:flex;justify-content:flex-end}
.sul-hrow img.sul-logo-img{height:66px}
.sul-hrow #primary-menu{display:flex;gap:6px}
.sul-hcart{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:100px;background:#f6f3fb;color:#1d1b18;transition:background .3s,box-shadow .3s,transform .3s}
.rtl .sul-hcart{padding:6px 6px 6px 18px}
.sul-hcart:hover{background:#fff;box-shadow:0 10px 24px -14px rgba(90,70,160,.55);color:#1d1b18;transform:translateY(-1px)}
.sul-hcart-ico{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff}
.sul-hcart-ico svg{width:20px;height:20px}
.sul-hcart-ico svg path{fill:#fff}
.sul-hcart-n{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#e486cf;color:#fff;font:600 11px/20px "DM Sans",sans-serif;text-align:center;border:2px solid #fff;transform:scale(1);transition:transform .25s}
.rtl .sul-hcart-n{right:auto;left:-4px}
.sul-hcart-n.is-zero{transform:scale(0)}
.sul-hcart-txt{display:flex;flex-direction:column;line-height:1.2}
.sul-hcart-lbl{font-size:12px;color:#8a8a8a}
.sul-hcart-total{font-size:15px;font-weight:500;color:#1d1b18}
.sul-hcart-total .woocommerce-Price-amount{color:inherit}
.sul-hrow #primary-menu{gap:0}
.sul-hrow #primary-menu > li{margin:0 22px}
.bwp-above_header_row .sul-lang summary{color:#fff}
/* Desktop: floating buttons sit in the bottom corner */
@media (min-width:1200px){.sul-flang{bottom:30px}.back-top{bottom:87px}}

/* ===== Language typography =====
   DM Sans has no Cyrillic, so Russian/Ukrainian fell back to Times/Arial.
   Manrope (same geometric feel) is mapped into the "DM Sans" family for Cyrillic only. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:block;src:url(/assets/fonts/9ae50d302d28a7ca748c7de76d0ef159.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:block;src:url(/assets/fonts/48c9c843a933b73e270ccd40e5e70303.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
/* Arabic glyphs: Noto Kufi Arabic inside "DM Sans", Amiri inside "Cormorant" — so every theme element picks them up.
   Descriptors must match Google's faces exactly or the browser never uses the extra range. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:block;src:url(/assets/fonts/e71fcafae2bf35a9f69dbb93b95ce3d4.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:300 700;font-display:block;src:url(/assets/fonts/202e96cd7287c64ba553705f60296671.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
/* Title Case is an English convention; other languages use sentence case */
html:not([lang="en"]) body,html:not([lang="en"]) body *{text-transform:none !important}
html:not([lang="en"]) .sul-promo-kick,html:not([lang="en"]) .elementor-element-4ed9169 .elementor-heading-title,html:not([lang="en"]) .wpb-content_list > .elementor-heading-title,html:not([lang="en"]) .elementor-element-92ec9cc .elementor-heading-title,html:not([lang="en"]) .sul-flang-btn span{text-transform:uppercase !important}
html[lang="ar"] .sul-promo-kick,html[lang="ar"] .elementor-heading-title{letter-spacing:0 !important}
/* Cyrillic: a touch more line-height and less tracking for long words */
html[lang="ru"] .elementor-heading-title,html[lang="uk"] .elementor-heading-title,html[lang="ru"] .sul-promo-title,html[lang="uk"] .sul-promo-title{letter-spacing:0 !important}
html[lang="ru"] .sul-rs .rs-l1,html[lang="uk"] .sul-rs .rs-l1{letter-spacing:1px}
/* Flags in language lists */
.sul-flag{width:18px;height:12px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08);vertical-align:middle}
.sul-lang summary .sul-flag{margin-inline-end:2px}
.sul-lang li a{display:flex;align-items:center;gap:10px}
.sul-offcanvas-langs a{display:inline-flex;align-items:center;gap:6px}
.sul-flang-menu a b{margin-inline-start:auto}

/* Hero buttons: one pair, equal width in every language, text centred */
.sul-rs .rs-btns{left:238px;top:519px;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:18px;white-space:nowrap}
.sul-rs .rs-btns .rs-btn{position:static !important;display:flex;align-items:center;justify-content:center;min-width:190px;height:52px;padding:0 30px;line-height:1;text-align:center;left:auto !important;top:auto !important;box-sizing:border-box}
.sul-rs .rs-btns .rs-btn,.sul-rs .sul-rs-slide.on .rs-btns .rs-btn{transform:none !important}
.sul-rs .sul-rs-slide .rs-btns{opacity:0;transform:translateY(40px);transition:opacity .9s ease .75s,transform .9s ease .75s}
.sul-rs .sul-rs-slide.on .rs-btns{opacity:1;transform:none}
.sul-rs .sul-rs-slide .rs-btns .rs-btn{opacity:1 !important}
.sul-rs[data-level=n] .rs-btns{left:30px;top:379px}
.sul-rs[data-level=t] .rs-btns{left:15px;top:325px}
.sul-rs[data-level=m] .rs-btns{left:50%;top:440px}
.sul-rs[data-level=m] .sul-rs-slide .rs-btns,.sul-rs[data-level=m] .sul-rs-slide.on .rs-btns{transform:translateX(-50%)}
.rtl .sul-rs .rs-btns{left:auto;right:238px}
.rtl .sul-rs[data-level=n] .rs-btns{right:30px}
.rtl .sul-rs[data-level=t] .rs-btns{right:15px}
.rtl .sul-rs[data-level=m] .rs-btns{right:auto;left:50%}

/* =====================================================================
   App shell for phones & tablets (< 1200px): top app bar, bottom tabs, menu sheet
   ===================================================================== */
.app-bar,.app-tabs,.app-sheet{display:none}
@media (max-width:1199px){
 :root{--app-top:58px;--app-tabs:66px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}
 /* theme mobile chrome is replaced */
 .bwp-header.bwp-mobile,.bwp-mobile_toolbar,.bwp-mobile_offcanvas,.sul-wa,.sul-flang{display:none !important}
 body{padding-bottom:calc(var(--app-tabs) + var(--safe-b) + 8px) !important;-webkit-tap-highlight-color:transparent}
 .back-top{bottom:calc(var(--app-tabs) + var(--safe-b) + 16px) !important;right:16px !important}
 .rtl .back-top{right:auto !important;left:16px !important}

 .app-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:900;height:calc(var(--app-top) + var(--safe-t));padding:var(--safe-t) 14px 0;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(29,27,24,.06);transition:box-shadow .3s}
 .app-bar.is-scrolled{box-shadow:0 6px 20px -14px rgba(29,27,24,.35)}
 .app-logo img.sul-logo-img{height:38px !important}
 .app-bar-actions{display:flex;gap:8px}
 .app-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;border:0;background:#f4f1fb;color:#1d1b18;padding:0;cursor:pointer}
 .app-icon-btn .sul-flag{width:22px;height:15px;border-radius:3px}
 .app-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

 .app-tabs{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:950;height:calc(var(--app-tabs) + var(--safe-b));padding:0 6px var(--safe-b);background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid rgba(29,27,24,.07);box-shadow:0 -10px 30px -22px rgba(29,27,24,.4)}
 .app-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--app-tabs);border:0;background:none;padding:0;color:#8b867e;font:500 11px/1.1 "DM Sans",sans-serif;text-decoration:none;cursor:pointer}
 .app-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .app-tab.is-on{color:#8a5fcf}
 .app-tab.is-on .app-ico{stroke-width:2}
 .app-ico-wrap{position:relative;display:inline-flex}
 .app-tab-cart{justify-content:flex-end;padding-bottom:9px}
 .app-cart-fab{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-top:-26px;border-radius:20px;background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff;box-shadow:0 12px 24px -10px rgba(110,80,180,.75),0 0 0 5px #fff}
 .app-cart-fab .app-ico{width:24px;height:24px}
 .app-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#e486cf;color:#fff;font:700 11px/16px "DM Sans",sans-serif;text-align:center;border:2px solid #fff;transition:transform .25s}
 .app-badge-sm{top:-7px;right:-9px;min-width:17px;height:17px;font-size:10px;line-height:13px}
 .rtl .app-badge{right:auto;left:-6px}.rtl .app-badge-sm{left:-9px}
 .app-badge.is-zero{transform:scale(0)}

 .app-sheet:not([hidden]){display:block;position:fixed;inset:0;z-index:1000}
 .app-sheet-backdrop{position:absolute;inset:0;background:rgba(20,18,30,.42);opacity:0;transition:opacity .3s}
 .app-sheet.is-open .app-sheet-backdrop{opacity:1}
 .app-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:#fff;border-radius:26px 26px 0 0;padding:6px 18px calc(18px + var(--safe-b));transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .app-sheet.is-open .app-sheet-panel{transform:none}
 .app-sheet-grip{width:42px;height:5px;border-radius:5px;background:#e3dfea;margin:6px auto 10px}
 .app-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
 .app-sheet-logo img.sul-logo-img{height:40px !important}
 .app-menu{list-style:none;margin:0 0 14px;padding:6px;background:#f8f6fb;border-radius:20px}
 .app-menu a{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:14px;color:#1d1b18;font:500 16px/1.2 "DM Sans",sans-serif}
 .app-menu a:active,.app-menu a[aria-current]{background:#fff;box-shadow:0 4px 14px -8px rgba(29,27,24,.25)}
 .app-menu a[aria-current] .app-menu-txt{color:#8a5fcf}
 .app-menu-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#8a5fcf}
 .app-menu a[aria-current] .app-menu-ico{background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff}
 .app-menu-txt{flex:1}
 .app-menu > li > a > .app-ico:last-child{width:18px;height:18px;color:#b9b4c4}
 .rtl .app-menu > li > a > .app-ico:last-child{transform:scaleX(-1)}
 .app-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
 .app-contact-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:16px;background:#f4f1fb;color:#1d1b18;font:500 14px/1 "DM Sans",sans-serif}
 .app-contact-btn.is-wa{background:#25d366;color:#fff}
 .app-contact > :only-child{grid-column:1/-1}
 .app-langs h3{display:flex;align-items:center;gap:8px;margin:0 4px 10px;font:600 13px/1 "DM Sans",sans-serif !important;letter-spacing:1px;text-transform:uppercase !important;color:#8b867e}
 .app-langs h3 .app-ico{width:16px;height:16px}
 .app-lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
 .app-lang-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 4px;border-radius:16px;border:1px solid #ece8f3;color:#1d1b18;font:500 13px/1.1 "DM Sans",sans-serif;text-align:center}
 .app-lang-grid a .sul-flag{width:28px;height:19px;border-radius:4px}
 .app-lang-grid a[aria-current]{border-color:transparent;background:linear-gradient(135deg,#e7f5f4,#f0e8fb);box-shadow:inset 0 0 0 1.5px #8a5fcf}
 .app-note{display:flex;align-items:center;gap:10px;margin:18px 2px 0;padding:12px 14px;border-radius:14px;background:#f2faf9;color:#2f7f7a;font-size:13px;line-height:1.4}
 .app-sheet.only-lang [data-sheet-part="menu"]{display:none}
 body.app-sheet-open{overflow:hidden}

 /* search overlay sits above the app bar */
 .search-overlay{z-index:1100 !important}
 /* page title bar: compact on phones */
 .page-title.bwp-title{padding:40px 0 !important;min-height:0 !important}
 .page-title .text-title-heading{font-size:34px !important}
}
@media (min-width:768px) and (max-width:1199px){
 .app-tabs{left:50%;right:auto;width:min(560px,94vw);transform:translateX(-50%);bottom:12px;height:var(--app-tabs);border-radius:24px;border:1px solid rgba(29,27,24,.07);padding:0 8px}
}
@media (max-width:991px){
 /* shop filters become horizontal chip rows above the products */
 .main-archive-product .bwp-sidebar{order:0 !important;margin-bottom:6px}
 .main-archive-product .bwp-sidebar .widget{margin-bottom:12px}
 .main-archive-product .bwp-sidebar .widget-title{font-size:13px !important;font-family:"DM Sans",sans-serif !important;letter-spacing:1px;text-transform:uppercase !important;color:#8b867e;margin-bottom:8px !important}
 .main-archive-product .product-categories{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto;scrollbar-width:none;margin:0 -15px;padding:2px 15px 6px}
 .main-archive-product .product-categories::-webkit-scrollbar{display:none}
 .main-archive-product .product-categories .cat-item{flex:none;margin:0 !important;padding:0 !important;border:0 !important}
 .main-archive-product .product-categories .cat-item:before{display:none !important}
 .main-archive-product .product-categories .cat-item a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:30px;background:#f4f1fb;color:#1d1b18;font-size:14px;white-space:nowrap}
 .main-archive-product .product-categories .cat-item .count{display:none}
 .main-archive-product .product-categories .current-cat a{background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff}
 .main-archive-product .content-top{margin-bottom:16px}
 .sul-page,.sidebar.shop-layout-boxed{padding-top:24px !important}
}
@media (max-width:767px){
 .sul-rs[data-level=m] .rs-l0{opacity:1}
 .page-title.bwp-title{padding:28px 0 !important}
 .page-title .text-title-heading{font-size:30px !important;margin-bottom:4px}
}
@media (max-width:991px){
 .main-archive-product .bwp-sidebar.sidebar-product{position:static !important;transform:none !important;visibility:visible !important;opacity:1 !important;width:100% !important;height:auto !important;max-width:none !important;padding:0 15px !important;background:none !important;box-shadow:none !important;overflow:visible !important;z-index:auto !important}
 .main-archive-product .button-filter,.main-archive-product .button-filter-toggle{display:none !important}
}
@media (max-width:991px){
 .page-title.bwp-title{margin-bottom:0 !important}
 .main-archive-product .bwp-sidebar.sidebar-product{padding-top:0 !important;padding-bottom:0 !important}
 .main-archive-product .product-categories .cat-item .count,.main-archive-product .product-categories .count{display:none !important}
 .main-archive-product .product-categories .current-cat > a{color:#fff !important}
 .main-archive-product .product-categories .cat-item a:before,.main-archive-product .product-categories .cat-item a:after{display:none !important}
 .main-archive-product .product-categories .cat-item a{padding:0 16px !important}
}
@media (max-width:991px){
 body .sidebar .main-archive-product .bwp-sidebar.sidebar-product{padding-top:0 !important;padding-bottom:0 !important}
 body .sidebar .main-archive-product .bwp-sidebar .widget_product_categories ul.product-categories li.cat-item.current-cat > a{color:#fff !important}
}
/* Hero intro: text and buttons fade in where they stand (no sliding in from the side) */
.sul-rs .sul-rs-slide .rs-l1,.sul-rs .sul-rs-slide .rs-l2,.sul-rs .sul-rs-slide .rs-l3,.sul-rs .sul-rs-slide .rs-btns{transform:none !important;opacity:0;filter:blur(6px);transition:opacity .9s ease,filter .9s ease !important}
.sul-rs .sul-rs-slide.on .rs-l1,.sul-rs .sul-rs-slide.on .rs-l2,.sul-rs .sul-rs-slide.on .rs-l3,.sul-rs .sul-rs-slide.on .rs-btns{opacity:1;filter:none}
.sul-rs .sul-rs-slide.on .rs-l1{transition-delay:.25s !important}
.sul-rs .sul-rs-slide.on .rs-l2{transition-delay:.4s !important}
.sul-rs .sul-rs-slide.on .rs-l3{transition-delay:.55s !important}
.sul-rs .sul-rs-slide.on .rs-btns{transition-delay:.7s !important}
.sul-rs[data-level=m] .sul-rs-slide .rs-l1,.sul-rs[data-level=m] .sul-rs-slide .rs-l2,.sul-rs[data-level=m] .sul-rs-slide .rs-btns{transform:translateX(-50%) !important}
@media (prefers-reduced-motion:reduce){.sul-rs .sul-rs-slide .rs-l1,.sul-rs .sul-rs-slide .rs-l2,.sul-rs .sul-rs-slide .rs-l3,.sul-rs .sul-rs-slide .rs-btns{transition:none !important;filter:none}}

/* ===== Testimonial / "Our promise" block — all languages ===== */
.elementor-element-1389fda .bwp-testimonial .name-job{display:flex !important;flex-direction:column;align-items:flex-start;gap:4px}
.elementor-element-1389fda .bwp-testimonial .name-job div:last-child:before{display:none !important}
.elementor-element-1389fda .bwp-testimonial .job-testimonial{font:400 15px/1.4 "DM Sans",sans-serif !important;color:#8b867e !important}
.rtl .elementor-element-1389fda .bwp-testimonial .name-job{align-items:flex-start}
/* Arabic: the outlined vertical heading doesn't work with Arabic letters — solid, horizontal, at the bottom of the photo */
.rtl .elementor-element-8f82f32 .elementor-heading-title{writing-mode:horizontal-tb !important;-webkit-text-stroke:0 !important;-webkit-text-fill-color:#fff !important;color:#fff !important;font-size:40px !important;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.rtl .elementor-element-d9941fd{justify-content:flex-end !important;padding-bottom:30px !important}
.rtl .elementor-element-1389fda .swiper-pagination{left:0;right:auto}
@media (max-width:767px){
 .elementor-element-c654f50{flex-direction:column !important}
 .elementor-element-d9941fd{width:100% !important;min-height:190px;justify-content:flex-end !important;align-items:center;padding:0 0 22px !important}
 .elementor-element-8f82f32 .elementor-heading-title{writing-mode:horizontal-tb !important;-webkit-text-stroke:0 !important;-webkit-text-fill-color:#fff !important;color:#fff !important;font-size:34px !important;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.25);margin:0 !important}
 .elementor-element-8f82f32 > .elementor-widget-container{margin:0 !important}
 .elementor-element-4b0b703{width:100% !important;padding:34px 20px 30px !important}
 .elementor-element-1389fda .bwp-testimonial .description-testimonial{font-size:18px !important;line-height:1.55 !important;margin:0 0 14px !important}
 .elementor-element-1389fda .bwp-testimonial .quote{display:none}
 .elementor-element-1389fda .bwp-testimonial .content-image img{width:64px !important;margin:0 0 12px !important}
 .elementor-element-1389fda .bwp-testimonial .name-testimonial{font-size:20px !important}
 .elementor-element-1389fda .swiper-pagination{position:static !important;display:flex !important;flex-direction:row !important;justify-content:center;gap:4px;width:auto !important;transform:none !important;margin-top:18px}
}
.elementor-element-1389fda .bwp-testimonial .content-image img{height:auto !important;aspect-ratio:1/1;object-fit:cover}
@media (max-width:767px){
 .elementor-element-1389fda .swiper-pagination .swiper-pagination-bullet{display:inline-block !important;margin:0 4px !important}
 .elementor-element-1389fda .swiper-pagination{height:auto !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important}
}
@media (max-width:767px){
 body .elementor-56542 .elementor-element-1389fda .swiper-pagination.swiper-pagination-1389fda{display:flex !important;flex-direction:row !important;justify-content:center !important;width:100% !important;grid-template-columns:none !important}
 body .elementor-56542 .elementor-element-1389fda .swiper-pagination.swiper-pagination-1389fda .swiper-pagination-bullet{display:inline-block !important}
}
@media (max-width:767px){
 /* product tabs: never cut off */
 .bwp-filter-homepage .filter-orderby{display:flex !important;flex-wrap:wrap;justify-content:center;gap:4px 0}
 .bwp-filter-homepage .filter-orderby li span{font-size:24px !important;white-space:nowrap}
 .bwp-filter-homepage .bwp-filter-heading{overflow:visible !important}
}
/* phone hero: two lines of text, buttons a bit lower */
.sul-rs[data-level=m] .rs-l3{-webkit-line-clamp:2 !important;top:392px !important}
.sul-rs[data-level=m] .rs-btns{top:462px !important}
.herbarium{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1199px){.herbarium{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.herbarium{grid-template-columns:repeat(2,minmax(0,1fr))}.months{flex-wrap:wrap;max-width:120px;justify-content:center}.specimen-label dl > div{display:flex;flex-direction:column;align-items:center;gap:4px}.specimen-label dt:after{content:""}}
@media (max-width:767px){
 .elementor-element-1389fda .bwp-testimonial .content-info,.elementor-element-1389fda .bwp-testimonial .testimonial-content{text-align:center !important;display:flex;flex-direction:column;align-items:center}
 .elementor-element-1389fda .bwp-testimonial .description-testimonial{text-align:center !important}
 .elementor-element-1389fda .bwp-testimonial .content-image{display:flex;justify-content:center;width:100%}
 .elementor-element-1389fda .bwp-testimonial .info-testimonial{width:100%}
 .elementor-element-1389fda .bwp-testimonial .name-job,.rtl .elementor-element-1389fda .bwp-testimonial .name-job{align-items:center !important;width:100%}
}
/* payment choice in the cart */
.sul-pay{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sul-pay label{flex-direction:row !important;align-items:center;gap:10px !important;padding:14px 16px;border:1px solid #e6e6e6;border-radius:16px;cursor:pointer;font-weight:500}
.sul-pay input{width:auto !important;height:auto !important;accent-color:#8a5fcf}
.sul-pay label:has(input:checked){border-color:#8a5fcf;background:#f6f2fc}
.sul-pay-ico{font-size:20px;line-height:1}

.sul-pay-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:480px){.sul-pay-3{grid-template-columns:1fr}}
.sul-pay-cur{margin-top:12px}
.sul-cur-chips{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.sul-cur-chips label{flex-direction:row !important;align-items:center;gap:0 !important;cursor:pointer}
.sul-cur-chips input{position:absolute;opacity:0;width:1px !important;height:1px !important}
.sul-cur-chips span{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:30px;border:1px solid #e6e6e6;font-weight:500}
.sul-cur-chips input:checked + span{border-color:#8a5fcf;background:#f6f2fc;color:#6f47b8}
.sul-cur-chips input:focus-visible + span{outline:2px solid #8a5fcf;outline-offset:2px}
.sul-row-cur strong{color:#6f47b8}
[data-pay-show][hidden]{display:none !important}
.sul-pay-4{grid-template-columns:repeat(2,1fr)}
@media (min-width:1200px){.sul-pay-4{grid-template-columns:repeat(4,1fr)}}

/* ===== Inner page heading (modern, light) ===== */
.sul-ph{padding:28px 0 6px}
.sul-ph-card{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:44px 48px;min-height:170px;display:flex;flex-direction:column;justify-content:center;gap:12px;
 background:radial-gradient(120% 140% at 0% 0%,#e3f4f2 0%,rgba(227,244,242,0) 55%),radial-gradient(120% 140% at 100% 100%,#efe4fb 0%,rgba(239,228,251,0) 60%),#f8f6fb}
.sul-ph-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 20%,rgba(228,134,207,.18),transparent 35%)}
.sul-ph-deco{position:absolute;z-index:-1;right:28px;top:50%;width:150px;height:auto;transform:translateY(-50%);opacity:.55;pointer-events:none}
.rtl .sul-ph-deco{right:auto;left:28px;transform:translateY(-50%) scaleX(-1)}
.sul-ph-title{margin:0;font:500 52px/1.05 Cormorant,serif;color:#1d1b18;letter-spacing:-.5px}
.lang-ar .sul-ph-title{font-family:Amiri,serif;font-size:44px;line-height:1.3}
.sul-ph-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 13px/1 "DM Sans",sans-serif;color:#8b867e}
.sul-ph-crumb a{color:#6f47b8}
.sul-ph-crumb a:hover{color:#2f9a94}
.sul-ph-crumb i{width:4px;height:4px;border-radius:50%;background:#c9bfe0}
.sul-ph-crumb span{color:#5f5a52}
@media (max-width:767px){
 .sul-ph{padding:14px 0 0}
 .sul-ph-card{border-radius:22px;padding:24px 22px;min-height:0;gap:8px}
 .sul-ph-title{font-size:34px}
 .lang-ar .sul-ph-title{font-size:30px}
 .sul-ph-deco{width:92px;right:12px;opacity:.45}
 .rtl .sul-ph-deco{left:12px}
}
@media (min-width:768px){.sul-ph{padding:32px 0 20px}}
.sul-ph-crumb{display:none !important}

/* ===== Phone shop filters: one chip row + filter sheet ===== */
.sul-mf,.sul-mf-sheet{display:none}
@media (max-width:991px){
 .sul-mf{display:block;padding-top:14px}
 .main-archive-product .bwp-sidebar.sidebar-product,.main-archive-product .bwp-top-bar{display:none !important}
 .sul-mf-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -15px;padding:6px 15px 4px;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 28px);mask-image:linear-gradient(to left,transparent 0,#000 28px)}
 .rtl .sul-mf-row{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px);mask-image:linear-gradient(to right,transparent 0,#000 28px)}
 .sul-mf-row::-webkit-scrollbar{display:none}
 .sul-mf-chip,.sul-mf-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 15px;border-radius:30px;font:500 14px/1 "DM Sans",sans-serif;white-space:nowrap}
 .sul-mf-chip{background:#f4f1fb;color:#1d1b18}
 .sul-mf-chip.is-on{background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff}
 .sul-mf-btn{position:relative;background:#fff;color:#1d1b18;border:1.5px solid #1d1b18;font-weight:600;cursor:pointer}
 .sul-mf-btn b{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#e486cf;color:#fff;font:700 11px/15px "DM Sans",sans-serif;text-align:center;border:2px solid #fff}
 .rtl .sul-mf-btn b{right:auto;left:-6px}
 .sul-mf-meta{margin:8px 0 2px;font-size:13px;color:#8b867e}
 .sul-mf-sheet:not([hidden]){display:block;position:fixed;inset:0;z-index:1000}
 .sul-mf-dim{position:absolute;inset:0;background:rgba(20,18,30,.42);opacity:0;transition:opacity .3s}
 .sul-mf-sheet.is-open .sul-mf-dim{opacity:1}
 .sul-mf-panel{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow:auto;background:#fff;border-radius:26px 26px 0 0;padding:8px 18px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .sul-mf-sheet.is-open .sul-mf-panel{transform:none}
 .sul-mf-grip{width:42px;height:5px;border-radius:5px;background:#e3dfea;margin:4px auto 12px}
 .sul-mf-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
 .sul-mf-head h3{margin:0;font:600 20px/1 "DM Sans",sans-serif !important;color:#1d1b18}
 .sul-mf-head a{font-size:14px;color:#8a5fcf}
 .sul-mf-panel h4{margin:16px 2px 8px;font:600 12px/1 "DM Sans",sans-serif !important;color:#8b867e;letter-spacing:.5px;text-transform:uppercase}
 .sul-mf-wrap{display:flex;flex-wrap:wrap;gap:8px}
 .sul-mf-opt input,.sul-mf-seg input{position:absolute;opacity:0;pointer-events:none}
 .sul-mf-opt span{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 15px;border-radius:30px;background:#f4f1fb;color:#1d1b18;font:500 14px/1 "DM Sans",sans-serif;cursor:pointer}
 .sul-mf-opt span i{font-style:normal}
 .sul-mf-opt input:checked + span{background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff}
 .sul-mf-seg{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f1fb;border-radius:14px;padding:4px}
 .sul-mf-seg span{display:block;text-align:center;padding:11px 4px;border-radius:11px;font:500 14px/1.1 "DM Sans",sans-serif;color:#1d1b18;cursor:pointer}
 .sul-mf-seg input:checked + span{background:#fff;color:#6f47b8;font-weight:600;box-shadow:0 2px 8px -3px rgba(0,0,0,.2)}
 .sul-mf-opt input:focus-visible + span,.sul-mf-seg input:focus-visible + span{outline:2px solid #8a5fcf;outline-offset:2px}
 .sul-mf-go{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:22px;border:0;border-radius:16px;background:linear-gradient(90deg,#2f9a94,#8a5fcf);color:#fff;font:600 16px/1 "DM Sans",sans-serif;cursor:pointer}
 .sidebar.shop-layout-boxed{padding-top:10px !important}
}
@media (max-width:991px){body .sidebar .main-archive-product > .bwp-sidebar,body .sidebar .main-archive-product .bwp-top-bar{display:none !important}}
@media (max-width:991px){html body .sidebar .main-archive-product.row > .bwp-sidebar.sidebar-product{display:none !important}}

/* ===== Checkout form (cart) — grouped sections ===== */
html body .ck{gap:36px;grid-template-columns:minmax(0,1fr) 370px}
html body .ck .checkout-main{display:grid;gap:22px;min-width:0}
html body .ck .lines{background:#fff;border:1px solid #eeeaf3;border-radius:20px;padding:6px 20px}
html body .ck .lines .line{border-color:#f1eef5}
html body .ck .ck-sec{background:#fff;border:1px solid #eeeaf3;border-radius:20px;padding:26px 28px;box-shadow:0 6px 24px rgba(60,40,100,.04)}
html body .ck .ck-h{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:20px;font-weight:600;line-height:1.3;color:#1d1a24}
html body .ck .ck-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff;font-size:14px;font-weight:700}
html body .ck .ck-tag{margin-inline-start:auto;font-style:normal;font-size:13px;font-weight:600;color:#6f47b8;background:#f3edfb;padding:4px 12px;border-radius:20px}
html body .ck .ck-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
html body .ck .ck-span{grid-column:1/-1}
html body .ck .ck-f{display:flex;flex-direction:column;gap:7px;margin:0;font-size:14px;font-weight:600;color:#4a4458;min-width:0}
html body .ck .ck-f>span small,html body .ck .ck-f small{font-weight:400;color:#9a94a8}
html body .ck .ck-f [hidden],html body .ck [data-show][hidden]{display:none!important}
html body .ck input:not([type=radio]):not([type=checkbox]),html body .ck select,html body .ck textarea{width:100%;height:50px;padding:0 16px;border:1px solid #e4e0eb;border-radius:14px;background:#fbfafd;font:inherit;font-size:15px;font-weight:400;color:#1d1a24;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s;margin:0}
html body .ck textarea{height:auto;min-height:84px;padding:13px 16px;resize:vertical;line-height:1.6}
html body .ck select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a5fcf' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
html[dir=rtl] body .ck select{background-position:left 16px center;padding-right:16px;padding-left:40px}
html body .ck input:focus,html body .ck select:focus,html body .ck textarea:focus{outline:0;border-color:#8a5fcf;background:#fff;box-shadow:0 0 0 4px rgba(138,95,207,.14)}
html body .ck .ck-phone{display:flex;align-items:stretch;border:1px solid #e4e0eb;border-radius:14px;background:#fbfafd;overflow:hidden;transition:border-color .15s,box-shadow .15s}
html body .ck .ck-phone:focus-within{border-color:#8a5fcf;background:#fff;box-shadow:0 0 0 4px rgba(138,95,207,.14)}
html body .ck .ck-cc{display:flex;align-items:center;padding:0 14px;background:#f3f0f8;border-right:1px solid #e4e0eb;font-weight:600;color:#4a4458;white-space:nowrap;font-size:15px}
html body .ck .ck-phone input{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;letter-spacing:.04em}
html body .ck .ck-hint{font-size:12.5px;font-weight:400;color:#9a94a8}
html body .ck .ck-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body .ck .ck-seg label{position:relative;margin:0;cursor:pointer}
html body .ck .ck-seg input{position:absolute;opacity:0;pointer-events:none}
html body .ck .ck-seg span{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border:1px solid #e4e0eb;border-radius:14px;background:#fbfafd;font-weight:600;color:#4a4458;transition:all .15s}
html body .ck .ck-seg input:checked+span{border-color:#8a5fcf;background:#f6f2fc;color:#6f47b8;box-shadow:inset 0 0 0 1px #8a5fcf}
html body .ck .ck-seg input:focus-visible+span{outline:2px solid #8a5fcf;outline-offset:2px}
html body .ck .sul-pay label{background:#fbfafd;border-color:#e4e0eb;min-height:56px;margin:0}
html body .ck .sul-pay label:has(input:checked){box-shadow:inset 0 0 0 1px #8a5fcf}
html body .ck .ck-note{display:block;margin-top:12px;padding:10px 14px;border-radius:12px;background:#f7f5fb;color:#5d566d;font-size:13px;line-height:1.6}
html body .ck .ck-note[hidden]{display:none}
html body .ck .sul-summary{background:#fff;border:1px solid #eeeaf3;border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(60,40,100,.07);top:110px}
html body .ck .ck-sum-h{margin:0 0 10px;font-size:18px;font-weight:600;color:#1d1a24}
html body .ck .sul-summary .btn{height:54px;border-radius:16px;font-size:16px;margin-top:8px}
html body .ck .alert{margin:0;padding:14px 18px;border-radius:14px;background:#fdecef;color:#a3223f;font-weight:600}
@media (max-width:991px){html body .ck{grid-template-columns:1fr;gap:22px}html body .ck .sul-summary{position:static}}
@media (max-width:600px){html body .ck .ck-sec{padding:20px 16px;border-radius:18px}html body .ck .ck-grid{grid-template-columns:1fr}html body .ck .ck-h{font-size:18px}html body .ck .lines{padding:4px 12px}}

html body .ck .ck-cc{position:relative;gap:6px;cursor:pointer}
html body .ck .ck-cc select{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer;padding:0!important;border:0!important}
html body .ck .ck-cc svg{color:#8a5fcf;flex:none}
html body .ck .ck-cc:focus-within{background:#ece6f7}
html body .ck .ck-f>label{margin:0;font:inherit;color:inherit}
html body .ck .ck-hint[hidden]{display:none}
html body .ck .ck-cc{padding:0 10px 0 12px}
html body .ck .ck-code{display:flex;align-items:center;padding-left:10px;border-right:1px solid #e4e0eb;color:#4a4458;font-weight:600;font-size:15px}
html body .ck .ck-code input{width:46px!important;padding:0 8px 0 2px!important;font-weight:600!important;letter-spacing:0!important}
/* "Selected collection": three equal tiles whatever the photo size */
@media (min-width:768px){html body .elementor-element-3100fec,html body .elementor-element-01f22f9,html body .elementor-element-4a83e2f{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}}
html body :is(.elementor-element-3100fec,.elementor-element-01f22f9,.elementor-element-4a83e2f) .bwp-image img{width:100%!important;height:auto;aspect-ratio:414/280;object-fit:cover;display:block}

/* "Our promise" panel with our own photo: as shot in Arabic, mirrored in left-to-right languages */
html body .elementor-element-d9941fd.has-promise-photo{background-image:none!important;position:relative;overflow:hidden;background-color:#ead3c3}
.has-promise-photo .promise-photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scaleX(-1);z-index:0}
.rtl .has-promise-photo .promise-photo{transform:none}
.has-promise-photo .promise-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(35,120,116,.18),rgba(110,80,180,.22))}
.has-promise-photo>.elementor-element{position:relative;z-index:1}
/* Our promise: text side continues the photo's own peach background, so both read as one surface */
html body .elementor-56542 .elementor-element.elementor-element-4b0b703{background:linear-gradient(180deg,#f4e3d7 0%,#ebd5c6 55%,#e4ccbc 100%)!important}
html body .elementor-element-d9941fd.has-promise-photo{background-color:#ebd5c6}
.has-promise-photo .promise-photo::after{display:none}
/* fade the photo's inner edge (the side touching the text) into the shared colour */
.has-promise-photo .promise-photo{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%);mask-image:linear-gradient(to right,transparent 0,#000 16%)}
.rtl .has-promise-photo .promise-photo{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%);mask-image:linear-gradient(to right,transparent 0,#000 16%)}
@media (max-width:767px){.has-promise-photo .promise-photo,.rtl .has-promise-photo .promise-photo{-webkit-mask-image:linear-gradient(to top,transparent 0,#000 22%);mask-image:linear-gradient(to top,transparent 0,#000 22%)}}
html body .elementor-element-4b0b703 .bwp-testimonial .job-testimonial{color:#7d6a5f!important}
html body .elementor-element-d9941fd.has-promise-photo{background:linear-gradient(180deg,#f4e3d7 0%,#ebd5c6 55%,#e4ccbc 100%)!important}
.has-promise-photo .elementor-heading-title{text-shadow:0 2px 14px rgba(90,60,40,.45)}
/* Promise photo composition: whole bouquet visible, sitting a little lower, edges melting into the panel colour */
.has-promise-photo .promise-photo{background-size:auto 94%!important;background-repeat:no-repeat;background-position:right 0 bottom 0!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);mask-composite:intersect}
.rtl .has-promise-photo .promise-photo{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%)}
@media (max-width:767px){.has-promise-photo .promise-photo,.rtl .has-promise-photo .promise-photo{background-size:cover!important;background-position:78% 58%!important;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 22%);mask-image:linear-gradient(to top,transparent 0,#000 22%);-webkit-mask-composite:source-over;mask-composite:add}}
/* Promise panel title: horizontal, dark, on the empty wall side of the photo (top, away from the flowers) */
html body .elementor-element-d9941fd.has-promise-photo{justify-content:flex-start!important;align-items:flex-end!important;padding:44px 40px!important}
html body .has-promise-photo .elementor-element-8f82f32 .elementor-heading-title{writing-mode:horizontal-tb!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:#5a4033!important;color:#5a4033!important;font-size:46px!important;line-height:1.1!important;text-shadow:none!important;white-space:nowrap}
.has-promise-photo .promise-photo{background-position:right 4% bottom 0!important}
@media (max-width:767px){
 html body .elementor-element-d9941fd.has-promise-photo{min-height:240px;justify-content:flex-end!important;align-items:center!important;padding:0 0 18px!important}
 html body .has-promise-photo .elementor-element-8f82f32 .elementor-heading-title{font-size:34px!important;text-align:center}
}
html body .has-promise-photo .elementor-element-8f82f32 .elementor-heading-title{font-size:clamp(30px,2.6vw,42px)!important;white-space:normal;text-align:end}
.has-promise-photo .promise-photo,.rtl .has-promise-photo .promise-photo{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to bottom,transparent 0,#000 26%);mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to bottom,transparent 0,#000 26%)}
@media (max-width:767px){.has-promise-photo .promise-photo,.rtl .has-promise-photo .promise-photo{-webkit-mask-image:linear-gradient(to top,transparent 0,#000 22%);mask-image:linear-gradient(to top,transparent 0,#000 22%)}}
/* Promise title sits inside the photo, on the empty floor side, near the bottom */
html body .elementor-element-d9941fd.has-promise-photo{justify-content:flex-end!important;padding:40px 36px 46px!important}
html body .has-promise-photo .elementor-element-8f82f32 .elementor-heading-title{text-shadow:0 1px 18px rgba(255,248,240,.9),0 0 2px rgba(255,248,240,.8)!important}
/* Phones: same framing as Arabic in every language (mirrored by the flip), photo melts into the text section below */
@media (max-width:767px){
 html body .elementor-element-d9941fd.has-promise-photo .promise-photo{background-size:cover!important;background-position:78% 58%!important;inset:0!important;
   -webkit-mask-image:linear-gradient(to top,transparent 0,#000 34%)!important;mask-image:linear-gradient(to top,transparent 0,#000 34%)!important}
 html body .elementor-element-d9941fd.has-promise-photo{background:#ebd5c6!important}
 html body .elementor-56542 .elementor-element.elementor-element-4b0b703{background:linear-gradient(180deg,#ebd5c6 0%,#e7cfbf 100%)!important;box-shadow:none!important}
}
/* Promo cards: no negative z-index layers (iOS Safari drops them while the carousel is being swiped → the
   bottom of the photo flashes dark). Explicit stacking + own compositing layer per card. */
.sul-promo{isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.sul-promo-bg{z-index:0!important}
.sul-promo-fade{z-index:1!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.sul-promo-body,.sul-promo-num{position:relative;z-index:2}
.sul-promo-num{position:absolute}
.sul-promos .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body .ck .ck-split{margin:6px 0 4px;padding:10px 12px;border-radius:12px;background:#fdf3e4;color:#8a5a14;font-size:12.5px;line-height:1.6}
html body .ck .ck-split[hidden]{display:none}

/* Photos can't be dragged out or long-pressed to save (iOS / Android) */
img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.sul-rs h1.rs-l1{margin:0;font-weight:500}

/* ===== Checkout v2 — calmer, more "boutique" form ===== */
html body .ck{--ck-ink:#1d1a24;--ck-sub:#6b6479;--ck-mut:#a19bb0;--ck-line:#ece8f2;--ck-field:#fff;--ck-fline:#dedae6;--ck-p:#7b52c4;--ck-p2:#2f9a94;--ck-soft:#f7f4fc;gap:28px}
html body .ck .checkout-main{gap:16px}
html body .ck,html body .ck input,html body .ck select,html body .ck textarea,html body .ck button,html body .ck .ck-h,html body .ck .line-name,html body .ck .ck-sum-h{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif}
html[dir=rtl] body .ck,html[dir=rtl] body .ck *:not(svg):not(path){font-family:"Tajawal","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
html body .ck .ck-sec{border:1px solid var(--ck-line);border-radius:18px;padding:22px 22px 24px;box-shadow:0 1px 2px rgba(30,20,60,.04)}
html body .ck .ck-h{gap:10px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--ck-line);font-size:16.5px;font-weight:700;letter-spacing:-.005em;color:var(--ck-ink)}
html body .ck .ck-n,html body .ck .ck-ico{width:26px;height:26px;font-size:12.5px;background:var(--ck-soft);color:var(--ck-p);box-shadow:inset 0 0 0 1px #e4daf5}
html body .ck .ck-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
html body .ck .ck-count{margin-inline-start:auto;font-style:normal;font-size:12.5px;font-weight:600;color:var(--ck-sub);background:#f3f1f6;border-radius:20px;padding:3px 10px;min-width:26px;text-align:center}
html body .ck .ck-count:empty{display:none}
html body .ck .ck-grid{gap:14px 14px}
html body .ck .ck-f{gap:6px;font-size:13px;font-weight:600;color:var(--ck-sub)}
html body .ck .ck-f>span small,html body .ck .ck-f small{font-weight:500;color:var(--ck-mut)}
html body .ck input:not([type=radio]):not([type=checkbox]),html body .ck select,html body .ck textarea{height:48px;border-radius:12px;border-color:var(--ck-fline);background:var(--ck-field);font-size:15.5px;color:var(--ck-ink)}
html body .ck textarea{min-height:76px}
html body .ck ::placeholder{color:#b9b3c6}
html body .ck input:focus,html body .ck select:focus,html body .ck textarea:focus{border-color:var(--ck-p);box-shadow:0 0 0 3px rgba(123,82,196,.13)}
html body .ck .ck-phone{border-color:var(--ck-fline);border-radius:12px;background:var(--ck-field)}
html body .ck .ck-phone:focus-within{border-color:var(--ck-p);box-shadow:0 0 0 3px rgba(123,82,196,.13)}
html body .ck .ck-cc{background:#faf9fc;border-right-color:var(--ck-line)}
html body .ck .ck-code{border-right-color:var(--ck-line)}
html body .ck .ck-hint{font-size:12px;color:var(--ck-mut);line-height:1.5}
html body .ck .ck-seg span{height:46px;border-radius:12px;border-color:var(--ck-fline);background:#fff;font-weight:600;font-size:14.5px;color:var(--ck-sub)}
html body .ck .ck-seg input:checked+span{border-color:var(--ck-p);background:var(--ck-soft);color:var(--ck-p);box-shadow:inset 0 0 0 1px var(--ck-p)}

/* bag lines */
html body .ck .ck-bag{padding-bottom:8px}
html body .ck .ck-bag .ck-h{margin-bottom:4px}
html body .ck .lines{border:0;border-radius:0;padding:0;margin:0;background:none}
html body .ck .lines .line{display:flex;gap:14px;align-items:stretch;padding:14px 0;border-bottom:1px solid var(--ck-line)}
html body .ck .lines .line:last-child{border-bottom:0}
html body .ck .line-media img,html body .ck .line-media .art{width:76px;height:92px;border-radius:12px}
html body .ck .line-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body .ck .line-top{display:flex;align-items:flex-start;gap:8px}
html body .ck .line-name{flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--ck-ink)}
html body .ck .line-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-3px -4px 0 0;border:0;border-radius:50%;background:none;color:var(--ck-mut);cursor:pointer}
html body .ck .line-x:hover{background:#f6f3f9;color:#c2405d}
html body .ck .line-unit{font-size:13px;color:var(--ck-mut)}
html body .ck .line-bot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
html body .ck .line .qty{height:34px;border:1px solid var(--ck-fline);border-radius:10px;width:auto}
html body .ck .line .qty button{width:32px;font-size:17px;color:var(--ck-p)}
html body .ck .line .qty span{min-width:22px;font-weight:600;font-size:14px;color:var(--ck-ink)}
html body .ck .line-total{min-width:0;font-size:15.5px;font-weight:700;color:var(--ck-ink)}

/* gift card toggle */
html body .ck .ck-toggle{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;border:1px solid var(--ck-fline);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
html body .ck .ck-toggle input{position:absolute;opacity:0;pointer-events:none}
html body .ck .ck-toggle-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--ck-soft);color:var(--ck-p)}
html body .ck .ck-toggle-txt{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
html body .ck .ck-toggle-txt b{font-size:14.5px;font-weight:600;color:var(--ck-ink)}
html body .ck .ck-toggle-txt small{font-size:12.5px;color:var(--ck-mut)}
html body .ck .ck-tick{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;border:1.5px solid #cfc8dc;color:transparent;transition:all .15s}
html body .ck .ck-toggle:has(input:checked){border-color:var(--ck-p);background:#fcfaff;box-shadow:inset 0 0 0 1px var(--ck-p)}
html body .ck .ck-toggle:has(input:checked) .ck-tick{background:var(--ck-p);border-color:var(--ck-p);color:#fff}
html body .ck .ck-toggle:has(input:focus-visible){outline:2px solid var(--ck-p);outline-offset:2px}
html body .ck .ck-cardbox{margin-top:12px;animation:ckIn .22s ease}
@keyframes ckIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* payment tiles */
html body .ck .sul-pay{gap:10px}
html body .ck .sul-pay label{position:relative;min-height:54px;padding:12px 14px;gap:10px!important;border:1px solid var(--ck-fline);border-radius:14px;background:#fff;font-size:14px;font-weight:600;color:var(--ck-ink);line-height:1.25}
html body .ck .sul-pay input{position:absolute;opacity:0;pointer-events:none}
html body .ck .sul-pay-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f6f4f9;font-size:17px}
html body .ck .sul-pay label:has(input:checked){border-color:var(--ck-p);background:#fcfaff;box-shadow:inset 0 0 0 1px var(--ck-p);color:var(--ck-p)}
html body .ck .sul-pay label:has(input:checked) .sul-pay-ico{background:#efe7fb}
html body .ck .sul-pay label:has(input:focus-visible){outline:2px solid var(--ck-p);outline-offset:2px}
html body .ck .sul-pay-cur{margin-top:16px}
html body .ck .sul-pay-cur .seg-label{font-size:13px;font-weight:600;color:var(--ck-sub)}
html body .ck .sul-cur-chips span{height:36px;padding:0 16px;font-size:13.5px;font-weight:600;border-color:var(--ck-fline);color:var(--ck-sub);background:#fff}
html body .ck .sul-cur-chips input:checked+span{border-color:var(--ck-p);background:var(--ck-soft);color:var(--ck-p);box-shadow:inset 0 0 0 1px var(--ck-p)}
html body .ck .ck-note{background:var(--ck-soft);color:var(--ck-sub);font-size:12.5px}

/* summary */
html body .ck .sul-summary{border:1px solid var(--ck-line);border-radius:18px;padding:22px;box-shadow:0 12px 32px rgba(50,30,90,.07)}
html body .ck .ck-sum-h{font-size:16.5px;font-weight:700;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--ck-line)}
html body .ck .sul-row{padding:9px 0;font-size:14px;color:var(--ck-sub);border:0}
html body .ck .sul-row strong{font-weight:600;color:var(--ck-ink)}
html body .ck .sul-row.total{margin-top:6px;padding-top:14px;border-top:1px dashed #dcd6e6;font-size:16px;font-weight:700;color:var(--ck-ink)}
html body .ck .sul-row.total strong{font-size:21px;font-weight:800;color:var(--ck-ink)}
html body .ck .ck-go{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;margin-top:14px;border:0;border-radius:14px;background:linear-gradient(100deg,#2f9a94 0%,#7b52c4 100%);color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 22px rgba(123,82,196,.28)}
html body .ck .ck-go:hover{filter:brightness(1.05)}
html[dir=rtl] body .ck .ck-go svg{transform:scaleX(-1)}
html body .ck .ck-trust{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--ck-line);display:grid;gap:9px}
html body .ck .ck-trust li{display:flex;align-items:center;gap:9px;margin:0;font-size:12.5px;color:var(--ck-sub);line-height:1.4}
html body .ck .ck-trust svg{flex:none;color:var(--ck-p2)}
html body .ck .sul-summary .fine{margin:12px 0 0;font-size:11.5px;color:var(--ck-mut);line-height:1.55}
@media (max-width:600px){
 html body .ck .ck-sec{padding:18px 16px 20px;border-radius:16px}
 html body .ck .ck-bag{padding-bottom:4px}
 html body .ck .sul-summary{padding:18px 16px}
 html body .ck .sul-pay{grid-template-columns:1fr 1fr}
 html body .ck .sul-pay label{font-size:13px;padding:10px 12px}
}

/* iOS Safari: the native date field has its own minimum width and pushed the page sideways.
   Keep it inside its box, left/right aligned like the other fields, with a calendar icon. */
html body .ck .ck-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:600px){html body .ck .ck-grid{grid-template-columns:minmax(0,1fr)}}
html body .ck input[type=date]:not([type=radio]){display:block;min-width:0;max-width:100%;width:100%;-webkit-appearance:none;appearance:none;text-align:start;line-height:48px;
 background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237b52c4' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat right 14px center!important;padding-right:44px!important}
html[dir=rtl] body .ck input[type=date]{background-position:left 14px center!important;padding-right:16px!important;padding-left:44px!important}
html body .ck input[type=date]::-webkit-date-and-time-value{text-align:start;margin:0}
html body .ck input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}
html body .ck input[type=date]::-webkit-inner-spin-button{display:none}
/* nothing on the page may scroll sideways */
html,body{max-width:100%;overflow-x:clip}
html body .ck,html body .ck .checkout-main,html body .ck .ck-sec{min-width:0;max-width:100%}
/* footer: tighter spacing on phones */
@media (max-width:767px){
 .bwp-footer .elementor-element-330ce68{padding:30px 0 24px!important;gap:10px 0!important}
 .bwp-footer .elementor-element-9e9dbd1{padding:26px 0 24px!important;gap:16px 0!important}
 .bwp-footer .elementor-element-0f98581{gap:12px!important}
 .bwp-footer .sul-footer-logo img.sul-logo-img{height:56px;width:auto}
 .bwp-footer .elementor-element-7d5c0af p{margin:0!important;line-height:1.7!important}
 .bwp-footer .elementor-element-7d5c0af .elementor-widget-container{margin:0!important;padding:0!important}
 .bwp-footer .elementor-element-08b7893 .elementor-widget-container{margin:0!important;padding:0!important}
}
/* hero: before the sizing script runs, reserve the final height and hide the unscaled stage (no layout jump on load) */
.sul-rs:not([data-level]) .sul-rs-stage{visibility:hidden}
@media (max-width:777px){.sul-rs:not([data-level]){height:calc(min(100vw,480px) * 550 / 480)}}
@media (min-width:778px) and (max-width:1023px){.sul-rs:not([data-level]){height:calc(min(100vw,778px) * 550 / 778)}}
@media (min-width:1024px) and (max-width:1239px){.sul-rs:not([data-level]){height:calc(min(100vw,1024px) * 600 / 1024)}}
@media (min-width:1240px){.sul-rs:not([data-level]){height:calc(min(100vw,1920px) * 780 / 1920)}}
/* carousels: show the first slides at their final size before Swiper loads (no blank gap, no jump) */
.bwp-swiper-slider:not(.swiper-initialized){opacity:1!important;visibility:visible!important}
.bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{visibility:visible!important}
.elementor-element-1389fda .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:100%;flex-shrink:0}
@media (max-width:767px){
 .bwp-swiper-slider:not(.swiper-initialized) .swiper-wrapper{gap:15px}
 .elementor-element-60feae3 .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide,
 .elementor-element-689d4bf .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide,
 .elementor-element-964aec7 .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:calc((100% - 15px)/2);margin:0;flex-shrink:0}
 .sul-promos .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{margin:0}
}
@media (min-width:768px) and (max-width:1024px){
 .bwp-swiper-slider:not(.swiper-initialized) .swiper-wrapper{gap:15px}
 .elementor-element-60feae3 .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide,
 .elementor-element-689d4bf .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:calc((100% - 30px)/3);margin:0;flex-shrink:0}
 .elementor-element-964aec7 .bwp-swiper-slider:not(.swiper-initialized) .swiper-slide{width:calc((100% - 15px)/2);margin:0;flex-shrink:0}
}
.bwp-swiper-slider:not(.swiper-initialized) .swiper-pagination:empty{min-height:26px}

/* =====================================================================
   Build your bouquet (/build)
   ===================================================================== */
.cb{--cb-ink:#1d1a24;--cb-sub:#6b6479;--cb-line:#ece8f2;--cb-p:#7b52c4;--cb-soft:#f7f4fc;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.cb-side{grid-column:2;grid-row:1;position:sticky;top:20px;background:#fff;border:1px solid var(--cb-line);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(40,25,70,.06)}
.cb-list{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.cb-stage{position:relative;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#fff 0,#f7f2ef 70%);overflow:hidden}
.cb-stage canvas{display:block;width:100%;height:auto}
.cb-stage-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;margin:0;color:var(--cb-sub);font-size:15px;line-height:1.6}
.cb-wraps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 6px}
.cb-lbl{width:100%;font-size:13px;color:var(--cb-sub);font-weight:600}
.cb-wraps label{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--cb-sub)}
.cb-wraps input{position:absolute;opacity:0;pointer-events:none}
.cb-wraps i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:box-shadow .15s}
.cb-wraps input:checked+i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px #fff,0 0 0 4px var(--cb-p)}
.cb-wraps input:focus-visible+i{outline:2px solid var(--cb-p);outline-offset:4px}
.cb-sum{list-style:none;margin:10px 0 0;padding:0;font-size:14px;max-height:260px;overflow:auto}
.cb-sum li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--cb-line)}
.cb-sum small{color:var(--cb-sub)}
.cb-total{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 4px;font-size:15px;color:var(--cb-sub)}
.cb-total strong{font-size:24px;color:var(--cb-ink)}
.cb-min{margin:0 0 12px;font-size:13px;color:#c0392b}
.cb-min.is-ok{color:#2f9a94}
.cb-side .btn[disabled],.cb-bar .btn[disabled]{opacity:.45;cursor:not-allowed}
.cb-clear{display:block;margin:10px auto 0;background:none;border:0;color:var(--cb-sub);text-decoration:underline;cursor:pointer;font-size:13px}
.cb-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--cb-sub)}
.cb-card{background:#fff;border:1px solid var(--cb-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.cb-card.is-on{border-color:var(--cb-p);box-shadow:0 0 0 2px rgba(123,82,196,.18)}
.cb-img{aspect-ratio:1;overflow:hidden;background:#fff}
.cb-img img{width:100%;height:100%;object-fit:cover;display:block}
.cb-info{padding:10px 12px 4px;flex:1}
.cb-info h3{margin:0 0 4px;font-size:15px;line-height:1.35;color:var(--cb-ink);font-family:inherit;font-weight:700}
.cb-price{font-size:13px;color:var(--cb-sub)}
.cb-price b{color:var(--cb-p)}
.cb-qty{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin:8px 12px 12px;border:1px solid var(--cb-line);border-radius:12px;overflow:hidden}
.cb-qty button{height:40px;border:0;background:var(--cb-soft);font-size:20px;color:var(--cb-ink);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.cb-qty button:active{background:#ece4f8}
.cb-qty input{width:100%;height:40px;border:0;text-align:center;font-size:16px;font-weight:700;padding:0;-moz-appearance:textfield;background:#fff}
.cb-qty input::-webkit-outer-spin-button,.cb-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cb-card.is-on .cb-qty input{color:var(--cb-p)}
.cb-bar{display:none}
@media (max-width:991px){
 .cb{grid-template-columns:1fr;gap:20px}
 .cb-side{grid-column:1;position:static;padding:14px}
 .cb-stage{max-width:420px;margin:0 auto}
 .cb-list{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:90px}
 .cb-bar{display:flex;align-items:center;gap:10px;position:fixed;inset-inline:0;bottom:0;z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--cb-line);box-shadow:0 -6px 20px rgba(40,25,70,.08);transform:translateY(110%);transition:transform .25s}
 .cb-bar.is-on{transform:none}
 .cb-bar-thumb{flex:none;width:48px;height:61px;border-radius:10px;overflow:hidden;background:#f7f2ef}
 .cb-bar-thumb canvas{width:100%;height:100%;display:block}
 .cb-bar-txt{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}
 .cb-bar-txt small{color:var(--cb-sub);font-size:12px}
 .cb-bar-txt b{font-size:17px;color:var(--cb-ink)}
 .cb-bar .btn{flex:none;padding:12px 16px;font-size:14px;white-space:nowrap}
}
@media (max-width:1199px){.cb-bar{bottom:calc(var(--app-tabs,66px) + var(--safe-b,0px));padding-bottom:8px}}
.line-sub{display:block;font-size:12.5px;line-height:1.55;color:#6b6479;margin-top:2px}
.sul-cb-promo{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 28px;padding:16px 20px;border-radius:18px;background:linear-gradient(90deg,#f5effd,#eaf6f5);border:1px solid #ece8f2}
.sul-cb-promo p{margin:0;font-size:15px;color:#3b3449;flex:1;min-width:220px}

.cb-preview-note{margin:24px 0 0;padding:12px 16px;border-radius:14px;background:#fff7e6;border:1px solid #f3d9a4;color:#7a5a12;font-size:14px;line-height:1.6;text-align:center}
.cb-ai-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px}
.cb-ai-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(2px);text-align:center;padding:24px;font-size:14px;color:#3b3449;border-radius:16px}
.cb-spin{width:38px;height:38px;border-radius:50%;border:3px solid #e6dff3;border-top-color:#7b52c4;animation:cbspin .9s linear infinite}
@keyframes cbspin{to{transform:rotate(360deg)}}
.cb-tabs{position:absolute;top:10px;inset-inline-start:10px;display:flex;background:rgba(255,255,255,.92);border-radius:999px;padding:3px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.cb-tabs button{border:0;background:none;padding:6px 14px;border-radius:999px;font-size:13px;color:#6b6479;cursor:pointer}
.cb-tabs button.is-on{background:#7b52c4;color:#fff}
.cb-ai{margin:12px 0 0;text-align:center}
.cb-ai-btn{width:100%;padding:12px 14px;border-radius:14px;border:1.5px dashed #b9a3e3;background:linear-gradient(90deg,#f6f1fd,#eef8f7);color:#4e3a8c;font-weight:700;font-size:15px;cursor:pointer}
.cb-ai-btn:hover{border-style:solid}
.cb-ai-msg{margin:6px 0 0;font-size:12.5px;color:#6b6479}
.cb-ai-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:#7a5a12;background:#fff7e6;border-radius:10px;padding:8px 10px}
.cb-wraps i.cb-nowrap{background:#fff linear-gradient(135deg,transparent 46%,#c9c2d6 46%,#c9c2d6 54%,transparent 54%)}
.cb-sum li span{display:flex;align-items:center;gap:8px}
.cb-sum-pic{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#f6f3f1;flex:none}
.cb-sum-wrap span{color:#6b6479}
.cb-side>.cb-wraps:first-child{margin-top:0}
.cb-empty{margin:12px 0 0;padding:14px;border-radius:12px;background:#f7f4fc;color:#6b6479;font-size:14px;text-align:center}

/* =====================================================================
   Build your bouquet — v2 (/build)
   ===================================================================== */
.cbx{--ink:#211c2b;--sub:#6e6680;--line:#ece7f3;--p:#7b52c4;--p2:#2f9a94;--soft:#f7f3fc;--blush:#fbf3f1;padding:26px 0 120px;color:var(--ink)}
.cbx .cb-preview-note{margin:0 0 18px}
.cbx-lede{max-width:640px;margin:0 auto 18px;text-align:center;font-size:16px;line-height:1.75;color:var(--sub)}
.cbx-steps{list-style:none;margin:0 auto 34px;padding:0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:760px}
.cbx-steps li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;box-shadow:0 4px 14px rgba(60,30,90,.05)}
[dir=rtl] .cbx-steps li{padding:8px 8px 8px 14px}
.cbx-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),#a07ce0);color:#fff;font-size:13px}
.cbx-steps b.cbx-wa{background:#25D366}
.cbx-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}
.cbx-h{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-family:var(--font-family-heading),serif;font-size:26px;font-weight:500;color:#000}
.cbx-h b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--p);font:700 14px/1 system-ui,sans-serif}
.cbx-h small{font:600 13px/1 system-ui,sans-serif;color:var(--sub)}
.cbx-h + .cbx-grid{margin-bottom:40px}
.cbx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.cbx-card{position:relative;background:#fff;border-radius:22px;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.cbx-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(60,30,90,.09)}
.cbx-card.is-on{border-color:var(--p);box-shadow:0 0 0 3px rgba(123,82,196,.14),0 14px 30px rgba(60,30,90,.08)}
.cbx-pic{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 45%,#fff 0,var(--blush) 62%,#f3e6ea 100%);overflow:hidden}
.cbx-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.cbx-card.is-cut .cbx-pic img{object-fit:contain;padding:9%;filter:drop-shadow(0 10px 14px rgba(70,30,40,.18))}
.cbx-card:hover .cbx-pic img{transform:scale(1.04)}
.cbx-badge{position:absolute;top:10px;inset-inline-end:10px;min-width:34px;height:30px;padding:0 9px;border-radius:999px;background:var(--p);color:#fff;font:700 14px/30px system-ui,sans-serif;text-align:center;box-shadow:0 4px 10px rgba(123,82,196,.35);transform:scale(0);transition:transform .2s}
.cbx-card.is-on .cbx-badge{transform:scale(1)}
.cbx-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cbx-body h3{margin:0;font:700 15px/1.4 system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--ink)}
.cbx-price{margin:0 0 4px;font-size:14px;color:var(--sub)}
.cbx-price b{color:var(--ink);font-size:16px}
.cbx-add{margin-top:auto;height:42px;border-radius:14px;border:1.5px solid var(--p);background:#fff;color:var(--p);font-weight:700;font-size:15px;cursor:pointer;transition:background .15s,color .15s}
.cbx-add span{font-size:18px}
.cbx-add:hover{background:var(--p);color:#fff}
.cbx-step{margin-top:auto;display:grid;grid-template-columns:42px 1fr 42px;height:42px;border-radius:14px;background:var(--p);overflow:hidden}
.cbx-step[hidden],.cbx-add[hidden]{display:none}
.cbx-step button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.cbx-step button:active{background:rgba(255,255,255,.18)}
.cbx-step input{border:0;background:transparent;color:#fff;text-align:center;font:700 17px/1 system-ui,sans-serif;width:100%;padding:0;-moz-appearance:textfield}
.cbx-step input::-webkit-outer-spin-button,.cbx-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cbx-wraps{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}
.cbx-wrap{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:18px;background:#fff;border:1.5px solid var(--line);font-size:13px;font-weight:600;color:var(--sub);transition:border-color .15s,box-shadow .15s}
.cbx-wrap input{position:absolute;opacity:0;pointer-events:none}
.cbx-wrap i{width:54px;height:54px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:linear-gradient(135deg,color-mix(in srgb,var(--w) 70%,#fff) 0,var(--w) 48%,color-mix(in srgb,var(--w) 78%,#000) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 6px 12px rgba(0,0,0,.08);clip-path:polygon(50% 100%,0 18%,14% 0,32% 12%,50% 0,68% 12%,86% 0,100% 18%)}
.cbx-wrap i.is-none{background:repeating-linear-gradient(90deg,#4f8f45 0 3px,transparent 3px 9px);clip-path:none;border-radius:8px;width:30px;box-shadow:none}
.cbx-wrap:has(input:checked){border-color:var(--p);color:var(--ink);box-shadow:0 0 0 3px rgba(123,82,196,.14)}
.cbx-wrap:has(input:checked)::after{content:"✓";position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:50%;background:var(--p);color:#fff;font-size:12px;line-height:20px;text-align:center}
.cbx-wrap:has(input:focus-visible){outline:2px solid var(--p);outline-offset:2px}
.cbx-sum{position:sticky;top:20px;background:#fff;border-radius:24px;border:1px solid var(--line);padding:20px;box-shadow:0 18px 40px rgba(60,30,90,.08)}
.cbx-sum-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.cbx-sum-head h2{margin:0;font-family:var(--font-family-heading),serif;font-size:24px;font-weight:500;color:#000}
.cbx-x{display:none;border:0;background:var(--soft);width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--sub)}
.cbx-empty{margin:10px 0;padding:22px 14px;border-radius:16px;background:var(--blush);color:var(--sub);font-size:14px;text-align:center;line-height:1.6}
.cbx-empty span{display:block;font-size:30px;margin-bottom:4px}
.cbx-empty[hidden]{display:none}
.cbx-lines{list-style:none;margin:6px 0 0;padding:0;max-height:300px;overflow:auto}
.cbx-lines li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.cbx-lines li span{display:flex;align-items:center;gap:10px;min-width:0}
.cbx-lines .cb-sum-pic{width:38px;height:38px;border-radius:12px;object-fit:contain;background:var(--blush);padding:2px;flex:none}
.cbx-lines small{color:var(--p);font-weight:700;white-space:nowrap}
.cbx-lines b{white-space:nowrap}
.cbx-lines .cb-sum-wrap span{color:var(--sub)}
.cbx-total{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 2px;color:var(--sub);font-size:14px}
.cbx-total strong{font-size:28px;color:var(--ink)}
.cbx-min{margin:0 0 14px;font-size:13px;color:#c0392b}
.cbx-min.is-ok{color:var(--p2)}
.cbx .btn[disabled]{opacity:.45;cursor:not-allowed}
.cbx-clear{display:block;margin:10px auto 0;background:none;border:0;color:var(--sub);text-decoration:underline;cursor:pointer;font-size:13px}
.cbx-clear[hidden]{display:none}
.cbx-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px;border-radius:14px;background:#effaf3;color:#1f5f3a;font-size:13px;line-height:1.6}
.cbx-note .cbx-wa{flex:none;width:28px;height:28px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center}
.cbx-bar,.cbx-dim{display:none}
@media (max-width:991px){
 .cbx{padding:16px 0 150px}
 .cbx-steps{gap:6px;margin-bottom:24px}
 .cbx-steps li{font-size:12.5px;padding:6px 10px 6px 6px}
 [dir=rtl] .cbx-steps li{padding:6px 6px 6px 10px}
 .cbx-steps b{width:24px;height:24px}
 .cbx-layout{grid-template-columns:1fr}
 .cbx-h{font-size:22px}
 .cbx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cbx-body{padding:10px 10px 12px}
 .cbx-body h3{font-size:14px}
 .cbx-wraps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .cbx-wrap{padding:10px 4px;font-size:11.5px}
 .cbx-wrap i{width:42px;height:42px}
 .cbx-sum{position:fixed;inset-inline:0;bottom:0;top:auto;z-index:80;max-height:82vh;overflow:auto;border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .3s ease;box-shadow:0 -10px 40px rgba(30,15,50,.18)}
 .cbx-sum.is-open{transform:none}
 .cbx-x{display:grid;place-items:center}
 .cbx-dim{display:block;position:fixed;inset:0;z-index:79;background:rgba(25,15,35,.38)}
 .cbx-dim[hidden]{display:none}
 .cbx-bar{display:flex;align-items:center;gap:10px;position:fixed;inset-inline:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(40,25,70,.08);transform:translateY(110%);transition:transform .25s}
 .cbx-bar.is-on{transform:none}
 .cbx-bar-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:start;cursor:pointer;color:inherit}
 .cbx-thumbs{display:flex;flex:none}
 .cbx-thumbs img,.cbx-thumbs i{width:34px;height:34px;border-radius:50%;object-fit:contain;background:var(--blush);border:2px solid #fff;margin-inline-start:-12px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
 .cbx-thumbs img:first-child{margin-inline-start:0}
 .cbx-thumbs i{display:grid;place-items:center;font:700 11px/1 system-ui,sans-serif;font-style:normal;color:var(--p);background:var(--soft)}
 .cbx-bar-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
 .cbx-bar-txt small{color:var(--sub);font-size:12px}
 .cbx-bar-txt b{font-size:17px}
 .cbx-chev{color:var(--sub);font-size:14px}
 .cbx-bar .btn{flex:none;padding:12px 16px;font-size:14px;white-space:nowrap}
}
@media (max-width:1199px){.cbx-bar{bottom:calc(var(--app-tabs,66px) + var(--safe-b,0px));padding-bottom:10px}.cbx-sum{bottom:calc(var(--app-tabs,66px) + var(--safe-b,0px));max-height:calc(100vh - var(--app-tabs,66px) - 90px);padding-bottom:18px}}
html.cbx-lock{overflow:hidden}
.cbx .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:16px;border:0;background:linear-gradient(90deg,#7b52c4,#9a6fe0);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 18px rgba(123,82,196,.28);transition:transform .15s,box-shadow .15s}
.cbx .btn:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(123,82,196,.34)}
.cbx .btn[disabled]{background:#cfc6dc;box-shadow:none;opacity:1}
@media (max-width:991px){.cbx-bar .btn{height:46px;padding:0 16px;font-size:14px;border-radius:14px}}
.cbx-origin{align-self:flex-start;font-size:12px;font-weight:600;color:#6e6680;background:#f7f3fc;border-radius:999px;padding:3px 9px}
.cbx-tags{display:flex;flex-wrap:wrap;gap:4px}
.cbx-season{background:#effaf3;color:#1f6a3a}
.cbl{list-style:none;margin:8px 0 6px;padding:8px 10px;border-radius:12px;background:#faf7fd;display:grid;gap:6px}
.cbl li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#3b3449}
.cbl img{width:30px;height:30px;border-radius:8px;object-fit:contain;background:#fbf3f1;flex:none}
.cbl span{flex:1;min-width:0}
.cbl b{white-space:nowrap;color:#7b52c4}
.cbl .cbl-wrap{border-top:1px dashed #e4dfee;padding-top:6px;color:#6b6479}
.cbl .cbl-wrap b{color:#3b3449}
/* home: «صمّم بوكيهك» slider under the best sellers */
.sul-cbh{padding:60px 0 50px}
.sul-cbh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.sul-cbh-head h2{margin:0 0 6px;font-family:var(--font-family-heading),serif;font-size:40px;font-weight:500;color:#000}
.sul-cbh-head p{margin:0;max-width:560px;color:#6e6680;font-size:15px;line-height:1.7}
.sul-cbh .bwp-swiper-slider{padding-bottom:40px}
.sul-cbh-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#211c2b;background:#fff;border:1px solid #ece7f3;border-radius:20px;padding:0 0 14px;overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s}
.sul-cbh-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(60,30,90,.09)}
.sul-cbh-pic{display:block;aspect-ratio:1/1;background:radial-gradient(circle at 50% 45%,#fff 0,#fbf3f1 62%,#f3e6ea 100%);margin-bottom:8px}
.sul-cbh-pic img{width:100%;height:100%;object-fit:contain;padding:8%;filter:drop-shadow(0 10px 14px rgba(70,30,40,.16))}
.sul-cbh-card>b,.sul-cbh-card>small,.sul-cbh-price{padding:0 14px}
.sul-cbh-card>b{font-size:15px;line-height:1.4}
.sul-cbh-card>small{color:#6e6680;font-size:12px}
.sul-cbh-price{font-size:13px;color:#6e6680;margin-top:auto}
.sul-cbh-price b{color:#211c2b;font-size:15px}
.cbx-card:target{border-color:#7b52c4;box-shadow:0 0 0 3px rgba(123,82,196,.2)}
@media (max-width:767px){.sul-cbh{padding:36px 0 30px}.sul-cbh-head h2{font-size:30px}.sul-cbh-head .btn{width:100%}}
.sul-cbh{overflow:hidden;contain:paint;max-width:100%}
.sul-cbh .swiper{overflow:hidden}
.sul-cbh .swiper-slide{height:auto}
.sul-cbh-pic{position:relative;overflow:hidden;aspect-ratio:4/5}
.sul-cbh-pic img{position:absolute;inset:0;width:100%;height:100%}
.sul-cbh-head .btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;border:0;background:linear-gradient(90deg,#7b52c4,#9a6fe0);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(123,82,196,.25)}
.sul-cbh-head .btn:hover{color:#fff;transform:translateY(-1px)}
.cbx-wraps{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
.cbx-wrap i{width:46px;height:46px}
@media (max-width:991px){.cbx-wraps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cbx-wrap{padding:8px 2px;font-size:10.5px}.cbx-wrap i{width:34px;height:34px}}

/* =====================================================================
   About (/about) — v2
   ===================================================================== */
.abx{--ink:#211c2b;--sub:#6e6680;--p:#7b52c4;--line:#ece7f3;padding:30px 0 80px;color:var(--ink)}
.abx-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:36px;border-radius:30px;background:linear-gradient(135deg,#f7f1fd 0%,#fdf3f1 55%,#eef8f6 100%)}
.abx-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#fff;color:var(--p);font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(60,30,90,.06)}
.abx-lede{margin:18px 0 26px;font-family:var(--font-family-heading),serif;font-weight:500;font-size:34px;line-height:1.4;color:#000}
.abx-actions{display:flex;gap:10px;flex-wrap:wrap}
.abx-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:999px;background:linear-gradient(90deg,#7b52c4,#9a6fe0);color:#fff !important;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(123,82,196,.25);transition:transform .15s}
.abx-btn:hover{transform:translateY(-1px)}
.abx-btn-ghost{background:#fff;color:var(--ink) !important;box-shadow:inset 0 0 0 1.5px var(--line)}
.abx-btn-light{background:#fff;color:var(--p) !important;box-shadow:none;flex:none}
.abx-hero-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;display:block;box-shadow:0 20px 40px rgba(60,30,90,.14)}
.abx-stats{list-style:none;margin:26px 0 54px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.abx-stats li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 16px;text-align:center;display:flex;flex-direction:column;gap:4px}
.abx-stats b{font-size:30px;color:var(--p);line-height:1.2}
.abx-stats span{font-size:14px;color:var(--sub)}
.abx-h{margin:0 0 18px;font-family:var(--font-family-heading),serif;font-weight:500;font-size:32px;color:#000;text-align:center}
.abx-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.abx-steps li{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px}
.abx-step-ic{position:relative;width:54px;height:54px;border-radius:16px;background:#f7f3fc;display:grid;place-items:center;font-size:26px}
.abx-step-ic em{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;border-radius:50%;background:var(--p);color:#fff;font:700 12px/22px system-ui,sans-serif;text-align:center;font-style:normal}
.abx-steps b{font-size:17px}
.abx-steps p{margin:0;color:var(--sub);font-size:14.5px;line-height:1.7}
.abx-text{max-width:760px;margin:0 auto 40px;text-align:center;font-size:16px;line-height:1.9;color:var(--sub)}
.abx-join{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:26px;background:linear-gradient(120deg,#4e3a8c,#7b52c4 55%,#2e8b88);color:#fff}
.abx-join h3{margin:0 0 6px;font-size:22px;color:#fff}
.abx-join p{margin:0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.7}
@media (max-width:991px){
 .abx{padding:16px 0 50px}
 .abx-hero{grid-template-columns:1fr;gap:22px;padding:22px 18px;border-radius:24px}
 .abx-hero-pic{order:-1}
 .abx-hero-pic img{aspect-ratio:16/10;border-radius:18px}
 .abx-lede{font-size:22px;line-height:1.6;margin:14px 0 20px}
 .abx-actions .abx-btn{flex:1}
 .abx-stats{gap:8px;margin:16px 0 38px}
 .abx-stats li{padding:14px 6px;border-radius:16px}
 .abx-stats b{font-size:22px}
 .abx-stats span{font-size:12px}
 .abx-h{font-size:26px}
 .abx-steps{grid-template-columns:1fr;gap:10px}
 .abx-steps li{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;padding:16px}
 .abx-steps li p{flex-basis:100%}
 .abx-text{font-size:15px;text-align:start}
 .abx-join{flex-direction:column;align-items:stretch;text-align:start;padding:22px}
}

/* =====================================================================
   Contact (/contact) — v2
   ===================================================================== */
.ctx{--ink:#211c2b;--sub:#6e6680;--p:#7b52c4;--line:#ece7f3;padding:24px 0 80px;color:var(--ink)}
.ctx-lede{max-width:680px;margin:0 auto 28px;text-align:center;font-size:17px;line-height:1.8;color:var(--sub)}
.ctx-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.ctx-form{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:26px;background:linear-gradient(140deg,#f7f1fd,#fdf3f1 60%,#eef8f6)}
.ctx-form h2,.ctx-side h2{margin:0;font-family:var(--font-family-heading),serif;font-weight:500;font-size:28px;color:#000}
.ctx-sub{margin:-6px 0 4px;color:var(--sub);font-size:14px}
.ctx-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.ctx-form input,.ctx-form textarea{width:100%;font:inherit;font-size:16px;font-weight:400;padding:13px 14px;border:1px solid #e2dcec;border-radius:14px;background:#fff;color:var(--ink);resize:vertical}
.ctx-form input:focus,.ctx-form textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(123,82,196,.15)}
.ctx-btn{height:52px;border:0;border-radius:16px;background:linear-gradient(90deg,#7b52c4,#9a6fe0);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 18px rgba(123,82,196,.25)}
.ctx-ok{margin:0;padding:12px 14px;border-radius:14px;background:#effaf3;color:#1f6a3a;font-weight:600}
.ctx-err{margin:0;padding:12px 14px;border-radius:14px;background:#fdecec;color:#a33}
.ctx-side{display:flex;flex-direction:column;gap:14px}
.ctx-ways{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ctx-ways li{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ctx-ic{flex:none;width:44px;height:44px;border-radius:14px;background:#f7f3fc;display:grid;place-items:center;font-size:20px}
.ctx-ways li>span:last-child{display:flex;flex-direction:column;min-width:0}
.ctx-ways small{color:var(--sub);font-size:12px}
.ctx-ways a,.ctx-ways b{color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;overflow-wrap:anywhere}
.ctx-zones{padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}
.ctx-zones h3{margin:0 0 8px;font-size:17px}
.ctx-zones ul{list-style:none;margin:0;padding:0}
.ctx-zones li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.ctx-zones li:last-child{border-bottom:0}
@media (max-width:991px){.ctx{padding:14px 0 50px}.ctx-grid{grid-template-columns:1fr}.ctx-form{padding:20px 16px;border-radius:22px}.ctx-form h2,.ctx-side h2{font-size:24px}.ctx-lede{font-size:15px;text-align:start}}

/* home "build your bouquet" slider: heading like the best-sellers tab, centred; dots; clear end line */
.sul-cbh{padding:50px 0 44px;border-bottom:1px solid #ece7f3;margin-bottom:10px}
.sul-cbh-head{display:block;text-align:center;margin:0 auto 26px;max-width:620px}
.sul-cbh-head h2{margin:0 0 8px;font-family:Cormorant,serif;font-size:30px;font-weight:500;line-height:1.5;color:#000;text-align:center}
.sul-cbh-head h2 span{font-size:inherit;font-weight:inherit;color:inherit}
.sul-cbh-head p{margin:0 auto;text-align:center;font-size:14px}
.sul-cbh .bwp-swiper-slider{padding-bottom:0}
.sul-cbh .swiper-pagination{position:static !important;display:flex !important;justify-content:center;gap:4px;width:100% !important;margin-top:22px;transform:none !important}
.sul-cbh .swiper-pagination .swiper-pagination-bullet{display:inline-block !important;margin:0 4px !important}
.sul-cbh-cta{text-align:center;margin-top:22px}
.sul-cbh-cta .btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 34px;border-radius:999px;border:0;background:linear-gradient(90deg,#7b52c4,#9a6fe0);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(123,82,196,.25)}
.sul-cbh-cta .btn:hover{color:#fff}
@media (max-width:767px){.sul-cbh{padding:34px 0 30px}.sul-cbh-head h2{font-size:24px}.sul-cbh-cta .btn{width:100%}}
.sul-cbh{margin-bottom:34px}
/* less empty space between best sellers and the flower slider; a short line marks the start */
.elementor-element-03991f1:has(+ .sul-cbh){margin-bottom:0 !important}
.sul-cbh{padding-top:34px}
.sul-cbh-head h2::before{content:"";display:block;width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7b52c4,#2e8b88);margin:0 auto 18px;opacity:.55}
@media (max-width:767px){.sul-cbh{padding-top:22px}}
/* iOS Safari: while the promo carousel slides, the text was painted late (blank for ~1s) because the fade
   layer above had its own GPU layer and the text did not. Give the text its own layer too, painted at once. */
.sul-promo-body,.sul-promo-num{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
/* flower photos are 4:5 cards with the logo baked in like the bouquets: show them whole, no padding */
.sul-cbh-pic img{padding:0 !important;object-fit:contain}
.cbx-pic{aspect-ratio:4/5}
.cbx-card.is-cut .cbx-pic img{padding:0;object-fit:contain}
/* cart: a customer's own design shows every flower with its price, the wrap and the total (no big photo) */
.line.line-cb{grid-template-columns:1fr}
.line.line-cb .line-body{grid-column:1/-1}
.cbl li>span{display:flex;flex-direction:column;gap:1px}
.cbl li>span i{font-style:normal}
.cbl li>span small{font-size:12px;color:#8c859b}
.cbl .cbl-sum{border-top:1px solid #e4dfee;padding-top:8px;font-weight:700;color:#241e34}
.cbl .cbl-sum b{color:#241e34;font-size:15px}
.cbl .cbl-sum small{font-weight:400}
/* customer conversation page (/msg) */
.msgx-box{max-width:640px;margin:0 auto;display:grid;gap:18px}
.msgx-thread{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.msgx-b{max-width:86%;align-self:flex-start;padding:10px 14px;border-radius:18px 18px 18px 6px;background:#f2ecfb;color:#241e34}
.msgx-b.is-me{align-self:flex-end;border-radius:18px 18px 6px 18px;background:#e9f6f5}
.rtl .msgx-b{border-radius:18px 18px 6px 18px}.rtl .msgx-b.is-me{border-radius:18px 18px 18px 6px}
.msgx-b small{display:block;font-size:11.5px;color:#8c859b;margin-bottom:3px}
.msgx-b p{margin:0;line-height:1.65;font-size:15px;white-space:normal;overflow-wrap:anywhere}
/* delivery day: chips in the site language instead of the phone's date box */
.ck-days-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.ck-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ck-days::-webkit-scrollbar{display:none}
.ck-day{flex:0 0 auto;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:1px solid #e4dfee;border-radius:16px;background:#fff;font:inherit;color:#3b3449;cursor:pointer;scroll-snap-align:start;transition:border-color .15s,background .15s}
.ck-day small{font-size:11.5px;color:#8c859b;line-height:1.2;white-space:nowrap}
.ck-day b{font-size:20px;line-height:1.15;font-weight:700;font-family:"DM Sans",sans-serif}
.ck-day.is-on{border-color:#8a5fcf;background:linear-gradient(160deg,#f6f2fc,#eef8f7);box-shadow:0 0 0 1px #8a5fcf inset}
.ck-day.is-on b{color:#6f45bd}
/* payment options: icon in its own round badge with a small gap from the text */
.sul-pay label{gap:12px !important}
.sul-pay-ico{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f4f0fa;font-size:18px;line-height:1;margin-inline-end:2px}
.sul-pay label:has(input:checked) .sul-pay-ico{background:#fff}
.ck-months{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 2px}
.ck-months::-webkit-scrollbar{display:none}
.ck-month{flex:none;padding:7px 14px;border-radius:999px;border:1px solid #e4dfee;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#6b6479;cursor:pointer;white-space:nowrap}
.ck-month.is-on{background:#241e34;border-color:#241e34;color:#fff}
.ck-day[hidden]{display:none}
.ctx-form>h2,.ctx-form>.ctx-sub{text-align:center}
.abx-join,.abx-join>div{text-align:center !important;flex-direction:column;align-items:center}.abx-join .abx-btn{align-self:stretch;max-width:420px;width:100%;margin:0 auto}
/* seasonal flower: 12 month circles, lit = available */
.stm{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px}
.stm-m{display:grid;place-items:center;aspect-ratio:1/1;border-radius:50%;font-style:normal;font-size:9px;line-height:1;background:#f1eef5;color:#b4adc0;overflow:hidden;white-space:nowrap}
.stm-m.is-on{background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff;font-weight:700}
.stm-m{font-size:9.5px;letter-spacing:-.2px}
.ck-day-pick{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 0;padding:12px 14px;border-radius:14px;border:1px dashed #c9b3ef;background:#faf7fd;color:#4e3a8c;font-size:15px}
.ck-day-pick b{font-weight:700}
/* bouquets page: «build your own» card */
.sul-cbp{display:flex;align-items:center;gap:14px;margin:6px 0 22px;padding:12px 14px;border-radius:20px;background:linear-gradient(120deg,#f6f1fd,#eef8f7);border:1px solid #e9e1f6;color:#241e34;text-decoration:none;transition:box-shadow .2s,transform .2s}
.sul-cbp:hover{color:#241e34;box-shadow:0 12px 28px -14px rgba(90,50,150,.35);transform:translateY(-1px)}
.sul-cbp-pics{flex:none;display:flex}
.sul-cbp-pics img{width:44px;height:55px;object-fit:contain;border-radius:12px;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(60,30,90,.12)}
.sul-cbp-pics img+img{margin-inline-start:-16px}
.sul-cbp-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sul-cbp-txt b{font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sul-cbp-txt small{font-size:13px;color:#6b6479;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sul-cbp-go{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2f9a94,#8a5fcf)}
.rtl .sul-cbp-go svg{transform:scaleX(-1)}
@media (max-width:440px){.sul-cbp-pics img:nth-child(3){display:none}}
/* FAQ and delivery-area pages */
.sul-info{padding:20px 0 70px;color:#211c2b}
.sul-info .container{max-width:980px}
.sul-info-lead{font-size:18px;line-height:1.7;color:#4c4558;margin:0 0 22px}
.sul-info-h{font-family:var(--font-family-heading),serif;font-weight:500;font-size:30px;margin:40px 0 16px;color:#000}
.lang-ar .sul-info-h{font-family:Amiri,serif}
.sul-faq{display:flex;flex-direction:column;gap:10px}
.sul-faq details{background:#fff;border:1px solid #ece7f3;border-radius:16px;padding:0 18px;transition:box-shadow .2s}
.sul-faq details[open]{box-shadow:0 10px 26px -18px rgba(70,40,120,.45)}
.sul-faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:12px}
.sul-faq summary::-webkit-details-marker{display:none}
.sul-faq summary:after{content:"+";font-weight:400;font-size:22px;line-height:1;color:#7b52c4;flex:none}
.sul-faq details[open] summary:after{content:"–"}
.sul-faq p{margin:0 0 16px;line-height:1.7;color:#4c4558}
.sul-areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.sul-areas a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#eef8f7,#f4eefc);color:#211c2b;text-decoration:none;border:1px solid #ece7f3}
.sul-areas a:hover{border-color:#c9b4ee}
.sul-areas small{color:#7b52c4;font-weight:600}
.sul-facts{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.sul-facts li{background:#fff;border:1px solid #ece7f3;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.sul-facts span{font-size:13px;color:#8a8494}
.sul-hotels{line-height:1.8;color:#4c4558}
.sul-info-grid{display:grid !important;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:900px){.sul-info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sul-info-h{font-size:24px}.sul-info-lead{font-size:16px}}
.sul-info-cta{margin:20px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.sul-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:30px;background:linear-gradient(135deg,#2f9a94,#8a5fcf);color:#fff !important;font-weight:600;text-decoration:none}
.sul-btn-ghost{background:#fff;color:#5b3fa8 !important;border:1px solid #d9cdf0}
.sul-info-more{margin-top:26px;text-align:center}
.sul-info-more a{color:#7b52c4;font-weight:600}
/* home: about our flower delivery */
.sul-home-intro{max-width:1100px;margin:20px auto 70px;padding:0 15px;color:#5a5366;text-align:center}
.sul-home-intro h2{margin:0 0 12px;font-family:var(--font-family-heading),serif;font-weight:500;font-size:36px;color:#000}
.lang-ar .sul-home-intro h2{font-family:Amiri,serif}
.sul-hi-lead{max-width:720px;margin:0 auto 34px;font-size:16px;line-height:1.8}
.sul-hi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:start}
.sul-hi-card{background:#fff;border:1px solid #eee8f5;border-radius:20px;padding:26px 24px 22px;box-shadow:0 6px 24px rgba(90,60,140,.06)}
.sul-hi-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#f3ecfc;color:#8a5fcf;margin-bottom:14px}
.sul-hi-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1d1a22;font-family:var(--font-family-base),sans-serif}
.lang-ar .sul-hi-card h3{font-family:inherit}
.sul-hi-card p{margin:0;font-size:14.5px;line-height:1.75;color:#6a6375}
.sul-home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0 0 !important}
.sul-home-links a{padding:9px 18px;border-radius:999px;border:1px solid #e3d8f4;color:#7b52c4;font-weight:600;font-size:14px;background:#fff;transition:background .2s}
.sul-home-links a:hover{background:#f6f0fd}
@media (max-width:900px){.sul-hi-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -15px;padding:4px 15px 14px;scrollbar-width:none}.sul-hi-cards::-webkit-scrollbar{display:none}.sul-hi-card{flex:0 0 82%;scroll-snap-align:center}.sul-home-intro{margin:0 0 44px}.sul-home-intro h2{font-size:27px}.sul-hi-lead{font-size:15px;margin-bottom:22px}.sul-hi-card{padding:20px 18px}}
.sul-occ-intro{max-width:860px;margin:4px auto 6px;text-align:center;color:#5f5870;line-height:1.7;font-size:15px}
.sul-about-b{max-width:860px;margin:40px auto 10px;padding:0 16px;color:#4a4458;line-height:1.75;font-size:15.5px}
.sul-about-b h2{font-family:var(--font-family-heading),serif;font-weight:500;font-size:28px;margin:0 0 14px;color:#000}
.lang-ar .sul-about-b h2{font-family:Amiri,serif}
.sul-about-b p{margin:0 0 12px}
.sul-about-b .sul-say{background:#faf6fb;border-radius:12px;padding:10px 14px}
.sul-about-b a{color:var(--sul-accent,#7b5ea7);text-decoration:underline}
@media (max-width:900px){.sul-about-b{margin-top:28px;font-size:15px}.sul-about-b h2{font-size:23px}}
/* «Also by SUL» — 3D coverflow of our other websites */
.sul-promos .sul-cf{width:100%;min-width:0}
.sul-cf{position:relative;padding:10px 0 6px;overflow:hidden;text-align:center}
.sul-cf-head{margin-bottom:34px}
.sul-cf-kick{display:inline-flex;align-items:center;gap:10px;padding:7px 20px;border:1.5px solid #e2cf9c;border-radius:999px;background:#fffaf0;color:#b8902f;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.lang-ar .sul-cf-kick{letter-spacing:0;font-size:14px}
.sul-cf-kick i{width:8px;height:8px;border-radius:50%;background:#d8336b}
.sul-cf-head h2{margin:16px 0 8px;font-family:var(--font-family-heading),serif;font-weight:600;font-size:46px;line-height:1.15;color:#0f2340}
.lang-ar .sul-cf-head h2{font-family:Amiri,serif}
.sul-cf-head p{margin:0;color:#667085;font-size:17px}
.sul-cf-stage{position:relative;height:calc(min(700px,50vw) * .8);perspective:1800px;transform-style:preserve-3d}
.sul-cf-card{position:absolute;top:0;left:50%;width:min(700px,50vw);height:100%;border-radius:30px;overflow:hidden;display:block;color:#fff;text-decoration:none;
  transform:translateX(-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .5s,filter .7s,box-shadow .7s;box-shadow:0 18px 40px rgba(15,35,64,.12);will-change:transform}
.sul-cf-card[data-pos="0"]{transform:translateX(-50%) translateZ(0);opacity:1;z-index:5;pointer-events:auto;box-shadow:0 30px 60px rgba(15,35,64,.28)}
.sul-cf-card[data-pos="-1"]{transform:translateX(-106%) translateZ(-200px) rotateY(-14deg) scale(.86);opacity:1;z-index:4;pointer-events:auto;filter:brightness(.92)}
.sul-cf-card[data-pos="1"]{transform:translateX(6%) translateZ(-200px) rotateY(14deg) scale(.86);opacity:1;z-index:4;pointer-events:auto;filter:brightness(.92)}
.sul-cf-card[data-pos="-2"]{transform:translateX(-142%) translateZ(-420px) rotateY(-20deg) scale(.74);opacity:1;z-index:3;pointer-events:auto;filter:brightness(.85)}
.sul-cf-card[data-pos="2"]{transform:translateX(42%) translateZ(-420px) rotateY(20deg) scale(.74);opacity:1;z-index:3;pointer-events:auto;filter:brightness(.85)}
.sul-cf-bg{position:absolute;inset:0;background:#d9e3ef center/cover no-repeat;transition:transform 6s ease}
.sul-cf-card.is-flip .sul-cf-bg{transform:scaleX(-1)}
.sul-cf-card[data-pos="0"]:hover .sul-cf-bg{transform:scale(1.04)}
.sul-cf-card.is-flip[data-pos="0"]:hover .sul-cf-bg{transform:scaleX(-1) scale(1.04)}
.sul-cf-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,40,0) 35%,rgba(10,20,40,.35) 60%,rgba(10,20,40,.85) 100%)}
.sul-cf-body{position:absolute;left:0;right:0;bottom:0;padding:0 44px 40px;display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:10px}
.sul-cf-title{font-family:var(--font-family-heading),serif;font-size:44px;font-weight:600;line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.lang-ar .sul-cf-title{font-family:Amiri,serif}
.sul-cf-text{font-size:19px;font-weight:500;max-width:90%;opacity:.95;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.sul-cf-cta{margin-top:12px;display:inline-flex;align-items:center;gap:12px;padding:15px 34px;border-radius:999px;background:linear-gradient(90deg,#f6c445,#f7a26a);color:#1d1a22;font-weight:700;font-size:18px;box-shadow:0 10px 26px rgba(247,162,106,.45);transition:transform .25s}
.sul-cf-card:hover .sul-cf-cta{transform:translateY(-2px)}
.sul-cf-card:not([data-pos="0"]) .sul-cf-text,.sul-cf-card:not([data-pos="0"]) .sul-cf-cta{opacity:0;transform:translateY(8px)}
.sul-cf-card:not([data-pos="0"]) .sul-cf-title{font-size:34px}
.sul-cf-text,.sul-cf-cta{transition:opacity .4s .2s,transform .4s .2s}
.sul-cf-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:30px}
.sul-cf-btn{width:62px;height:62px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;padding:0}
.sul-cf-prev{background:#fff;color:#0f2340;box-shadow:0 6px 18px rgba(15,35,64,.12)}
.sul-cf-next{background:#0f2340;color:#fff;box-shadow:0 8px 22px rgba(15,35,64,.3)}
.sul-cf-btn:hover{transform:scale(1.06)}
.sul-cf-dots{display:inline-flex;align-items:center;gap:9px}
.sul-cf-dots button{width:11px;height:11px;border-radius:999px;border:0;padding:0;background:#cfd6e0;cursor:pointer;transition:width .35s,background .35s}
.sul-cf-dots button.on{width:38px;background:#e0a72e}
@media (max-width:900px){
 .sul-cf-head{margin-bottom:22px}.sul-cf-head h2{font-size:30px}.sul-cf-head p{font-size:15px}
 .sul-cf-stage{height:calc(80vw * 1.05)}
 .sul-cf-card{width:80vw;border-radius:24px}
 .sul-cf-card[data-pos="-1"]{transform:translateX(-112%) translateZ(-140px) rotateY(-12deg) scale(.88)}
 .sul-cf-card[data-pos="1"]{transform:translateX(12%) translateZ(-140px) rotateY(12deg) scale(.88)}
 .sul-cf-card[data-pos="-2"],.sul-cf-card[data-pos="2"]{opacity:0;pointer-events:none}
 .sul-cf-body{padding:0 22px 24px;gap:6px}.sul-cf-title{font-size:30px}.sul-cf-text{font-size:15px}.sul-cf-cta{padding:11px 24px;font-size:15px}
 .sul-cf-btn{width:48px;height:48px}.sul-cf-nav{gap:16px;margin-top:20px}
}
@media (prefers-reduced-motion:reduce){.sul-cf-card,.sul-cf-bg{transition:none}}
.sul-cf-logo{display:inline-flex;align-items:center;gap:8px;height:64px;max-width:300px}
.sul-cf-logo img{height:100%;width:auto;max-width:260px;object-fit:contain;display:block;filter:drop-shadow(1.2px 0 0 #fff) drop-shadow(-1.2px 0 0 #fff) drop-shadow(0 1.2px 0 #fff) drop-shadow(0 -1.2px 0 #fff) drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.sul-cf-logo img.sul-cf-word{height:62%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.sul-cf-logo b{display:none;font-family:var(--font-family-heading),serif;font-size:40px;font-weight:600;line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.35);white-space:nowrap}
.sul-cf-logo.no-img b{display:block}.sul-cf-logo.no-img .sul-cf-word{display:none}
.sul-cf-logo img + b,.sul-cf-logo .sul-cf-word + b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sul-cf-card:not([data-pos="0"]) .sul-cf-logo{height:50px}
@media (max-width:900px){.sul-cf-logo{height:46px;max-width:220px}.sul-cf-logo img{max-width:200px}.sul-cf-logo b{font-size:28px}}
/* coverflow sizes: same as the ads slider on ms-legalproperties.com */
.sul-cf-head{margin-bottom:6px}
.sul-cf-kick{padding:4px 15px;font-size:12px;letter-spacing:2px;border-width:1px}
.sul-cf-head h2{margin:10px 0 4px;font-size:34px;line-height:1.2}
.sul-cf-head p{font-size:15.5px}
.sul-cf-stage{height:400px;perspective:1400px;margin-top:10px;touch-action:pan-y}
.sul-cf-card{top:20px;width:420px;height:350px;border-radius:26px;transform:translateX(-50%) scale(.84);box-shadow:0 30px 70px rgba(11,42,74,.28)}
.sul-cf-card[data-pos="0"]{transform:translateX(-50%);filter:none}
.sul-cf-card[data-pos="-1"]{transform:translateX(calc(-50% - 250px)) translateZ(-140px) rotateY(30deg) scale(.92);opacity:.96;filter:saturate(.95)}
.sul-cf-card[data-pos="1"]{transform:translateX(calc(-50% + 250px)) translateZ(-140px) rotateY(-30deg) scale(.92);opacity:.96;filter:saturate(.95)}
.sul-cf-card[data-pos="-2"]{transform:translateX(calc(-50% - 500px)) translateZ(-280px) rotateY(60deg) scale(.84);opacity:.7;filter:saturate(.95)}
.sul-cf-card[data-pos="2"]{transform:translateX(calc(-50% + 500px)) translateZ(-280px) rotateY(-60deg) scale(.84);opacity:.7;filter:saturate(.95)}
.sul-cf-body{padding:20px 22px 22px;gap:7px}
.sul-cf-logo{height:58px;max-width:230px}
.sul-cf-logo img{max-width:230px}
.sul-cf-logo b{font-size:27px}
.sul-cf-text{font-size:15px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sul-cf-cta{margin-top:4px;gap:8px;padding:10px 20px;font-size:14px;font-weight:800}
.sul-cf-card:not([data-pos="0"]) .sul-cf-logo{height:52px;max-width:80%}
.sul-cf-card:not([data-pos="0"]) .sul-cf-text,.sul-cf-card:not([data-pos="0"]) .sul-cf-cta{display:none}
.sul-cf-nav{gap:16px;margin-top:6px}
.sul-cf-btn{width:46px;height:46px}
.sul-cf-prev{border:1px solid #d3dce6;box-shadow:0 4px 12px rgba(11,42,74,.08)}
.sul-cf-btn svg{width:18px;height:18px}
.sul-cf-dots button{width:8px;height:8px}.sul-cf-dots button.on{width:26px}
@media (max-width:900px){
 .sul-cf{--cw:min(74vw,300px)}
 .sul-cf-head h2{font-size:clamp(20px,6vw,26px);padding:0 8px}.sul-cf-head p{font-size:clamp(12.5px,3.6vw,14px);padding:0 12px}
 .sul-cf-stage{height:calc(var(--cw) * 1.06 + 34px);perspective:1000px;margin-top:6px}
 .sul-cf-card{top:14px;width:var(--cw);height:calc(var(--cw) * 1.06);border-radius:22px}
 .sul-cf-card[data-pos="-1"]{transform:translateX(calc(-50% - var(--cw) * .56)) translateZ(-90px) rotateY(24deg) scale(.92)}
 .sul-cf-card[data-pos="1"]{transform:translateX(calc(-50% + var(--cw) * .56)) translateZ(-90px) rotateY(-24deg) scale(.92)}
 .sul-cf-card[data-pos="-2"]{transform:translateX(calc(-50% - var(--cw) * 1.12)) translateZ(-180px) rotateY(48deg) scale(.84);opacity:.7;pointer-events:auto}
 .sul-cf-card[data-pos="2"]{transform:translateX(calc(-50% + var(--cw) * 1.12)) translateZ(-180px) rotateY(-48deg) scale(.84);opacity:.7;pointer-events:auto}
 .sul-cf-body{padding:16px}.sul-cf-logo{height:36px}.sul-cf-text{font-size:13px}.sul-cf-cta{padding:8px 15px;font-size:13px}
 .sul-cf-card:not([data-pos="0"]) .sul-cf-logo{height:clamp(30px,9vw,40px)}
 .sul-cf-nav{gap:12px}.sul-cf-btn{width:40px;height:40px}
}
/* side cards: logo bottom-left on the left side, bottom-right on the right side (any language) */
.sul-cf-card[data-pos="-1"] .sul-cf-body,.sul-cf-card[data-pos="-2"] .sul-cf-body{direction:ltr;align-items:flex-start}
.sul-cf-card[data-pos="1"] .sul-cf-body,.sul-cf-card[data-pos="2"] .sul-cf-body{direction:ltr;align-items:flex-end}
.sul-cf-ltext{font-family:var(--font-family-base),sans-serif;font-weight:800;font-size:26px;color:#fff;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.sul-cf-logo.no-img .sul-cf-ltext{display:none}
.sul-cf-card:not([data-pos="0"]) .sul-cf-ltext{font-size:20px}
@media (max-width:900px){.sul-cf-ltext{font-size:19px}}
.sul-cf-logo img.sul-cf-word.is-outline{height:80%;filter:drop-shadow(1.5px 0 0 #fff) drop-shadow(-1.5px 0 0 #fff) drop-shadow(0 1.5px 0 #fff) drop-shadow(0 -1.5px 0 #fff) drop-shadow(0 2px 5px rgba(0,0,0,.35))}
/* every logo starts on the same line as the text under it: --lh = logo height, --li = empty margin inside the logo file */
.sul-cf-logo{--lh:58px;height:var(--lh)}
.sul-cf-card:not([data-pos="0"]) .sul-cf-logo{--lh:52px}
.sul-cf-card[data-pos="0"] .sul-cf-body[dir="ltr"] .sul-cf-logo > img:first-child,
.sul-cf-card[data-pos="-1"] .sul-cf-logo > img:first-child,.sul-cf-card[data-pos="-2"] .sul-cf-logo > img:first-child{margin-left:calc(var(--lh) * var(--li, 0) * -1)}
@media (max-width:900px){.sul-cf-logo{--lh:36px}.sul-cf-card:not([data-pos="0"]) .sul-cf-logo{--lh:clamp(30px,9vw,40px)}}
.sul-cf-logo img.sul-cf-word.is-outline{transform:translateY(calc(var(--lh) * .135))}
.sul-cf-logo img.sul-cf-word{margin-left:calc(var(--lh) * var(--wp, 0) * -1)}
.sul-privacy .sul-info-h{font-size:21px;margin-top:26px}
.sul-privacy p{line-height:1.8;color:#4a4458}
.sul-privacy-date{color:#8a8396;font-size:13px}
/* footer: less empty space above the logo row */
.bwp-footer .elementor-element-9e9dbd1{padding-top:40px !important}
@media (max-width:1024px){.bwp-footer .elementor-element-9e9dbd1{padding-top:28px !important}}
.sul-made-by{margin-inline-start:6px;white-space:nowrap}.sul-made-by a{color:inherit;text-decoration:underline}
/* «The art of fresh blooms» banner: bouquet photo, text on the empty side (mirrored in Arabic) */
.elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){position:relative;isolation:isolate;background:#f4e1db!important;overflow:hidden;padding:60px 46% 60px 5%!important;min-height:520px;justify-content:center}
.elementor-element-eb114ff::before{content:"";position:absolute;inset:0;z-index:-1;background:url("../assets/img/art-banner.png") right center/cover no-repeat}
[dir="rtl"] .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){padding:60px 5% 60px 46%!important}
[dir="rtl"] .elementor-element-eb114ff::before{transform:scaleX(-1)}
.elementor-element-eb114ff .elementor-heading-title,.elementor-element-eb114ff p{text-shadow:none!important}
.elementor-element-eb114ff .elementor-element-4ed9169 .elementor-heading-title{color:#3b2219!important;font-weight:600;letter-spacing:.5px}
.elementor-element-eb114ff .elementor-element-01195d4 .elementor-heading-title{color:#4a2e26!important}
.elementor-element-eb114ff .elementor-element-81612f9 p{color:#4a2e26!important}
@media (min-width:901px){
 .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){aspect-ratio:1933/814;min-height:0;height:auto;padding:10.5% 41% 0 5%!important;justify-content:flex-start}
 [dir="rtl"] .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){padding:10.5% 5% 0 41%!important;justify-content:flex-start}
 .elementor-element-eb114ff::before{background-size:cover;background-position:center}
 .elementor-element-eb114ff .elementor-element-4ed9169 .elementor-heading-title{font-size:clamp(26px,2.85vw,56px)!important;white-space:nowrap;line-height:1.15}
 .elementor-element-eb114ff .elementor-element-01195d4 .elementor-heading-title{font-size:clamp(18px,1.5vw,28px)!important}
 .elementor-element-eb114ff .elementor-element-81612f9 p{font-size:clamp(15px,1.25vw,22px)!important}
 .sul-art-orn i{width:min(210px,13vw)}
}
.sul-art-orn{display:flex;align-items:center;justify-content:center;gap:10px;color:#a5737a;margin:-4px 0 6px;width:100%}
.sul-art-orn i{display:block;width:min(150px,18vw);height:1px;background:linear-gradient(90deg,transparent,#a5737a)}
.sul-art-orn i:last-child{background:linear-gradient(90deg,#a5737a,transparent)}
.elementor-element-eb114ff .bwp-button{background:#a5737a!important;color:#fff!important;border:0!important;font-weight:600;padding-left:38px!important;padding-right:38px!important}
.elementor-element-eb114ff .bwp-button:hover{background:#8f5f66!important}
.elementor-element-eb114ff .bwp-button .bwp-button-text{color:#fff!important}
@media (max-width:900px){
 .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background),[dir="rtl"] .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){padding:min(65vw,272px) 20px 34px!important;min-height:0}
 .elementor-element-eb114ff::before{background:linear-gradient(180deg,rgba(244,225,219,0) 0,rgba(244,225,219,0) calc(min(68vw,285px) * .68),rgba(244,225,219,.7) calc(min(68vw,285px) * .88),#f4e1db min(68vw,285px)) 0 0/100% min(68vw,285px) no-repeat,url("../assets/img/art-banner.png") 88% 0/auto min(68vw,285px) no-repeat;background-color:#f4e1db}
 [dir="rtl"] .elementor-element-eb114ff::before{background-position:0 0,88% 0}
}
/* Art banner on tablets (601–900px): whole photo across the full width, fading into the colour below */
@media (min-width:601px) and (max-width:900px){
 .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background),[dir="rtl"] .elementor-56542 .elementor-element.elementor-element-eb114ff:not(.elementor-motion-effects-element-type-background){container-type:inline-size;padding:39% 40px 44px!important}
 .elementor-element-eb114ff::before,[dir="rtl"] .elementor-element-eb114ff::before{background:linear-gradient(180deg,rgba(244,225,219,0) 0,rgba(244,225,219,0) calc(31cqw + 25px),rgba(244,225,219,.7) calc(38cqw + 31px),#f4e1db calc(42.2cqw + 34px)) 0 0/100% calc(42.2cqw + 34px) no-repeat,url("../assets/img/art-banner.png") 0 0/100% auto no-repeat;background-color:#f4e1db}
 .elementor-element-eb114ff .elementor-element-4ed9169 .elementor-heading-title{font-size:clamp(30px,5.2vw,44px)!important}
}

/* Checkout: "someone else receives" — surprise checkbox */
html body .ck .ck-check{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border:1px solid #e4e0eb;border-radius:14px;background:#fbfafd;cursor:pointer;margin:0}
html body .ck .ck-check[hidden]{display:none}
html body .ck .ck-check input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto;accent-color:#8a5fcf}
html body .ck .ck-check span{display:flex;flex-direction:column;gap:2px;font-weight:400}
html body .ck .ck-check b{font-weight:600;color:#4a4458}
html body .ck .ck-check small{font-size:12.5px;color:#9a94a8}
html body .ck .ck-f[hidden]{display:none}
/* Receipts / files in conversations */
.msg-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.msg-file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(138,95,207,.08);color:#6f47b8;font-size:13px;text-decoration:none;word-break:break-all}
.msg-file.is-img{padding:0;background:none;border-radius:12px;overflow:hidden;border:1px solid #e4e0eb}
.msg-file.is-img img{display:block;width:160px;max-width:100%;height:auto;max-height:220px;object-fit:cover}
.msgx-file{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.msgx-file input{font-size:14px}