/* ========================================================= APNI DUKAAN - CLEAN OVERRIDES Storefront + WooCommerce + WPBakery ========================================================= */ :root{ --apni-yellow:#f3ef1a; --apni-yellow-hover:#e6e200; --apni-black:#111; --apni-muted:#666; --apni-radius:16px; --apni-shadow:0 10px 24px rgba(0,0,0,.08); } /* ========================================================= 1) GLOBAL BUTTONS ========================================================= */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .wc-proceed-to-checkout a.checkout-button, .wp-block-button__link, a.vc_general.vc_btn3, .vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-default{ background:var(--apni-yellow)!important; border-color:var(--apni-yellow)!important; color:#000!important; font-weight:800!important; border-radius:10px!important; box-shadow:none!important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .wp-block-button__link:hover, a.vc_general.vc_btn3:hover, .vc_btn3:hover{ background:var(--apni-yellow-hover)!important; border-color:var(--apni-yellow-hover)!important; color:#000!important; } /* ========================================================= 2) HOMEPAGE HERO / BANNERS ========================================================= */ .home .wpb_single_image{ margin:0 auto 20px!important; } .home .wpb_single_image img{ width:100%!important; max-width:1200px!important; height:auto!important; border-radius:var(--apni-radius)!important; box-shadow:0 18px 45px rgba(0,0,0,.12)!important; display:block!important; margin:0 auto!important; } .apni-cat-section > .vc_column_container > .vc_column-inner{ max-width:1320px; margin-left:auto!important; margin-right:auto!important; padding-left:18px!important; padding-right:18px!important; box-sizing:border-box; } .apni-cat-section .wpb_wrapper{ max-width:1200px; margin-left:auto!important; margin-right:auto!important; } .apni-cat-section .wpb_single_image img{ max-width:1200px!important; } .home .vc_inline-link, .home .vc_inline-link a{ display:none!important; } /* ========================================================= 3) HOMEPAGE CATEGORY GRID ========================================================= */ .home ul.products.columns-4 > li.product-category.product > a{ background:#fff!important; border-radius:var(--apni-radius)!important; box-shadow:var(--apni-shadow)!important; padding:18px 16px!important; text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; min-height:240px!important; } .home ul.products.columns-4 > li.product-category.product a:before, .home ul.products.columns-4 > li.product-category.product a:after{ display:none!important; } .home ul.products.columns-4 > li.product-category.product img{ width:120px!important; height:120px!important; object-fit:contain!important; display:block!important; margin:0 auto 12px!important; } .home ul.products.columns-4 .woocommerce-loop-category__title{ font-size:14px!important; font-weight:900!important; color:var(--apni-black)!important; margin:0!important; line-height:1.25!important; } .home ul.products.columns-4 mark.count{ background:transparent!important; color:var(--apni-muted)!important; font-weight:800!important; font-size:12px!important; margin-left:6px!important; } @media (hover:hover){ .home ul.products.columns-4 > li.product-category.product > a:hover{ transform:translateY(-4px); box-shadow:0 18px 44px rgba(0,0,0,.12)!important; transition:transform .15s ease, box-shadow .15s ease; } } /* ========================================================= 4) PRODUCT CARDS ========================================================= */ .woocommerce ul.products li.product{ background:#fff; border-radius:18px; padding:18px 16px 22px; box-shadow:0 12px 30px rgba(0,0,0,.06); transition:all .2s ease; } .woocommerce ul.products li.product:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.10); } .woocommerce ul.products li.product img{ margin-bottom:12px; } .woocommerce ul.products li.product h2{ font-size:16px!important; font-weight:700!important; color:#111!important; line-height:1.3; margin-bottom:10px!important; } .woocommerce ul.products li.product .button{ background:var(--apni-yellow)!important; color:#000!important; font-weight:700!important; border-radius:10px!important; padding:12px 18px!important; box-shadow:none!important; } .woocommerce ul.products li.product .button:hover{ background:var(--apni-yellow-hover)!important; } .storefront-product-section{ margin-bottom:40px; } /* Homepage product cards inside your section */ body.home .apni-cat-section ul.products > li.product .woocommerce-LoopProduct-link{ display:block!important; text-align:center!important; } body.home .apni-cat-section ul.products > li.product img{ width:100%!important; max-width:150px!important; height:150px!important; object-fit:contain!important; display:block!important; margin:0 auto 12px!important; } body.home .apni-cat-section ul.products > li.product h2{ font-size:15px!important; line-height:1.3!important; min-height:78px!important; margin-bottom:10px!important; text-align:center!important; } body.home .apni-cat-section ul.products > li.product .price{ display:block!important; min-height:28px!important; margin-bottom:14px!important; text-align:center!important; } body.home .apni-cat-section ul.products > li.product .button{ display:block!important; width:100%!important; text-align:center!important; margin-top:0!important; } /* ========================================================= 5) VIEW ALL BUTTONS ========================================================= */ body.home a.vc_general.vc_btn3.vc_btn3-style-modern.vc_btn3-color-grey, a.vc_btn3[href*="meat-products"]{ background:var(--apni-yellow)!important; border-color:var(--apni-yellow)!important; color:#000!important; font-weight:700!important; border-radius:14px!important; box-shadow:none!important; text-decoration:none!important; } body.home a.vc_general.vc_btn3.vc_btn3-style-modern.vc_btn3-color-grey:before, body.home a.vc_general.vc_btn3.vc_btn3-style-modern.vc_btn3-color-grey:after{ background:transparent!important; opacity:0!important; } body.home a.vc_general.vc_btn3.vc_btn3-style-modern.vc_btn3-color-grey:hover, body.home a.vc_general.vc_btn3.vc_btn3-style-modern.vc_btn3-color-grey:focus, a.vc_btn3[href*="meat-products"]:hover{ background:var(--apni-yellow-hover)!important; border-color:var(--apni-yellow-hover)!important; color:#000!important; } /* ========================================================= 6) MINI CART + NAV DROPDOWN ========================================================= */ .site-header .widget_shopping_cart, .site-header .woocommerce.widget_shopping_cart, .site-header .site-header-cart .widget_shopping_cart_content, .site-header .woocommerce-mini-cart-item, .site-header .woocommerce-mini-cart__total, .site-header .woocommerce-mini-cart__buttons{ background:#fff!important; color:#333!important; } .site-header .woocommerce-mini-cart-item{ border-bottom:1px solid #eee; } .site-header .woocommerce-mini-cart__total{ border-top:1px solid #eee; } .site-header .woocommerce-mini-cart__total, .site-header .woocommerce-mini-cart-item a, .site-header .woocommerce-mini-cart__buttons a{ color:#333!important; } .site-header .woocommerce-mini-cart__buttons .button{ background:#f5d000!important; color:#000!important; border:none; } .main-navigation ul ul, .main-navigation .sub-menu{ background:#fff!important; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,.08); } .main-navigation ul ul li{ background:transparent!important; } .main-navigation ul ul li a{ color:#111!important; padding:10px 16px!important; } .main-navigation ul ul li a:hover{ background:var(--apni-yellow)!important; color:#000!important; } /* ========================================================= 7) HIDE UNWANTED ITEMS ========================================================= */ .woocommerce span.onsale, .woocommerce .onsale, .wccs-onsale-badge, .storefront-woocommerce-brands{ display:none!important; } /* ========================================================= 8) CHECKOUT PAGE ========================================================= */ .woocommerce-checkout .site-content .col-full, .woocommerce-checkout .col-full{ max-width:1440px!important; width:100%!important; margin-left:auto!important; margin-right:auto!important; padding-left:24px!important; padding-right:24px!important; } .woocommerce-checkout .site-main{ padding-top:0!important; padding-bottom:40px!important; } .woocommerce-checkout #customer_details{ width:60%!important; float:left!important; margin-right:3%!important; background:#fff!important; border-radius:20px!important; padding:28px!important; box-shadow:0 12px 30px rgba(0,0,0,.06)!important; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{ width:37%!important; float:right!important; } .woocommerce-checkout #order_review{ background:#fff!important; border-radius:20px!important; padding:24px!important; box-shadow:0 12px 30px rgba(0,0,0,.06)!important; } .woocommerce-checkout form.checkout::after{ content:""; display:block; clear:both; } .woocommerce-checkout #order_review_heading{ margin-top:0!important; margin-bottom:14px!important; font-size:30px!important; color:#111!important; } @media (min-width:992px){ .woocommerce-checkout #order_review{ position:sticky!important; top:30px!important; } } .woocommerce-checkout input.input-text, .woocommerce-checkout textarea, .woocommerce-checkout select, .woocommerce-checkout .select2-selection{ min-height:46px!important; border-radius:10px!important; border:1px solid #dcdcdc!important; background:#fff!important; box-shadow:none!important; padding:10px 12px!important; } .woocommerce-checkout label{ font-weight:700!important; color:#222!important; margin-bottom:6px!important; } .woocommerce-checkout .form-row{ margin-bottom:12px!important; } .woocommerce-checkout table.shop_table{ border:none!important; border-radius:14px!important; overflow:hidden!important; background:#fafafa!important; margin-bottom:20px!important; width:100%!important; } .woocommerce-checkout #payment{ background:#fafafa!important; border-radius:14px!important; border:1px solid #ececec!important; padding:14px!important; max-width:100%!important; } .woocommerce-checkout #payment div.payment_box{ background:#fff!important; border-radius:10px!important; border:1px solid #ececec!important; width:100%!important; } .woocommerce-checkout #place_order, .woocommerce-checkout .button.alt{ background:var(--apni-yellow)!important; color:#000!important; border:none!important; border-radius:12px!important; font-weight:800!important; font-size:17px!important; padding:16px 24px!important; box-shadow:none!important; } .woocommerce-checkout #place_order:hover, .woocommerce-checkout .button.alt:hover{ background:var(--apni-yellow-hover)!important; color:#000!important; } /* ========================================================= 9) MY ACCOUNT ========================================================= */ @media (max-width:768px){ body.woocommerce-account .woocommerce-MyAccount-navigation, body.woocommerce-account .woocommerce-MyAccount-content{ width:100%!important; float:none!important; margin:0 0 20px 0!important; } body.woocommerce-account{ padding-bottom:110px!important; background:#f6f6f6!important; } } @media (min-width:768px){ body.woocommerce-account .site-content .col-full{ max-width:1280px!important; margin:0 auto!important; padding-left:30px!important; padding-right:30px!important; } body.woocommerce-account .woocommerce{ display:grid!important; grid-template-columns:250px minmax(0,1fr)!important; column-gap:36px!important; align-items:start!important; } body.woocommerce-account .woocommerce-MyAccount-navigation{ width:100%!important; float:none!important; margin:0!important; background:#fff!important; border-radius:18px!important; box-shadow:0 12px 30px rgba(0,0,0,.06)!important; padding:14px 0!important; } body.woocommerce-account .woocommerce-MyAccount-content{ width:100%!important; float:none!important; margin:0!important; color:#333!important; } } /* ========================================================= 10) FOOTER ========================================================= */ .site-footer{ background:var(--apni-yellow)!important; padding-top:36px!important; padding-bottom:18px!important; } .site-footer .col-full{ max-width:1180px!important; margin:0 auto!important; padding-left:24px!important; padding-right:24px!important; } .site-footer .footer-widgets{ display:grid!important; grid-template-columns:220px 1fr 1fr!important; column-gap:80px!important; align-items:start!important; padding-top:0!important; padding-bottom:20px!important; margin-bottom:18px!important; border-bottom:1px solid rgba(0,0,0,.10)!important; } .site-footer .footer-widget-4{ display:none!important; } .site-footer .footer-widget-1{ grid-column:1!important; justify-self:start!important; margin-top:0!important; } .site-footer .footer-widget-2{ grid-column:2!important; min-width:260px!important; } .site-footer .footer-widget-3{ grid-column:3!important; min-width:260px!important; } .site-footer .footer-widget-1 img{ max-width:140px!important; height:auto!important; display:block!important; } .site-footer .widget-title, .site-footer .wp-block-heading{ font-size:22px!important; line-height:1.25!important; font-weight:600!important; color:#222!important; margin-bottom:14px!important; word-break:normal!important; overflow-wrap:normal!important; } .site-footer, .site-footer p, .site-footer li, .site-footer a{ color:#222!important; font-size:15px!important; line-height:1.7!important; word-break:normal!important; overflow-wrap:break-word!important; } .site-footer ul{ list-style:none!important; margin:0!important; padding:0!important; } .site-footer .site-info{ padding-top:8px!important; margin:0!important; border-top:none!important; color:#333!important; font-size:14px!important; } /* ========================================================= 11) MOBILE FIXES ========================================================= */ @media (max-width:768px){ body{ padding-bottom:90px!important; } body.home .content-area, body.home .site-main, body.home .site-content{ padding-top:0!important; } body.home .content-area{ margin-top:-40px!important; } body.home .vc_row, body.home .wpb_row, body.home .vc_row-fluid{ margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; } body.home .wpb_single_image{ margin-top:0!important; margin-bottom:8px!important; } body.home .apni-cat-section{ margin-top:0!important; margin-bottom:8px!important; padding-top:0!important; padding-bottom:0!important; } body.home .apni-cat-section ul.products, body.home .woocommerce ul.products, body.woocommerce ul.products{ margin-top:0!important; margin-bottom:8px!important; padding-top:0!important; } body.home ul.products li.product, body.home ul.products li.product-category, body.woocommerce ul.products li.product{ margin-bottom:10px!important; } /* CATEGORY CARDS: 2 COLUMNS */ body.home ul.products.columns-4 > li.product-category.product{ width:48%!important; max-width:48%!important; margin:1%!important; float:left!important; clear:none!important; display:block!important; } body.home ul.products.columns-4 > li.product-category.product:nth-child(2n+1){ clear:both!important; } body.home ul.products.columns-4 > li.product-category.product.first, body.home ul.products.columns-4 > li.product-category.product.last{ clear:none!important; } body.home ul.products.columns-4 > li.product-category.product > a{ width:100%!important; min-height:unset!important; height:auto!important; display:block!important; padding:16px 12px!important; } body.home ul.products.columns-4 > li.product-category.product img{ width:100px!important; height:100px!important; margin:0 auto 10px!important; } body.home .woocommerce-loop-category__title{ font-size:13px!important; line-height:1.25!important; } body.home ul.products.columns-4::after{ content:""!important; display:block!important; clear:both!important; } /* PRODUCT GRIDS: 2 COLUMNS */ body.woocommerce ul.products li.product, body.home .apni-cat-section ul.products li.product{ width:48%!important; max-width:48%!important; margin:1%!important; float:left!important; clear:none!important; display:block!important; } body.woocommerce ul.products li.product:nth-child(2n+1), body.home .apni-cat-section ul.products li.product:nth-child(2n+1){ clear:both!important; } body.woocommerce ul.products li.product:nth-child(2n), body.home .apni-cat-section ul.products li.product:nth-child(2n){ clear:none!important; } body.woocommerce ul.products::after, body.home .apni-cat-section ul.products::after{ content:""!important; display:block!important; clear:both!important; } body.home .apni-cat-section ul.products > li.product img, body.woocommerce ul.products li.product img{ width:100%!important; max-width:140px!important; height:140px!important; object-fit:contain!important; display:block!important; margin:0 auto 10px!important; } body.home .apni-cat-section ul.products > li.product h2, body.woocommerce ul.products li.product h2{ font-size:14px!important; line-height:1.3!important; min-height:56px!important; margin-bottom:8px!important; text-align:center!important; } body.home .apni-cat-section ul.products > li.product .price, body.woocommerce ul.products li.product .price{ min-height:24px!important; margin-bottom:10px!important; text-align:center!important; } body.home .apni-cat-section ul.products > li.product .button, body.woocommerce ul.products li.product .button{ display:block!important; width:100%!important; text-align:center!important; } body.home .vc_btn3-container{ margin-top:8px!important; margin-bottom:12px!important; text-align:center!important; clear:both!important; } body.home .vc_btn3-container a.vc_general.vc_btn3{ display:inline-block!important; width:92%!important; max-width:420px!important; padding:16px 18px!important; border-radius:16px!important; font-weight:900!important; } .site-footer{ padding-bottom:100px!important; } .site-footer .footer-widgets{ display:block!important; } .site-footer .footer-widget-2, .site-footer .footer-widget-3{ min-width:0!important; } .site-footer .widget-title, .site-footer .wp-block-heading{ font-size:24px!important; margin-bottom:10px!important; } } /* ========================================================= 12) DELIVERY CALENDAR - INLINE + DATE ONLY ========================================================= */ /* Remove all time UI completely */ #ui-datepicker-div .ui-timepicker-div, #ui-datepicker-div .ui-datepicker-buttonpane, .ui-timepicker-div, .ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_hour, .ui_tpicker_minute_label, .ui_tpicker_minute, .ui_tpicker_second_label, .ui_tpicker_second, .ui_tpicker_millisec_label, .ui_tpicker_millisec, .ui_tpicker_microsec_label, .ui_tpicker_microsec, .ui_tpicker_timezone_label, .ui_tpicker_timezone{ display:none!important; visibility:hidden!important; height:0!important; min-height:0!important; max-height:0!important; overflow:hidden!important; margin:0!important; padding:0!important; border:0!important; } /* Keep inline calendar inside checkout column */ body.woocommerce-checkout #ui-datepicker-div{ position:static!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; margin-top:10px!important; background:#fff!important; border:1px solid #ddd!important; border-radius:10px!important; box-shadow:none!important; overflow:hidden!important; z-index:auto!important; box-sizing:border-box!important; } body.woocommerce-checkout #ui-datepicker-div .ui-datepicker-header{ background:var(--apni-yellow)!important; color:#000!important; border:none!important; padding:8px 28px!important; } body.woocommerce-checkout #ui-datepicker-div .ui-datepicker-title{ font-size:14px!important; font-weight:700!important; } body.woocommerce-checkout #ui-datepicker-div table{ width:100%!important; table-layout:fixed!important; border-collapse:collapse!important; margin:0!important; } body.woocommerce-checkout #ui-datepicker-div th, body.woocommerce-checkout #ui-datepicker-div td{ width:14.28%!important; padding:4px 2px!important; text-align:center!important; vertical-align:middle!important; box-sizing:border-box!important; } body.woocommerce-checkout #ui-datepicker-div td a, body.woocommerce-checkout #ui-datepicker-div td span{ display:inline-block!important; min-width:24px!important; line-height:24px!important; font-size:12px!important; border-radius:6px!important; text-decoration:none!important; } body.woocommerce-checkout #ui-datepicker-div .available-deliveries a{ background:var(--apni-yellow)!important; color:#000!important; } body.woocommerce-checkout #ui-datepicker-div .available-deliveries a:hover{ background:var(--apni-yellow-hover)!important; } body.woocommerce-checkout #ui-datepicker-div .ui-state-active{ background:#111!important; color:#fff!important; } body.woocommerce-checkout #ui-datepicker-div .ui-state-disabled{ color:#bdbdbd!important; } body.woocommerce-checkout #ui-datepicker-div, body.woocommerce-checkout #ui-datepicker-div *{ float:none!important; writing-mode:horizontal-tb!important; box-sizing:border-box!important; } /* Prevent mobile overflow on checkout */ @media (max-width:768px){ html, body{ overflow-x:hidden!important; max-width:100%!important; } body.woocommerce-checkout, body.woocommerce-checkout .site, body.woocommerce-checkout .site-content, body.woocommerce-checkout .content-area, body.woocommerce-checkout .site-main, body.woocommerce-checkout .col-full, body.woocommerce-checkout #customer_details, body.woocommerce-checkout #order_review, body.woocommerce-checkout #payment, body.woocommerce-checkout table.shop_table, body.woocommerce-checkout #ui-datepicker-div{ max-width:100%!important; overflow-x:hidden!important; box-sizing:border-box!important; } /* Checkout mobile reset */ body.woocommerce-checkout #customer_details, body.woocommerce-checkout #order_review_heading, body.woocommerce-checkout #order_review, body.woocommerce-checkout .col2-set, body.woocommerce-checkout .woocommerce-checkout-review-order, body.woocommerce-checkout .woocommerce-checkout-review-order-table, body.woocommerce-checkout #payment{ width:100%!important; max-width:100%!important; float:none!important; display:block!important; margin-left:0!important; margin-right:0!important; clear:both!important; } body.woocommerce-checkout #customer_details{ padding:18px!important; margin-bottom:20px!important; } body.woocommerce-checkout #order_review{ padding:18px!important; } body.woocommerce-checkout #order_review_heading{ margin-bottom:12px!important; } body.woocommerce-checkout .form-row, body.woocommerce-checkout .form-row-first, body.woocommerce-checkout .form-row-last{ width:100%!important; max-width:100%!important; float:none!important; clear:both!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } body.woocommerce-checkout input.input-text, body.woocommerce-checkout textarea, body.woocommerce-checkout select, body.woocommerce-checkout .select2, body.woocommerce-checkout .select2-container, body.woocommerce-checkout .select2-selection{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } body.woocommerce-checkout table.shop_table, body.woocommerce-checkout table.shop_table tbody, body.woocommerce-checkout table.shop_table tr, body.woocommerce-checkout table.shop_table td, body.woocommerce-checkout table.shop_table th{ width:auto!important; max-width:100%!important; word-break:normal!important; } body.woocommerce-checkout .wc_payment_method, body.woocommerce-checkout .wc_payment_method label, body.woocommerce-checkout .payment_box, body.woocommerce-checkout .visa_acceptance_solutions_unified_checkout, body.woocommerce-checkout .wc-unified-checkout-cart-checkout-block{ width:100%!important; max-width:100%!important; writing-mode:horizontal-tb!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; transform:none!important; } body.woocommerce-checkout .wc_payment_method label{ display:block!important; line-height:1.4!important; } body.woocommerce-checkout .wc_payment_method img{ max-width:42px!important; height:auto!important; display:inline-block!important; vertical-align:middle!important; margin-right:6px!important; } body.woocommerce-checkout{ padding-bottom:120px!important; } } /* Remove WPBakery edit link on checkout for logged-in view */ body.woocommerce-checkout .vc_inline-link, body.woocommerce-checkout .vc_inline-link a, body.woocommerce-checkout .vc_controls, body.woocommerce-checkout .wpb_edit_form_elements{ display:none!important; } /* ========================================================= 13) FONT DISPLAY ========================================================= */ @font-face{ font-family:'FontAwesome'; font-display:swap; } /* ===================================== INFINITE SCROLL - MORE PRODUCTS BUTTON ===================================== */ #infinite-handle{ text-align:center !important; margin:25px 0 40px !important; } #infinite-handle span{ border:none !important; background:transparent !important; } #infinite-handle button{ background:#f3ef1a !important; color:#000 !important; font-weight:800 !important; font-size:18px !important; border:none !important; border-radius:16px !important; padding:16px 28px !important; cursor:pointer !important; box-shadow:0 10px 24px rgba(0,0,0,0.08) !important; transition:all .15s ease !important; } #infinite-handle button:hover{ background:#e6e200 !important; transform:translateY(-2px); } @media (max-width:768px){ #infinite-handle button{ width:calc(100% - 32px) !important; max-width:420px !important; } } .apni-faq-accordion .vc_tta-panel-heading { border: 1px solid #ececec !important; border-radius: 10px !important; margin-bottom: 10px !important; background: #ffffff !important; transition: all 0.2s ease; } .apni-faq-accordion .vc_tta-panel-heading:hover { border-color: #eddca4 !important; background: #fffdf6 !important; } .apni-faq-accordion .vc_tta-panel-title > a { padding: 18px 20px !important; font-size: 16px !important; font-weight: 600 !important; color: #111111 !important; } .apni-faq-accordion .vc_tta-panel-body { background: #fffdf9 !important; border: 1px solid #f1e7bf !important; border-top: 0 !important; border-radius: 0 0 10px 10px !important; padding: 18px 20px !important; color: #444 !important; } .apni-faq-accordion .vc_tta-controls-icon { color: #8a6b00 !important; } .apni-faq-sidebox a:hover { opacity: 0.9; } @media (max-width: 991px) { .apni-faq-intro { font-size: 15px !important; } } /* FAQ page container width */ .page-id-FAQ .vc_row { max-width: 1180px; margin: auto; } /* FAQ accordion styling */ .apni-faq-accordion .vc_tta-panel-heading { border: 1px solid #ececec !important; border-radius: 10px !important; margin-bottom: 12px !important; background: #ffffff !important; transition: all .25s ease; } .apni-faq-accordion .vc_tta-panel-heading:hover { border-color: #e3c400 !important; background: #fffdf3 !important; } .apni-faq-accordion .vc_tta-panel-title > a { padding: 18px 22px !important; font-size: 16px !important; font-weight: 600 !important; color: #222 !important; } .apni-faq-accordion .vc_tta-panel-body { padding: 18px 22px !important; background: #fffdf7 !important; border: 1px solid #f3e7a5 !important; border-top: none !important; border-radius: 0 0 10px 10px !important; } /* FAQ sidebar cards */ .apni-faq-sidebox { box-shadow: 0 6px 18px rgba(0,0,0,0.06); } /* FAQ hero header */ .apni-faq-intro { font-size: 17px; line-height: 1.8; color: #444; } /* Improve mobile spacing */ @media (max-width: 991px) { .apni-faq-sidebox { margin-top: 20px; } .apni-faq-accordion .vc_tta-panel-title > a { font-size: 15px !important; } } /* Remove page title on Qurban page only */ .page-id-36011 .entry-title { display: none; } /* Remove page title */ .page-id-36011 .entry-title { display: none; } /* Remove breadcrumb */ .page-id-36011 .woocommerce-breadcrumb { display: none; } /* Remove search bar on this page */ .page-id-36011 .storefront-product-search { display: none; } /* ====================================================== FRAGRANCE BAZAAR PRICE DISPLAY ====================================================== */ .apni-fb-price { width: 100%; margin: 11px 0 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; line-height: 1.2; text-align: center; } /* RRP and saving line */ .apni-fb-price__comparison { min-height: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; } .apni-fb-price__rrp { display: inline-flex; align-items: center; gap: 5px; color: #8b8b8b; font-size: 12px; } .apni-fb-price__rrp-label { color: #777; font-size: 10px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; } .apni-fb-price__rrp del { color: #8b8b8b !important; opacity: 1 !important; font-size: 12px; font-weight: 600; text-decoration-color: #777; text-decoration-line: line-through; text-decoration-thickness: 1.3px; } /* Small saving text */ .apni-fb-price__saving { color: #39701c; font-size: 11px; font-weight: 800; } /* Main selling price */ .apni-fb-price__current { display: block; color: #171717 !important; font-size: 21px; font-weight: 900; letter-spacing: -0.3px; } .apni-fb-price__current .woocommerce-Price-amount, .apni-fb-price__current .woocommerce-Price-currencySymbol { color: #171717 !important; font-size: inherit; font-weight: 900; } /* Offer badge */ .apni-fb-price__offer { margin-top: 2px; padding: 5px 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd500; border-radius: 999px; background: #fffde0; color: #4e4b00; font-size: 9px; font-weight: 900; letter-spacing: 0.45px; text-transform: uppercase; white-space: nowrap; } /* Keep WooCommerce price elements neat */ .apni-fb-price .woocommerce-Price-amount { white-space: nowrap; } /* Product archive cards */ .woocommerce ul.products li.product .apni-fb-price { min-height: 72px; } /* Single product page */ .single-product .apni-fb-price { max-width: 430px; align-items: flex-start; text-align: left; } .single-product .apni-fb-price__comparison { justify-content: flex-start; } .single-product .apni-fb-price__current { font-size: 29px; } /* Mobile */ @media (max-width: 650px) { .apni-fb-price { margin-bottom: 13px; } .apni-fb-price__comparison { gap: 5px; } .apni-fb-price__current { font-size: 19px; } .apni-fb-price__saving, .apni-fb-price__rrp, .apni-fb-price__rrp del { font-size: 10px; } .apni-fb-price__offer { padding: 4px 8px; font-size: 8px; } } /* Apni Dukaan — compact Storefront desktop header. Paste at the END of Appearance > Customise > Additional CSS. Remove this block to restore the previous desktop layout. */ @media (min-width: 1024px) { #masthead.site-header { position: relative !important; display: grid !important; grid-template-columns: 180px minmax(220px, 1fr) 44px 160px; grid-template-rows: 70px auto; column-gap: 20px; align-items: center; padding: 14px max(24px, calc((100% - 1280px) / 2)) 0 !important; margin-bottom: 0 !important; min-height: 0 !important; height: auto !important; background: #fff !important; background-image: none !important; border-top: 4px solid #f4eb00 !important; border-bottom: 1px solid #e9e9e9 !important; box-shadow: 0 3px 12px rgba(0,0,0,.035); color: #222 !important; overflow: visible !important; z-index: 100; } #masthead > .col-full, #masthead .storefront-primary-navigation, #masthead .storefront-primary-navigation > .col-full { display: contents !important; } #masthead::before, #masthead::after, #masthead > .col-full::before, #masthead > .col-full::after, #masthead .storefront-primary-navigation::before, #masthead .storefront-primary-navigation::after, #masthead .storefront-primary-navigation > .col-full::before, #masthead .storefront-primary-navigation > .col-full::after { display: none !important; } #masthead .site-branding { grid-column: 1; grid-row: 1; width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; } #masthead .site-branding img { width: 180px !important; max-width: 100% !important; max-height: 64px; height: auto !important; object-fit: contain; } #masthead .site-search { display: block !important; grid-column: 2; grid-row: 1; width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } #masthead .site-search .widget, #masthead .site-search form { margin: 0 !important; } #masthead .site-search input[type="search"] { width: 100%; min-height: 46px; padding-top: 11px; padding-bottom: 11px; background: #f7f7f7 !important; color: #222 !important; border: 1px solid #dedede !important; border-radius: 8px !important; box-shadow: none !important; } #masthead #site-navigation { grid-column: 1 / -1; grid-row: 2; position: static !important; width: 100% !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid #eee; } #masthead .primary-navigation { position: static !important; } #masthead .primary-navigation > ul.menu { position: static !important; display: flex !important; flex-wrap: nowrap !important; justify-content: center; align-items: center; gap: 12px; width: 100% !important; margin: 0 !important; padding: 0 !important; } #masthead .primary-navigation > ul.menu > li { float: none !important; margin: 0 !important; padding: 0 !important; } #masthead .primary-navigation > ul.menu > li > a { padding: 15px 16px !important; line-height: 1.4 !important; font-size: 15px !important; font-weight: 600; white-space: nowrap; color: #222 !important; } #masthead .primary-navigation > ul.menu > .menu-item-home { display: none !important; } #masthead .primary-navigation > ul.menu > li > a:hover, #masthead .primary-navigation > ul.menu > li.current-menu-item > a { background: #fffde3 !important; color: #222 !important; } #masthead .main-navigation ul.sub-menu { background: #fff !important; border: 1px solid #e8e8e8; box-shadow: 0 10px 25px rgba(0,0,0,.1); } #masthead .main-navigation ul.sub-menu a { color: #222 !important; font-size: 14px !important; padding: 10px 16px !important; } #masthead .main-navigation ul.sub-menu a:hover { background: #fffde3 !important; } /* Keep the existing account link and its dropdown in the top row. */ #masthead .primary-navigation > ul.menu > #menu-item-4464 { position: absolute !important; top: 27px !important; right: calc(max(24px, (100% - 1280px) / 2) + 180px) !important; width: 44px !important; height: 44px !important; z-index: 5; } #masthead .primary-navigation > ul.menu > #menu-item-4464 > a { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; font-size: 0 !important; border-radius: 8px; background: #f7f7f7 !important; } #masthead #menu-item-4464 > a::before { content: ""; display: block; width: 22px; height: 22px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.7'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E"); } #masthead #menu-item-4464 > a::after { display: none !important; } #masthead #menu-item-4464:hover > ul.sub-menu, #masthead #menu-item-4464:focus-within > ul.sub-menu { top: 100% !important; right: 0 !important; left: auto !important; display: block !important; } #masthead #site-header-cart { grid-column: 4; grid-row: 1; width: 160px !important; float: none !important; margin: 0 !important; padding: 0 !important; align-self: center; z-index: 6; } #masthead #site-header-cart .cart-contents { display: block; padding: 12px 10px !important; line-height: 20px !important; color: #222 !important; background: #fffde3 !important; border-radius: 8px; font-size: 14px !important; } #masthead #site-header-cart .cart-contents::after { line-height: 20px !important; color: #222 !important; } #masthead #site-header-cart .widget_shopping_cart { width: 320px !important; right: 0; background: #fff !important; color: #222 !important; box-shadow: 0 10px 25px rgba(0,0,0,.12); } #masthead #site-header-cart:hover .widget_shopping_cart, #masthead #site-header-cart:focus-within .widget_shopping_cart { left: auto !important; right: 0 !important; } #masthead a:focus-visible, #masthead input:focus-visible { outline: 2px solid #222 !important; outline-offset: 3px; } } /* Weekly specials: centre product names, pack details, prices and savings. */ .adws .adws-body, .adws .adws-body h3 { text-align: center; }
/* Weekly specials price clarity and button spacing - 5 October 2026. */
.adws .adws-regular{font-size:14px;line-height:1.5;margin-top:8px;color:#707667;}
.adws .adws-regular del,.adws .adws-regular del .amount{text-decoration:line-through;opacity:1;}
.adws .adws-save{font-size:13px;line-height:1.5;font-weight:700;margin:6px 0 0;color:#45612f;}
.adws .adws-body>.button{margin-top:20px;}