body, .basel-dark .main-page-wrapper{background-image: url(https://ceelifeshop.ae/wp-content/uploads/2026/09/ChatGPT-Image-Sep-23-2026-12_47_42-PM.png);}.page-title-default{background-color:#3d4096;background-size:cover;background-position:center center;}.topbar-wrapp{background-color:#000219;background-size:cover;}html .main-header, .sticky-header.header-clone, .header-spacing{background-color:#001930;background-repeat:inherit;background-size:contain;background-attachment:scroll;}.main-header{border-color:#ffffff;border-style:solid;}.footer-container{background-color:#000000;background-image: url(https://ceelifeshop.ae/wp-content/uploads/2026/09/ChatGPT-Image-Sep-23-2026-12_47_42-PM.png);background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-position:center center;}body, p, .widget_nav_mega_menu .menu > li > a, 
.mega-navigation .menu > li > a,
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a, 
.basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a,
.basel-navigation .menu > li.menu-item-design-default .sub-menu li a,
.font-default
		{font-family: "Karla", Arial, Helvetica, sans-serif;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, .title, table th,
.wc-tabs li a,
.masonry-filter li a,
.woocommerce .cart-empty,
.basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a, 
.basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a,
.mega-menu-list > li > a,
fieldset legend,
table th,
.basel-empty-compare,
.compare-field,
.compare-value:before,
.color-scheme-dark .info-box-inner h1,
.color-scheme-dark .info-box-inner h2,
.color-scheme-dark .info-box-inner h3,
.color-scheme-dark .info-box-inner h4,
.color-scheme-dark .info-box-inner h5,
.color-scheme-dark .info-box-inner h6

		{font-family: "Karla", Arial, Helvetica, sans-serif;}

.product-title a,
.post-slide .entry-title a,
.category-grid-item .hover-mask h3,
.basel-search-full-screen .basel-search-inner input[type="text"],
.blog-post-loop .entry-title,
.post-title-large-image .entry-title,
.single-product-content .entry-title,
.basel-entities-title
		{font-family: "Lora", Arial, Helvetica, sans-serif;}.title-alt, .subtitle, .font-alt, .basel-entry-meta{font-family: "Lato", Arial, Helvetica, sans-serif;font-weight: 400;}.color-primary,.mobile-nav ul li.current-menu-item > a,.main-nav .menu > li.current-menu-item > a,.main-nav .menu > li.onepage-link.current-menu-item > a,.main-nav .menu > li > a:hover,.basel-navigation .menu>li.menu-item-design-default ul li:hover>a,.basel-navigation .menu > li.menu-item-design-full-width .sub-menu li a:hover, .basel-navigation .menu > li.menu-item-design-sized .sub-menu li a:hover,.basel-product-categories.responsive-cateogires li.current-cat > a, .basel-product-categories.responsive-cateogires li.current-cat-parent > a,.basel-product-categories.responsive-cateogires li.current-cat-ancestor > a,.basel-my-account-links a:hover:before,.mega-menu-list > li > a:hover,.mega-menu-list .sub-sub-menu li a:hover,a[href^=tel],.topbar-menu ul > li > .sub-menu-dropdown li > a:hover,.btn.btn-color-primary.btn-style-bordered,.button.btn-color-primary.btn-style-bordered,button.btn-color-primary.btn-style-bordered,.added_to_cart.btn-color-primary.btn-style-bordered,input[type=submit].btn-color-primary.btn-style-bordered,a.login-to-prices-msg,a.login-to-prices-msg:hover,.basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .color-primary,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.blog-post-loop .entry-title a:hover,.blog-post-loop.sticky .entry-title:before,.post-slide .entry-title a:hover,.comments-area .reply a,.single-post-navigation a:hover,blockquote footer:before,blockquote cite,.format-quote .entry-content blockquote cite, .format-quote .entry-content blockquote cite a,.basel-entry-meta .meta-author a,.search-no-results.woocommerce .site-content:before,.search-no-results .not-found .entry-header:before,.login-form-footer .lost_password:hover,.error404 .page-title,.menu-label-new:after,.widget_shopping_cart .product_list_widget li .quantity .amount,.product_list_widget li ins .amount,.price ins > .amount,.price ins,.single-product .price,.single-product .price .amount,.popup-quick-view .price,.popup-quick-view .price .amount,.basel-products-nav .product-short .price,.basel-products-nav .product-short .price .amount,.star-rating span:before,.comment-respond .stars a:hover:after,.comment-respond .stars a.active:after,.single-product-content .comment-form .stars span a:hover,.single-product-content .comment-form .stars span a.active,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title:hover,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title.active,.single-product-content .woocommerce-product-details__short-description ul > li:before, .single-product-content #tab-description ul > li:before, .blog-post-loop .entry-content ul > li:before, .comments-area .comment-list li ul > li:before,.brands-list .brand-item a:hover,.footer-container .footer-widget-collapse.footer-widget-opened .widget-title:after,.sidebar-widget li a:hover, .filter-widget li a:hover,.sidebar-widget li > ul li a:hover, .filter-widget li > ul li a:hover,.basel-price-filter ul li a:hover .amount,.basel-hover-effect-4 .swap-elements > a,.basel-hover-effect-4 .swap-elements > a:hover,.product-grid-item .basel-product-cats a:hover, .product-grid-item .basel-product-brands-links a:hover,.wishlist_table tr td.product-price ins .amount,.basel-buttons .product-compare-button > a.added:before,.basel-buttons .basel-wishlist-btn > a.added:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:hover,.single-product-content .container .entry-summary .yith-wcwl-add-to-wishlist a:hover:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a:before,.basel-sticky-btn .basel-sticky-btn-wishlist a.added, .basel-sticky-btn .basel-sticky-btn-wishlist a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover:before,.single-product-content .entry-summary .wishlist-btn-wrapper a.added:before,.vendors-list ul li a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn a:hover,.product-list-item .product-list-buttons .product-compare-button a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn > a.added:before,.product-list-item .product-list-buttons .product-compare-button > a.added:before,.basel-sticky-btn .basel-sticky-btn-compare a.added, .basel-sticky-btn .basel-sticky-btn-compare a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover:before,.single-product-content .entry-summary .compare-btn-wrapper a.added:before,.single-product-content .entry-summary .basel-sizeguide-btn:hover,.single-product-content .entry-summary .basel-sizeguide-btn:hover:before,.blog-post-loop .entry-content ul li:before,.basel-menu-price .menu-price-price,.basel-menu-price.cursor-pointer:hover .menu-price-title,.comments-area #cancel-comment-reply-link:hover,.comments-area .comment-body .comment-edit-link:hover,.popup-quick-view .entry-summary .entry-title a:hover,.wpb_text_column ul:not(.social-icons) > li:before,.widget_product_categories .basel-cats-toggle:hover,.widget_product_categories .toggle-active,.widget_product_categories li.current-cat-parent > a, .widget_product_categories li.current-cat > a,.woocommerce-checkout-review-order-table tfoot .order-total td .amount,.widget_shopping_cart .product_list_widget li .remove:hover,.basel-active-filters .widget_layered_nav_filters ul li a .amount,.title-wrapper.basel-title-color-primary .title-subtitle,.widget_shopping_cart .widget_shopping_cart_content > .total .amount,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a,.basel-free-progress-bar .amount{color:#3d4096;}.wishlist-info-widget .icon-count,.compare-info-widget .icon-count,.basel-toolbar-compare .compare-count,.basel-cart-design-2 > a .basel-cart-number,.basel-cart-design-3 > a .basel-cart-number,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.added_to_cart.btn-color-primary.btn-style-bordered:hover,input[type=submit].btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,.basel-info-box.box-style-border .info-btn-wrapper a,.basel-info-box.box-style-border .info-btn-wrapper a:hover,.basel-info-box2.box-style-border .info-btn-wrapper a,.basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,.wpb_video_wrapper .button-play,.pswp__share--download:hover,.basel-navigation .menu > li.callto-btn > a,.basel-navigation .menu > li.callto-btn > a:hover,.basel-dark .basel-load-more:hover,.basel-dark .basel-load-more.load-on-click + .basel-load-more-loader,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover, .basel-dark .register .button:hover, .basel-dark .login .button:hover, .basel-dark .lost_reset_password .button:hover, .basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.basel-progress-bar .progress-bar,.widget_price_filter .ui-slider .ui-slider-handle:after,.widget_price_filter .ui-slider .ui-slider-range,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,body .select2-container--default .select2-results__option--highlighted[aria-selected], .basel-add-img-msg:before,.product-video-button a:hover:before, .product-360-button a:hover:before,.mobile-nav ul li .up-icon,.scrollToTop:hover,.basel-sticky-filter-btn:hover,.categories-opened li a:active,.basel-price-table .basel-plan-price,.header-categories .secondary-header .mega-navigation,.widget_nav_mega_menu,.meta-post-categories,.slider-title:before,.title-wrapper.basel-title-style-simple .title:after,.menu-label-new,.product-label.onsale,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info{background-color:#3d4096;}.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.sidebar-container .mc4wp-form input[type=submit],.sidebar-container .mc4wp-form input[type=submit]:hover,.footer-container .mc4wp-form input[type=submit],.footer-container .mc4wp-form input[type=submit]:hover,.filters-area .mc4wp-form input[type=submit],.filters-area .mc4wp-form input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.woocommerce-page button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,body .basel-info-box.box-style-border .info-btn-wrapper a,body .basel-info-box.box-style-border .info-btn-wrapper a:hover,body .basel-info-box2.box-style-border .info-btn-wrapper a,body .basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,body .wpb_video_wrapper .button-play,.woocommerce-store-notice__dismiss-link:hover,.basel-compare-table .compare-loader:after,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .basel-load-more:hover,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover,.basel-dark .register .button:hover, .basel-dark .login .button:hover,.basel-dark .lost_reset_password .button:hover,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.cookies-buttons .cookies-accept-btn:hover,.blockOverlay:after,.widget_shopping_cart li.basel-loading:after,.basel-price-table:hover,.title-shop .nav-shop ul li a:after,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.basel-hover-link .swap-elements .btn-add a.loading:after,.scrollToTop:hover, .basel-sticky-filter-btn:hover,blockquote{border-color:#3d4096;}.with-animation .info-box-icon svg path,.single-product-content .entry-summary .basel-sizeguide-btn:hover svg{stroke:#3d4096;}.btn.btn-color-alt.btn-style-bordered, .button.btn-color-alt.btn-style-bordered, button.btn-color-alt.btn-style-bordered, .added_to_cart.btn-color-alt.btn-style-bordered, input[type=submit].btn-color-alt.btn-style-bordered,.title-wrapper.basel-title-color-alt .title-subtitle{color:#dd3333;}.btn.btn-color-alt, .button.btn-color-alt, button.btn-color-alt, .added_to_cart.btn-color-alt, input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover,.widget_nav_mega_menu .menu > li:hover, .mega-navigation .menu > li:hover{background-color:#dd3333;}.btn.btn-color-alt,.button.btn-color-alt,button.btn-color-alt,.added_to_cart.btn-color-alt,input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover{border-color:#dd3333;}.button, 
button, 
input[type=submit],
html .yith-woocompare-widget a.button.compare,
html .basel-dark .basel-registration-page .basel-switch-to-register,
html .basel-dark .login .button,
html .basel-dark .register .button,
html .basel-dark .widget_shopping_cart .buttons a,
html .basel-dark .yith-woocompare-widget a.button.compare,
html .basel-dark .widget_price_filter .price_slider_amount .button,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit,
html .basel-dark .basel-widget-layered-nav-dropdown__submit,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{background-color:#ECECEC;}.button, 
button, 
input[type=submit],
html .yith-woocompare-widget a.button.compare,
html .basel-dark .basel-registration-page .basel-switch-to-register,
html .basel-dark .login .button,
html .basel-dark .register .button,
html .basel-dark .widget_shopping_cart .buttons a,
html .basel-dark .yith-woocompare-widget a.button.compare,
html .basel-dark .widget_price_filter .price_slider_amount .button,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit,
html .basel-dark .basel-widget-layered-nav-dropdown__submit,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{border-color:#ECECEC;}.button:hover, 
button:hover, 
input[type=submit]:hover,
html .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .basel-registration-page .basel-switch-to-register:hover,
html .basel-dark .login .button:hover,
html .basel-dark .register .button:hover,
html .basel-dark .widget_shopping_cart .buttons a:hover,
html .basel-dark .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .widget_price_filter .price_slider_amount .button:hover,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{background-color:#3E3E3E;}.button:hover, 
button:hover, 
input[type=submit]:hover,
html .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .basel-registration-page .basel-switch-to-register:hover,
html .basel-dark .login .button:hover,
html .basel-dark .register .button:hover,
html .basel-dark .widget_shopping_cart .buttons a:hover,
html .basel-dark .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .widget_price_filter .price_slider_amount .button:hover,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{border-color:#3E3E3E;}html .basel-hover-alt .btn-add>a{color:#000;}html .single_add_to_cart_button,
html .basel-buy-now-btn,
html .basel-sticky-btn .basel-sticky-add-to-cart,
html .woocommerce .cart-actions .coupon .button,
html .added_to_cart.btn-color-black, 
html input[type=submit].btn-color-black,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
html .basel-hover-quick .quick-shop-btn > a,
html table.compare-list tr.add-to-cart td a,
html .basel-compare-col .add_to_cart_button, 
html .basel-compare-col .added_to_cart{background-color:#000;}html .single_add_to_cart_button,
html .basel-buy-now-btn,
html .basel-sticky-btn .basel-sticky-add-to-cart,
html .woocommerce .cart-actions .coupon .button,
html .added_to_cart.btn-color-black, 
html input[type=submit].btn-color-black,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
html .basel-hover-quick .quick-shop-btn > a,
html table.compare-list tr.add-to-cart td a,
html .basel-compare-col .add_to_cart_button, 
html .basel-compare-col .added_to_cart{border-color:#000;}html .basel-hover-alt .btn-add>a:hover{color:#333;}html .single_add_to_cart_button:hover,
html .basel-buy-now-btn:hover,
html .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .woocommerce .cart-actions .coupon .button:hover,
html .added_to_cart.btn-color-black:hover, 
html input[type=submit].btn-color-black:hover,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover,
html .basel-hover-quick .quick-shop-btn > a:hover,
html table.compare-list tr.add-to-cart td a:hover,
html .basel-compare-col .add_to_cart_button:hover, 
html .basel-compare-col .added_to_cart:hover{background-color:#333;}html .single_add_to_cart_button:hover,
html .basel-buy-now-btn:hover,
html .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .woocommerce .cart-actions .coupon .button:hover,
html .added_to_cart.btn-color-black:hover, 
html input[type=submit].btn-color-black:hover,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover,
html .basel-hover-quick .quick-shop-btn > a:hover,
html table.compare-list tr.add-to-cart td a:hover,
html .basel-compare-col .add_to_cart_button:hover, 
html .basel-compare-col .added_to_cart:hover{border-color:#333;}@font-face {
			font-weight: normal;
			font-style: normal;
			font-family: "simple-line-icons";
			src: url("//ceelifeshop.ae/wp-content/themes/basel/fonts/Simple-Line-Icons.woff2?v=") format("woff2"),
			url("//ceelifeshop.ae/wp-content/themes/basel/fonts/Simple-Line-Icons.woff?v=") format("woff");}@font-face {
			font-weight: normal;
			font-style: normal;
			font-family: "basel-font";
			src: url("//ceelifeshop.ae/wp-content/themes/basel/fonts/basel-font.woff2?v=") format("woff2"),
			url("//ceelifeshop.ae/wp-content/themes/basel/fonts/basel-font.woff?v=") format("woff");}/* =========================================
   CEELIFESHOP.AE - LUXURY HEADER V1
   ========================================= */

/* ---------- TOP ANNOUNCEMENT BAR ---------- */

.topbar-wrapp,
.top-bar,
.basel-top-bar {
    background: #0c0c0c !important;
    color: #f5f1e8 !important;
    border: none !important;
    min-height: 36px;
}

.topbar-wrapp,
.topbar-wrapp a,
.top-bar,
.top-bar a,
.basel-top-bar,
.basel-top-bar a {
    color: #f5f1e8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
}


/* ---------- MAIN HEADER ---------- */

.main-header {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}

.main-header .wrapp-header,
.main-header .container {
    min-height: 90px;
}


/* ---------- LOGO ---------- */

.site-logo img {
    width: auto !important;
    max-width: 260px !important;
    max-height: 85px !important;
    object-fit: contain;
    transition: all 0.3s ease;
}


/* ---------- MAIN NAVIGATION ---------- */

.main-nav .menu > li > a {
    position: relative;
    color: #161616 !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    transition: color 0.25s ease !important;
}


/* GOLD HOVER */

.main-nav .menu > li > a:hover,
.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li.current_page_item > a {
    color: #a98546 !important;
}


/* PREMIUM UNDERLINE EFFECT */

.main-nav .menu > li > a::after {
    content: "";
    position: absolute;
    left: 17px;
    right: 17px;
    bottom: 16px;
    height: 1px;
    background: #a98546;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.main-nav .menu > li > a:hover::after,
.main-nav .menu > li.current-menu-item > a::after {
    transform: scaleX(1);
}


/* ---------- HEADER ICONS ---------- */

.main-header .right-column a,
.main-header .shopping-cart a,
.main-header .wishlist-info-widget a,
.main-header .search-button {
    color: #181818 !important;
    transition: color 0.25s ease;
}

.main-header .right-column a:hover,
.main-header .shopping-cart a:hover,
.main-header .wishlist-info-widget a:hover,
.main-header .search-button:hover {
    color: #a98546 !important;
}


/* ---------- DROPDOWN MENU ---------- */

.main-nav .sub-menu-dropdown {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,0.10) !important;
}

.main-nav .sub-menu-dropdown a {
    color: #333333 !important;
    font-size: 13px !important;
}

.main-nav .sub-menu-dropdown a:hover {
    color: #a98546 !important;
}


/* ---------- STICKY HEADER ---------- */

.sticky-header,
.main-header.act-scroll {
    background: rgba(255,255,255,0.97) !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08) !important;
    border-bottom: none !important;
}


/* ---------- SMOOTH PROFESSIONAL FEEL ---------- */

.main-header,
.site-logo img,
.main-nav a {
    transition: all 0.3s ease;
}


/* ---------- MOBILE ---------- */

@media (max-width: 991px) {

    .main-header .wrapp-header,
    .main-header .container {
        min-height: 72px;
    }

    .site-logo img {
        max-width: 145px !important;
        max-height: 52px !important;
    }

    .topbar-wrapp,
    .top-bar,
    .basel-top-bar {
        min-height: 32px;
        text-align: center;
    }

    .topbar-wrapp,
    .topbar-wrapp a {
        font-size: 10px !important;
        letter-spacing: 0.5px !important;
    }
}

/* CEELIFESHOP - LARGER DESKTOP LOGO */
.site-logo img {
    width: auto !important;
    max-width: 260px !important;
    max-height: 85px !important;
}

/* Give logo enough header space */
.main-header .wrapp-header {
    min-height: 105px !important;
}

/* =========================================
   CEELIFESHOP - TRANSPARENT HOMEPAGE HEADER
   ========================================= */

/* Remove white header background on homepage */
.home .main-header {
    background: transparent !important;
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* Remove white background from header containers */
.home .main-header .wrapp-header,
.home .main-header .container {
    background: transparent !important;
}

/* Make menu readable over video */
.home .main-nav .menu > li > a {
    color: #ffffff !important;
    text-shadow: 0 1px 5px rgba(0,0,0,0.45);
}

/* Luxury gold hover */
.home .main-nav .menu > li > a:hover,
.home .main-nav .menu > li.current-menu-item > a {
    color: #c6a15b !important;
}

/* Search / Wishlist / Cart icons */
.home .main-header .right-column a,
.home .main-header .shopping-cart a,
.home .main-header .wishlist-info-widget a,
.home .main-header .search-button {
    color: #ffffff !important;
}

/* Keep logo visible */
.home .site-logo {
    position: relative;
    z-index: 1001;
}

.home .site-logo img {
    opacity: 1 !important;
}

/* Sticky header becomes white after scrolling */
.home .main-header.act-scroll,
.home .sticky-header {
    background: rgba(255,255,255,0.97) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* Dark text after scrolling */
.home .main-header.act-scroll .main-nav .menu > li > a,
.home .sticky-header .main-nav .menu > li > a {
    color: #151515 !important;
}

body.home .main-page-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.home .website-wrapper .main-page-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.home .main-page-wrapper,
body.page-id-652 .main-page-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.home .whb-header,
body.page-id-652 .whb-header {
    margin-bottom: 0 !important;
}

/* =========================================
   CEELIFE — PREMIUM BRAND SHOWCASE
========================================= */

/* =========================================
   CEELIFE — LUXURY BRAND SHOWCASE
========================================= */

.ceelife-premium-brands {
    position: relative !important;

    width: 100% !important;

    background:
        linear-gradient(
            135deg,
            #0b0b0b 0%,
            #111111 55%,
            #080808 100%
        ) !important;

    padding: 65px 5vw 55px !important;

    margin: 0 !important;

    overflow: hidden;

    color: #fff !important;
}


/* SUBTLE GOLD GLOW */

.ceelife-premium-brands::before {
    content: "";

    position: absolute;

    width: 600px;
    height: 350px;

    top: -180px;
    left: 50%;

    transform: translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(190,155,95,.12),
            transparent 70%
        );

    pointer-events: none;
}


/* SECTION TITLE */

.ceelife-premium-brands h4,
.ceelife-premium-brands .title {
    position: relative;

    margin: 0 0 42px !important;

    text-align: center;

    color: rgba(255,255,255,.75) !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    letter-spacing: 6px !important;

    text-transform: uppercase;
}


/* REMOVE STRONG OLD LINES */

.ceelife-premium-brands h4::before,
.ceelife-premium-brands h4::after {
    background: rgba(255,255,255,.12) !important;
}


/* BRAND CARDS */

.ceelife-premium-brands .wpb_single_image {
    min-height: 145px !important;

    margin: 0 6px !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    background:
        rgba(255,255,255,.035) !important;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 12px;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transition:
        transform .5s ease,
        border-color .5s ease,
        background .5s ease,
        box-shadow .5s ease;
}


.ceelife-premium-brands .wpb_single_image:hover {
    transform: translateY(-6px);

    background:
        rgba(255,255,255,.07) !important;

    border-color:
        rgba(199,169,105,.45);

    box-shadow:
        0 20px 50px rgba(0,0,0,.35);
}


/* LOGOS */

.ceelife-premium-brands .wpb_single_image img {
    max-width: 68% !important;
    max-height: 62px !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain;

    filter:
        grayscale(100%)
        brightness(1.6);

    opacity: .82;

    transition:
        transform .5s ease,
        filter .5s ease,
        opacity .5s ease;
}


.ceelife-premium-brands
.wpb_single_image:hover img {
    transform: scale(1.06);

    filter:
        grayscale(0%)
        brightness(1);

    opacity: 1;
}


/* VIEW ALL BRANDS BUTTON */

.ceelife-premium-brands .btn,
.ceelife-premium-brands .vc_btn3,
.ceelife-premium-brands a.button {
    margin-top: 38px !important;

    min-width: 230px;

    padding: 16px 28px !important;

    background: transparent !important;

    border:
        1px solid rgba(255,255,255,.45) !important;

    border-radius: 0 !important;

    color: #fff !important;

    font-size: 9px !important;

    letter-spacing: 3px !important;

    text-transform: uppercase;

    transition:
        background .4s ease,
        color .4s ease,
        transform .4s ease;
}


.ceelife-premium-brands .btn:hover,
.ceelife-premium-brands .vc_btn3:hover,
.ceelife-premium-brands a.button:hover {
    background: #fff !important;

    color: #050505 !important;

    transform: translateY(-3px);
}


/* MOBILE */

@media (max-width: 768px) {

    .ceelife-premium-brands {
        padding: 50px 20px 45px !important;
    }

    .ceelife-premium-brands .wpb_single_image {
        min-height: 120px !important;
        margin-bottom: 12px !important;
    }

}

/* TABLET */

@media (max-width: 1024px) {

    .ceelife-premium-brands
    .wpb_single_image {
        min-height: 160px;
    }

}


/* MOBILE */

@media (max-width: 768px) {

    .ceelife-premium-brands {
        padding:
            60px 20px 55px !important;
    }

    .ceelife-premium-brands
    .wpb_single_image {
        min-height: 140px;

        margin-bottom: 14px !important;
    }

}

/* FULL-WIDTH CONTACT SECTION */
.ceelife-contact-luxury {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    min-height: 100vh !important;

    display: flex !important;
    align-items: center !important;

    padding: 80px 5vw !important;
}@media (min-width: 768px) and (max-width: 1024px) {.footer-container {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

.footer-container {
    background-image: url("ChatGPT Image Sep 23, 2026, 12_47_42 PM") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
} }@media (min-width: 577px) and (max-width: 767px) { .footer-container {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

.footer-container {
    background-image: url("ChatGPT Image Sep 23, 2026, 12_47_42 PM") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
} }@media (max-width: 576px) { .footer-container {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

.footer-container {
    background-image: url("ChatGPT Image Sep 23, 2026, 12_47_42 PM") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

/* =========================================
   CEELIFE LUXURY HOMEPAGE
========================================= */

body.page-template-page-luxury-home {
    background: #050505;
    color: #ffffff;
}

body.page-template-page-luxury-home .main-page-wrapper,
body.page-template-page-luxury-home .site-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

.ceelife-luxury-home {
    background: #050505;
    color: #ffffff;
    overflow: hidden;
}

/* HERO */

.ceelife-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 760px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(255,255,255,0.07), transparent 40%),
        linear-gradient(180deg, #111111 0%, #050505 100%);
}

/* Placeholder background until we add watch video/image */

.ceelife-hero-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0.10),
            rgba(0,0,0,0.65)
        ),
        url('/wp-content/uploads/ceelife-luxury-hero.jpg') center center / cover no-repeat;

    transform: scale(1.06);
    transition: transform 8s ease;
}

.ceelife-hero:hover .ceelife-hero-bg {
    transform: scale(1.10);
}

/* DARK CINEMATIC OVERLAY */

.ceelife-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.55),
            rgba(0,0,0,0.10),
            rgba(0,0,0,0.55)
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0.20),
            rgba(0,0,0,0.55)
        );

    z-index: 1;
}

/* HERO CONTENT */

.ceelife-hero-content {
    position: relative;
    z-index: 2;
    width: min(1200px, 92%);
    margin: 0 auto;
    text-align: center;
    padding: 40px 20px;
}

.ceelife-kicker {
    margin: 0 0 28px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.45em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.78);
}

.ceelife-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(58px, 8vw, 132px);
    line-height: 0.88;
    font-weight: 300;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.ceelife-subtitle {
    width: min(560px, 90%);
    margin: 35px auto 0;
    color: rgba(255,255,255,0.76);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300;
}

/* BUTTONS */

.ceelife-actions {
    margin-top: 38px;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ceelife-btn {
    min-width: 190px;
    padding: 17px 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #050505;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.20em;

    border: 1px solid #ffffff;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        border-color 0.35s ease;
}

.ceelife-btn:hover {
    background: #d2b36b;
    border-color: #d2b36b;
    color: #050505;
    transform: translateY(-3px);
}

.ceelife-btn-outline {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255,255,255,0.5);
}

.ceelife-btn-outline:hover {
    background: #ffffff;
    color: #050505;
    border-color: #ffffff;
}

/* SCROLL INDICATOR */

.ceelife-scroll {
    position: absolute;
    z-index: 2;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);

    color: rgba(255,255,255,0.62);
    text-transform: uppercase;
    letter-spacing: 0.30em;
    font-size: 9px;
}

/* MOBILE */

@media (max-width: 768px) {

    .ceelife-hero {
        min-height: 100svh;
    }

    .ceelife-hero-content {
        width: 94%;
        padding: 30px 18px;
    }

    .ceelife-kicker {
        font-size: 10px;
        letter-spacing: 0.32em;
        margin-bottom: 22px;
    }

    .ceelife-hero h1 {
        font-size: clamp(48px, 15vw, 78px);
        line-height: 0.92;
        letter-spacing: -0.045em;
    }

    .ceelife-subtitle {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 26px;
    }

    .ceelife-actions {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 30px;
    }

    .ceelife-btn {
        width: min(320px, 100%);
    }

    .ceelife-scroll {
        bottom: 20px;
    }
}

.ceelife-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.ceelife-video-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.30) 0%,
            rgba(0,0,0,.15) 45%,
            rgba(0,0,0,.65) 100%
        );
}

.ceelife-hero-content {
    z-index: 5;
}

.ceelife-scroll {
    z-index: 5;
}

.ceelife-logo-link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 10;
}

.ceelife-logo-img {
    width: 180px;
    height: auto;
    display: block;
    object-fit: contain;
}

/* =====================================================
   CEELIFE PREMIUM HEADER
===================================================== */

.ceelife-nav {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 130px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 26px;

    z-index: 9999;

    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.58) 0%,
        rgba(0,0,0,0.18) 65%,
        rgba(0,0,0,0) 100%
    );
}


/* ==============================
   LEFT MENU
============================== */

.ceelife-menu {
    display: flex;
    align-items: center;
    gap: 44px;

    position: relative;
    z-index: 20;
}

.ceelife-menu > a,
.ceelife-dropdown-title {
    position: relative;

    color: #fff !important;

    text-decoration: none !important;
    text-transform: uppercase;

    font-size: 15px;
    font-weight: 600;

    letter-spacing: 1.5px;

    white-space: nowrap;

    opacity: .95;

    padding: 25px 0;

    transition:
        color .3s ease,
        opacity .3s ease;
}

.ceelife-menu > a:hover,
.ceelife-dropdown-title:hover {
    color: #d5b46b !important;
}


/* HOME GOLD ACTIVE UNDERLINE */

.ceelife-nav-home {
    color: #d5b46b !important;
}

.ceelife-nav-home::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 10px;

    width: 55px;
    height: 1px;

    background: #d5b46b;
}


/* ==============================
   WATCH BRANDS DROPDOWN
============================== */

/* ===== CEELIFE MEGA MENU ===== */

.ceelife-dropdown {
    position: relative;
}

.ceelife-dropdown-title {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 35px 0;
    display: block;
}


/* BIG MENU */

.ceelife-mega-menu {
    position: absolute;

    top: 100%;
    left: -90px;

    width: 1070px;

    background: #ffffff;
    color: #111;

    padding: 55px 35px 35px;

    box-shadow: 0 25px 60px rgba(0,0,0,.35);

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    pointer-events: none;

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index: 99999;
}


/* SHOW ON HOVER */

.ceelife-dropdown:hover .ceelife-mega-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;
}


/* 3 COLUMNS */

.ceelife-mega-columns {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 70px;
}


.ceelife-mega-col h4 {
    margin: 0 0 22px;

    color: #222;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: .5px;

    text-transform: uppercase;
}


.ceelife-mega-col a {
    display: block !important;

    padding: 8px 0 !important;

    color: #555 !important;

    text-decoration: none !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    letter-spacing: .4px !important;

    text-transform: none !important;

    transition:
        color .2s ease,
        transform .2s ease;
}


.ceelife-mega-col a:hover {
    color: #c49a45 !important;

    transform: translateX(4px);
}


/* BOTTOM SERVICES */

.ceelife-mega-services {
    margin-top: 32px;

    padding-top: 25px;

    border-top: 1px solid #e4e4e4;

    display: grid;

    grid-template-columns: repeat(4, 1fr);
}


.ceelife-mega-services > div {
    padding: 0 25px;

    border-right: 1px solid #ddd;
}


.ceelife-mega-services > div:first-child {
    padding-left: 0;
}


.ceelife-mega-services > div:last-child {
    border-right: 0;
}


.ceelife-mega-services strong {
    display: block;

    margin-bottom: 7px;

    color: #111;

    font-size: 14px;
    font-weight: 700;
}


.ceelife-mega-services span {
    display: block;

    color: #666;

    font-size: 13px;
}


/* RESPONSIVE */

@media (max-width: 1200px) {

    .ceelife-mega-menu {
        width: 850px;
    }

}


@media (max-width: 900px) {

    .ceelife-mega-menu {
        display: none;
    }

}


/* IMPORTANT — hides brand list */

.ceelife-dropdown-menu {
    position: absolute;

    top: calc(100% - 4px);
    left: -25px;

    width: 270px;

    padding: 18px 0;

    background: rgba(10,10,10,.96);

    border-top: 1px solid rgba(210,179,107,.7);

    box-shadow: 0 18px 50px rgba(0,0,0,.45);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    pointer-events: none;

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;
}


/* SHOW DROPDOWN ON HOVER */

.ceelife-dropdown:hover .ceelife-dropdown-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;
}


/* BRAND LINKS */

.ceelife-dropdown-menu a {
    display: block;

    padding: 10px 25px;

    color: rgba(255,255,255,.78) !important;

    text-decoration: none !important;

    text-transform: uppercase;

    font-size: 10px;
    font-weight: 500;

    letter-spacing: 1.5px;

    transition:
        background .25s ease,
        color .25s ease,
        padding-left .25s ease;
}


.ceelife-dropdown-menu a:hover {
    color: #d5b46b !important;

    background: rgba(255,255,255,.04);

    padding-left: 31px;
}


/* ==============================
   CENTER LOGO
============================== */

.ceelife-logo-link {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 15;
}


.ceelife-logo-img {
    width: 210px;
    max-height: 72px;

    height: auto;

    display: block;

    object-fit: contain;
}


/* ==============================
   RIGHT ICONS
============================== */

.ceelife-nav-right {
    display: flex;
    align-items: center;

    gap: 27px;

    margin-left: auto;

    position: relative;
    z-index: 20;
}


.ceelife-nav-right a {
    position: relative;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    text-decoration: none;

    transition:
        color .3s ease,
        transform .3s ease;
}


.ceelife-nav-right a:hover {
    color: #d5b46b;

    transform: translateY(-2px);
}


.ceelife-nav-right svg {
    width: 25px;
    height: 25px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* CART NUMBER */

.ceelife-cart-count {
    position: absolute;

    top: -7px;
    right: -11px;

    min-width: 17px;
    height: 17px;

    padding: 0 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #3f4c99;
    color: #fff;

    font-size: 9px;
    font-weight: 600;
}


/* =====================================================
   MOBILE HEADER
===================================================== */

@media (max-width: 768px) {

    .ceelife-nav {
        height: 78px;

        padding: 0 18px;
    }


    .ceelife-menu {
        display: none;
    }


    .ceelife-logo-link {
        left: 18px;
        top: 50%;

        transform: translateY(-50%);
    }


    .ceelife-logo-img {
        width: 135px;
        max-height: 52px;
    }


    .ceelife-nav-right {
        gap: 17px;
    }


    .ceelife-nav-right svg {
        width: 22px;
        height: 22px;
    }
}


.ceelife-products {
    background: #090909;
    color: #fff;
    padding: 140px 7vw;
}

.ceelife-products-head {
    text-align: center;
    margin-bottom: 80px;
}

.ceelife-products-head span {
    display: block;

    margin-bottom: 20px;

    color: rgba(255,255,255,.55);

    font-size: 9px;
    letter-spacing: 5px;

    text-transform: uppercase;
}

.ceelife-products-head h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(50px, 6vw, 100px);
    line-height: .9;
    font-weight: 300;

    letter-spacing: -.05em;

    text-transform: uppercase;
}

.ceelife-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.ceelife-product-card {
    background: #161616;

    min-width: 0;

    overflow: hidden;

    transition:
        transform .5s ease,
        background .5s ease;
}

.ceelife-product-card:hover {
    background: #222;
    transform: translateY(-8px);
}

.ceelife-product-link {
    display: block;

    height: 100%;

    color: #fff;
    text-decoration: none;
}

.ceelife-product-image-wrap {
    position: relative;

    width: 100%;
    aspect-ratio: 1 / 1.25;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;

    padding: 35px;
}

.ceelife-product-image {
    width: 100%;
    height: 100%;

    object-fit: contain;

    transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.ceelife-product-card:hover .ceelife-product-image {
    transform: scale(1.07);
}

.ceelife-product-info {
    min-height: 125px;

    padding: 20px 24px 28px;

    text-align: center;
}

.ceelife-product-info h3 {
    margin: 0;

    color: #fff;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;

    text-transform: uppercase;
}

.ceelife-product-price {
    margin-top: 12px;

    color: rgba(255,255,255,.55);

    font-size: 12px;
}

.ceelife-all-products {
    margin-top: 70px;

    display: flex;
    justify-content: center;
}

@media (max-width: 1000px) {

    .ceelife-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .ceelife-products {
        padding: 90px 15px;
    }

    .ceelife-product-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .ceelife-product-image-wrap {
        padding: 15px;
    }

    .ceelife-product-info {
        padding: 15px 10px 20px;
    }

    .ceelife-product-info h3 {
        font-size: 10px;
    }

}

/* ==================================================
   CEELIFE STACKED VIDEO SCROLL EFFECT
   Video 2 rises OVER Video 1
================================================== */

/* IMPORTANT: sticky will not work if parent is overflow:hidden */
.ceelife-luxury-home {
    overflow: visible !important;
}

/* VIDEO 1 */
.ceelife-hero {
    position: sticky !important;
    top: 0;
    width: 100%;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden;
    z-index: 1;
}

/* VIDEO 2 */
.ceelife-scroll-video-section {
    position: sticky !important;
    top: 0;
    z-index: 2;

    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
    background: #000;
}

.ceelife-scroll-video-sticky {
    position: relative !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ceelife-scroll-video {
    position: absolute;
    inset: 0;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center;

    display: block;
}

/* NEXT SECTION COMES OVER VIDEO 2 */
.ceelife-intro {
    position: relative;
    z-index: 3;
    background: #050505;
} }