/*
 * FD Theme — Freedom Patisserie & Bakery
 * Modern Arabic RTL · v3.0
 * Clean · Minimal · Contemporary
 */

/* ═══════════════════════════════════════════════
   PRELOADER
   ═══════════════════════════════════════════════ */
.fd-preloader{position:fixed;inset:0;background:#fff;z-index:999999;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s ease,visibility .5s ease}
.fd-preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.fd-preloader__bar{position:absolute;top:0;right:0;height:3px;background:linear-gradient(90deg,#db166e,#ff6b9d,#db166e);background-size:200% 100%;animation:preloaderBar 1.5s ease infinite;width:100%}
@keyframes preloaderBar{0%{background-position:100% 0}100%{background-position:-100% 0}}
.fd-preloader__content{text-align:center}
.fd-preloader__logo{max-height:56px;margin-bottom:20px;animation:preloaderPulse 1.5s ease-in-out infinite}
@keyframes preloaderPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}
.fd-preloader__dots{display:flex;gap:6px;justify-content:center}
.fd-preloader__dots span{width:8px;height:8px;border-radius:50%;background:#db166e;animation:preloaderDot 1.2s ease-in-out infinite}
.fd-preloader__dots span:nth-child(2){animation-delay:.15s}
.fd-preloader__dots span:nth-child(3){animation-delay:.3s}
@keyframes preloaderDot{0%,80%,100%{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}
/* Spinner style */
.fd-preloader__spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:#db166e;border-radius:50%;animation:preloaderSpin .8s linear infinite;margin:0 auto}
@keyframes preloaderSpin{to{transform:rotate(360deg)}}
/* Minimal: logo only */
.fd-preloader--minimal .fd-preloader__bar{display:none}
/* Bar only: no dots */
.fd-preloader--bar .fd-preloader__dots,.fd-preloader--bar .fd-preloader__spinner{display:none}

/* ═══════════════════════════════════════════════
   TOKENS
   ═══════════════════════════════════════════════ */
:root{
  --c1:#db166e;--c1h:#c2125f;--c1s:#fef1f6;--c1g:rgba(219,22,110,.1);
  --c2:#453f41;--c2h:#332e30;
  --tx:#1a1a1a;--tx2:#666;--tx3:#aaa;
  --bd:#eee;--bg:#fff;--bg2:#fafafa;--bg3:#f5f5f5;
  --ok:#22c55e;--err:#ef4444;--star:#f59e0b;
  --r:10px;--rl:16px;--rp:50px;
  --s1:0 1px 3px rgba(0,0,0,.04);--s2:0 4px 24px rgba(0,0,0,.06);--s3:0 12px 40px rgba(0,0,0,.1);
  --sp:0 6px 20px rgba(219,22,110,.2);
  --t:.25s ease;
}

/* ═══════════════════════════════════════════════
   RESET
   ═══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  direction:rtl;text-align:right;margin:0;overflow-x:hidden;
  font-family:'Rubik',-apple-system,sans-serif;font-size:14px;
  line-height:1.7;color:var(--tx);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,p,a,li,span,div,input,textarea,select,button,label,th,td,figcaption{font-family:'Rubik',-apple-system,sans-serif!important}
h1{font-size:2rem;font-weight:700}h2{font-size:1.6rem;font-weight:700}h3{font-size:1.2rem;font-weight:600}h4{font-size:1rem;font-weight:500}
a{color:inherit;text-decoration:none;transition:color var(--t)}a:hover{color:var(--c1)}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--c1);color:#fff}
:focus-visible{outline:2px solid var(--c1);outline-offset:2px}
figure{margin:0}

/* ═══════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════ */
.btn-fd{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 28px;background:var(--c1);color:#fff;border:none;
  border-radius:var(--rp);font-size:14px;font-weight:500;cursor:pointer;
  transition:all var(--t);font-family:'Rubik',sans-serif!important;line-height:1.5;
}
.btn-fd:hover{background:var(--c1h);color:#fff;transform:translateY(-1px);box-shadow:var(--sp)}
.btn-fd-outline{display:inline-flex;align-items:center;gap:6px;padding:9px 24px;background:transparent;color:var(--c1);border:1.5px solid var(--c1);border-radius:var(--rp);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--t)}
.btn-fd-outline:hover{background:var(--c1);color:#fff}
.btn-fd-sm{padding:7px 18px;font-size:13px}
.btn-fd-lg{padding:12px 36px;font-size:15px}
.btn-fd-white{background:#fff;color:var(--c1)}.btn-fd-white:hover{background:var(--c2);color:#fff}
.btn-fd-block{width:100%}
/* compat */
.btn.btn-link,a.btn.btn-link{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;background:var(--c1);color:#fff!important;border:none;border-radius:var(--rp);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--t)}
.btn.btn-link:hover,a.btn.btn-link:hover{background:var(--c1h);color:#fff!important;transform:translateY(-1px)}.btn.btn-link::after,a.btn.btn-link::after{display:none}

/* ═══════════════════════════════════════════════
   SECTION TITLES
   ═══════════════════════════════════════════════ */
.section-title{text-align:center;margin-bottom:32px}
.section-title h2{color:var(--c2);display:inline-block;position:relative;padding-bottom:10px;margin-bottom:0}
.section-title h2::after{content:'';position:absolute;bottom:0;right:50%;transform:translateX(50%);width:40px;height:2.5px;background:var(--c1);border-radius:2px}
.section_title{text-align:center;margin-bottom:32px}.section_title h2{color:var(--c2);position:relative;padding-bottom:10px}
.section_title h2::after{content:'';position:absolute;bottom:0;right:50%;transform:translateX(50%);width:40px;height:2.5px;background:var(--c1);border-radius:2px}

/* ═══════════════════════════════════════════════
   TOP BAR
   ═══════════════════════════════════════════════ */
.header_top{background:var(--bg2);border-bottom:1px solid var(--bd);padding:5px 0;font-size:12px;color:var(--tx3)}
.header_top a{color:var(--tx2)}
.header_top a:hover{color:var(--c1)}
.header_top_inner{display:flex;justify-content:space-between;align-items:center}
.header_top_sidebar ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;align-items:center}
.header_top_sidebar ul li{display:flex;align-items:center;gap:4px}
.header_top_sidebar ul li i{color:var(--c1);font-size:12px}
.welcome_text p{margin:0}
.current-branch-indicator{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--tx2)}
.current-branch-indicator .change-branch{color:var(--c1);cursor:pointer;text-decoration:underline;font-size:11px}
.account_link{position:relative}
.dropdown_account_link{position:absolute;top:calc(100% + 4px);left:0;right:auto;background:var(--bg);border-radius:var(--r);box-shadow:var(--s3);min-width:140px;padding:4px 0;opacity:0;visibility:hidden;transition:all var(--t);z-index:200;list-style:none;margin:0;border:1px solid var(--bd);display:flex;flex-direction:column}
.account_link:hover .dropdown_account_link{opacity:1;visibility:visible;top:100%}
.dropdown_account_link li{display:block;margin:0;padding:0}
.dropdown_account_link li a{display:block;padding:7px 14px;color:var(--tx)!important;font-size:12px;white-space:nowrap;text-align:right}
.dropdown_account_link li a:hover{background:var(--c1s);color:var(--c1)!important}
.dropdown_account_link li+li{border-top:1px solid var(--bd)}

/* ═══════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════ */
.header_section{background:var(--bg);position:relative;z-index:999}
.sticky-header.sticky{position:fixed;top:0;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--bd);z-index:9999;animation:hdIn .3s ease}
@keyframes hdIn{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.main_header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:20px}
.header_logo img{max-height:44px}

/* Nav */
.main_menu nav>ul{display:flex;gap:0;list-style:none;margin:0;padding:0}
.main_menu nav>ul>li>a{display:block;padding:8px 14px;color:var(--tx2);font-size:14px;font-weight:500;transition:all var(--t);position:relative}
.main_menu nav>ul>li>a::after{content:'';position:absolute;bottom:4px;right:14px;left:14px;height:2px;background:var(--c1);transform:scaleX(0);transition:transform var(--t);border-radius:1px}
.main_menu nav>ul>li>a:hover,.main_menu nav>ul>li>a.active{color:var(--c1)}
.main_menu nav>ul>li>a:hover::after,.main_menu nav>ul>li>a.active::after{transform:scaleX(1)}
/* dropdowns */
.main_menu nav ul li{position:relative}
.bucker-dropdown,.submenu{position:absolute;top:100%;right:0;left:auto;background:var(--bg);border-radius:var(--r);box-shadow:var(--s3);min-width:180px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--t);z-index:200;list-style:none;border:1px solid var(--bd)}
.main_menu nav ul li:hover>.bucker-dropdown,.main_menu nav ul li:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.bucker-dropdown li a,.submenu li a{display:block;padding:7px 16px;font-size:13px;color:var(--tx2);white-space:nowrap}
.bucker-dropdown li a:hover,.submenu li a:hover{color:var(--c1);background:var(--c1s)}
.submenu{right:100%;left:auto;top:0}
.megamenu{position:absolute;top:100%;right:0;background:var(--bg);border-radius:var(--rl);box-shadow:var(--s3);padding:24px;display:grid;grid-template-columns:repeat(4,170px);gap:20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--t);z-index:200;border:1px solid var(--bd)}
.megamenu-holder:hover .megamenu{opacity:1;visibility:visible;transform:translateY(0)}
.megamenu .grid-item .title{display:block;font-weight:600;font-size:13px;color:var(--c2);margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid var(--c1)}
.megamenu .grid-item ul{list-style:none;padding:0;margin:0}.megamenu .grid-item ul li a{display:block;padding:3px 0;font-size:12px;color:var(--tx2)}
.megamenu .grid-item ul li a:hover{color:var(--c1)}

/* Header icons */
.header_account{display:flex;align-items:center;gap:4px}
.header_account>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.header_account ul li a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:19px;color:var(--tx2);transition:all var(--t)}
.header_account ul li a:hover{color:var(--c1);background:var(--c1s)}
.shopping_cart{position:relative}
.item_count{position:absolute;top:2px;left:2px;background:var(--c1);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--bg)}
.canvas_open{display:none}.canvas_open a{font-size:22px;color:var(--tx2);padding:6px}
@media(max-width:991px){.main_menu{display:none!important}.canvas_open{display:block}}

/* ═══════════════════════════════════════════════
   OFFCANVAS MENU
   ═══════════════════════════════════════════════ */
.body_overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998;opacity:0;visibility:hidden;transition:var(--t);backdrop-filter:blur(2px)}
.body_overlay.active{opacity:1;visibility:visible}
.offcanvas_menu_wrapper{position:fixed;top:0;right:-300px;width:280px;height:100%;background:var(--bg);z-index:9999;overflow-y:auto;padding:20px;transition:right var(--t);box-shadow:var(--s3)}
.offcanvas_menu_wrapper.active{right:0}
.canvas_close a{font-size:22px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg3);margin-bottom:16px}
.offcanvas_main_menu{list-style:none;padding:0;margin:0}
.offcanvas_main_menu li{border-bottom:1px solid var(--bd)}.offcanvas_main_menu li a{display:block;padding:11px 0;font-weight:500;font-size:14px}
.offcanvas_main_menu li a:hover{color:var(--c1)}
.offcanvas_main_menu .sub-menu{display:none;padding-right:14px;list-style:none}.offcanvas_main_menu .sub-menu li a{font-size:13px;font-weight:400;color:var(--tx2)}
.menu-expand{float:left;cursor:pointer;padding:11px 4px;color:var(--tx3)}

/* ═══════════════════════════════════════════════
   MINI CART
   ═══════════════════════════════════════════════ */
.mini_cart{position:fixed;top:0;left:-420px;width:400px;height:100%;background:var(--bg);z-index:10000;box-shadow:var(--s3);transition:left var(--t);display:flex;flex-direction:column}
.mini_cart.active{left:0}
/* Minicart v3 BEM */
.minicart__header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--bd);flex-shrink:0}
.minicart__header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}
.minicart__header h3 i{font-size:20px;color:var(--c1)}
.minicart__count{font-size:13px;font-weight:400;color:var(--tx3)}
.mini_cart_close a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg3);font-size:22px;color:var(--tx3);transition:all var(--t)}
.mini_cart_close a:hover{background:var(--err);color:#fff}
.minicart__items{flex:1;overflow-y:auto;padding:0 20px}
.minicart__item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd);align-items:center}
.minicart__item-img{width:60px;height:60px;flex-shrink:0;border-radius:var(--r);overflow:hidden}
.minicart__item-img img{width:60px;height:60px;object-fit:cover}
.minicart__item-info{flex:1;min-width:0}
.minicart__item-name{font-weight:500;font-size:13px;display:block;margin-bottom:4px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minicart__item-name:hover{color:var(--c1)}
.minicart__item-meta{font-size:13px;color:var(--tx2);display:block}
.minicart__item-meta .woocommerce-Price-amount{color:var(--c1);font-weight:600}
.minicart__item-remove{color:var(--tx3);font-size:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--t);flex-shrink:0}
.minicart__item-remove:hover{background:#fef2f2;color:var(--err)}
.minicart__footer{padding:16px 20px 20px;border-top:1px solid var(--bd);flex-shrink:0;display:flex;flex-direction:column;gap:10px}
.minicart__subtotal{display:flex;justify-content:space-between;font-weight:600;font-size:15px}
.minicart__subtotal-price{color:var(--c1);font-weight:700}
.minicart__checkout-btn{font-size:14px}
.minicart__cart-btn{display:block;text-align:center;padding:10px;border:1.5px solid var(--c2);border-radius:var(--rp);font-size:13px;font-weight:500;color:var(--c2);text-decoration:none;transition:all var(--t);margin-bottom:8px}
.minicart__cart-btn:hover{background:var(--c2);color:#fff}
.minicart__cart-btn i{margin-left:4px}
.minicart__continue{display:block;text-align:center;color:var(--tx2);font-size:13px;transition:color var(--t)}
.minicart__continue:hover{color:var(--c1)}
.minicart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center}
.minicart__empty>i{font-size:64px;color:var(--bd);margin-bottom:16px;display:block}
.minicart__empty>p{color:var(--tx3);font-size:16px;margin-bottom:16px}
/* Old compat classes */
.cart_close{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--bd)}
.cart_close h3,.cart_text h3{margin:0;font-size:15px;font-weight:600}
.cart_gallery{flex:1;overflow-y:auto;padding:0 20px}
.cart_item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd);align-items:center}
.cart_img{width:56px;height:56px;flex-shrink:0;border-radius:var(--r);overflow:hidden}.cart_img img{width:56px;height:56px;object-fit:cover}
.cart_info{flex:1;min-width:0}.cart_info a{font-weight:500;font-size:13px;display:block;margin-bottom:2px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart_info p{font-size:12px;color:var(--tx2);margin:0}.cart_info span{color:var(--c1);font-weight:600}
.cart_remove a{color:var(--tx3);font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--t)}
.cart_remove a:hover{background:#fef2f2;color:var(--err)}
.cart_empty_msg{text-align:center;padding:40px 20px;color:var(--tx3)}.cart_empty_msg i{font-size:48px;display:block;margin-bottom:12px;opacity:.4}
@media(max-width:767px){.mini_cart{width:100%;left:-100%}.mini_cart.active{left:0}}

/* ═══════════════════════════════════════════════
   SEARCH
   ═══════════════════════════════════════════════ */
.page_search_box{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:10001;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:var(--t);backdrop-filter:blur(6px)}
.page_search_box.active{opacity:1;visibility:visible}
.search_close{position:absolute;top:24px;left:24px;color:#fff;font-size:28px;cursor:pointer;transition:var(--t)}.search_close:hover{transform:rotate(90deg)}
.page_search_box .search_close{position:absolute;top:24px;left:24px;color:rgba(255,255,255,.6);font-size:28px;cursor:pointer;z-index:2;transition:color var(--t)}
.page_search_box .search_close:hover{color:#fff}

/* AJAX Search */
.fd-search{width:90%;max-width:560px;direction:rtl}
.fd-search__input-wrap{position:relative}
.fd-search__input{width:100%;padding:16px 50px 16px 44px;background:var(--bg);border:none;border-radius:var(--rl);font-size:16px;font-family:'Rubik',sans-serif;color:var(--tx);box-shadow:0 8px 32px rgba(0,0,0,.3);outline:none}
.fd-search__input::placeholder{color:var(--tx3)}
.fd-search__icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tx3);pointer-events:none}
.fd-search__spinner{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--c1);animation:fd-spin 1s linear infinite}
@keyframes fd-spin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
.fd-search__results{background:var(--bg);border-radius:0 0 var(--rl) var(--rl);box-shadow:0 12px 40px rgba(0,0,0,.25);max-height:420px;overflow-y:auto;margin-top:-8px;padding-top:8px}
.fd-search__list{padding:4px 0}
.fd-search__item{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;transition:background var(--t)}
.fd-search__item:hover{background:var(--bg3)}
.fd-search__item-img{width:48px;height:48px;border-radius:var(--r);object-fit:cover;flex-shrink:0}
.fd-search__item-img--empty{background:var(--bg3);display:block}
.fd-search__item-info{flex:1;min-width:0}
.fd-search__item-name{display:block;font-size:14px;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-search__item-price{font-size:13px;font-weight:700;color:var(--c1)}
.fd-search__item-sale{background:var(--c1);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--rp);white-space:nowrap}
.fd-search__viewall{display:block;text-align:center;padding:14px;font-size:13px;font-weight:500;color:var(--c1);text-decoration:none;border-top:1px solid var(--bd);transition:background var(--t)}
.fd-search__viewall:hover{background:var(--c1g);color:var(--c1)}
.fd-search__empty{text-align:center;padding:32px 16px;color:var(--tx3)}
.fd-search__empty svg{margin-bottom:8px;opacity:.5}
.fd-search__empty p{font-size:14px;margin:0}

/* ═══════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════ */
#heroCarousel{overflow:hidden}
#heroCarousel .hero_banner_section{min-height:400px;padding:50px 0 40px;margin-bottom:0}
#heroCarousel .carousel-item{transition:opacity .7s ease-in-out}
.hero-fullimg{width:100%;height:auto;max-height:500px;object-fit:cover}
/* ── Custom Image Slider ── */
.fd-slider{position:relative;overflow:hidden;border-radius:0}
.fd-slider__track{position:relative;height:500px}
@media(max-width:991px){.fd-slider__track{height:360px}}
@media(max-width:767px){.fd-slider__track{height:240px}}
.fd-slider__slide{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:0;cursor:pointer}
.fd-slider__slide.is-active{opacity:1;visibility:visible;z-index:1}
.fd-slider__img{width:100%;height:100%;background-size:cover;background-position:center}

/* Dots */
.fd-slider__dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}
.fd-slider__dot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:all var(--t)}
.fd-slider__dot.is-active{background:#fff;width:24px;border-radius:4px}

/* Arrows */
.fd-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.9);color:var(--tx2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t);box-shadow:var(--s2)}
.fd-slider__arrow:hover{background:#fff;color:var(--c1)}
.fd-slider__arrow--prev{right:14px}
.fd-slider__arrow--next{left:14px}
@media(max-width:767px){.fd-slider__arrow{display:none}}

/* ── FADE ── */
.fd-slider--fade .fd-slider__slide{transition:opacity .8s ease}

/* ── SLIDE ── */
.fd-slider--slide .fd-slider__slide{opacity:1;visibility:visible;transform:translateX(-100%);transition:transform .7s cubic-bezier(.4,0,.2,1)}
.fd-slider--slide .fd-slider__slide.is-active{transform:translateX(0)}
.fd-slider--slide .fd-slider__slide.slide-exit{transform:translateX(100%)}

/* ── ZOOM ── */
.fd-slider--zoom .fd-slider__slide{transition:opacity .8s ease,transform .8s ease;transform:scale(1.15)}
.fd-slider--zoom .fd-slider__slide.is-active{transform:scale(1)}
.fd-slider--zoom .fd-slider__slide.zoom-exit{transform:scale(.85);opacity:0}

/* ── FLIP ── */
.fd-slider--flip{perspective:1200px}
.fd-slider--flip .fd-slider__track{transform-style:preserve-3d}
.fd-slider--flip .fd-slider__slide{transition:opacity .6s ease,transform .6s ease;transform:rotateY(-90deg);backface-visibility:hidden}
.fd-slider--flip .fd-slider__slide.is-active{transform:rotateY(0)}
.fd-slider--flip .fd-slider__slide.flip-exit{transform:rotateY(90deg);opacity:0}

/* ── KEN BURNS ── */
.fd-slider--kenburns .fd-slider__slide{transition:opacity 1.2s ease}
.fd-slider--kenburns .fd-slider__slide.is-active .fd-slider__img{animation:kenburns 8s ease-in-out forwards}
.fd-slider--kenburns .fd-slider__slide:not(.is-active) .fd-slider__img{animation:none}
@keyframes kenburns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.12) translate(-1%,-1%)}}
.hero_banner_section{background:linear-gradient(135deg,var(--c1s),#fff5f8,#fff);padding:50px 0;overflow:hidden}
.hero_content{text-align:right}
.hero-badge{display:inline-block;background:var(--c1g);color:var(--c1);padding:4px 14px;border-radius:var(--rp);font-size:13px;font-weight:600;margin-bottom:10px}
.hero_content h1{font-size:2.2rem;color:var(--c2);line-height:1.25;margin-bottom:16px}
.hero-subtitle{color:var(--tx2);font-size:15px;margin-bottom:22px;line-height:1.7}
.hero-img{max-height:320px;width:auto;margin:0 auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.08));animation:hf 5s ease-in-out infinite}
@keyframes hf{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
#heroCarousel .carousel-indicators{bottom:16px}
#heroCarousel .carousel-indicators button{width:8px;height:8px;border-radius:50%;border:none;background:var(--tx3);opacity:.4;transition:all var(--t)}
#heroCarousel .carousel-indicators button.active{background:var(--c1);opacity:1;width:24px;border-radius:4px}
#heroCarousel .carousel-control-prev,#heroCarousel .carousel-control-next{width:40px;height:40px;top:50%;transform:translateY(-50%);background:var(--bg);border-radius:50%;opacity:1;box-shadow:var(--s2);margin:0 14px}
#heroCarousel .carousel-control-prev-icon,#heroCarousel .carousel-control-next-icon{width:14px;height:14px;filter:invert(1) grayscale(100%) brightness(0)}
#heroCarousel .carousel-control-prev:hover,#heroCarousel .carousel-control-next:hover{background:var(--c1)}
#heroCarousel .carousel-control-prev:hover .carousel-control-prev-icon,#heroCarousel .carousel-control-next:hover .carousel-control-next-icon{filter:none}
@media(max-width:991px){#heroCarousel .hero_banner_section{min-height:300px;padding:32px 0}.hero_content h1{font-size:1.6rem}#heroCarousel .carousel-control-prev,#heroCarousel .carousel-control-next{display:none}}
@media(max-width:767px){#heroCarousel .hero_banner_section{min-height:auto;padding:28px 0}.hero_content{text-align:center;margin-bottom:20px}.hero_content h1{font-size:1.3rem}.hero-subtitle{font-size:13px}.hero-fullimg{max-height:240px}}

/* ═══════════════════════════════════════════════
   CATEGORIES
   ═══════════════════════════════════════════════ */
.service_section{padding:0}
.cat-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cat-scroll::-webkit-scrollbar{display:none}
.cat-item{flex-shrink:0;text-align:center;width:90px;cursor:pointer;transition:all var(--t)}
.cat-item:hover{transform:translateY(-3px)}
.cat-item__img{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto 8px;border:2px solid var(--bd);transition:border-color var(--t)}
.cat-item:hover .cat-item__img{border-color:var(--c1)}
.cat-item__img img{width:100%;height:100%;object-fit:cover}
.cat-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:transform var(--t)}
.cat-icon i{font-size:24px;color:#fff}
.cat-item:hover .cat-icon{transform:scale(1.08)}
.cat-item__name{font-size:12px;font-weight:500;color:var(--tx2);line-height:1.3}
.cat-item__name a{color:var(--tx2)}.cat-item__name a:hover{color:var(--c1)}
/* old compat */
.services_section_inner{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.single_services{flex:1;min-width:120px;max-width:160px;padding:16px 10px;border-radius:var(--rl);text-align:center;background:var(--bg);transition:all var(--t);cursor:pointer}
.single_services:hover{transform:translateY(-3px)}
.services_thumb img{width:60px;height:60px;object-fit:cover;margin:0 auto 8px;border-radius:50%}
.services_content h3{font-size:13px;margin-bottom:2px}.services_content h3 a{color:var(--tx2)}.services_content h3 a:hover{color:var(--c1)}
.services_content p{font-size:11px;color:var(--tx3);margin:0}

/* ═══════════════════════════════════════════════
   PRODUCT CARD
   ═══════════════════════════════════════════════ */
.single_product{background:var(--bg);border-radius:var(--rl);overflow:hidden;border:1px solid var(--bd);transition:all var(--t);position:relative}
.single_product:hover{box-shadow:var(--s2);border-color:transparent}
.single_product.h-100{height:100%;display:flex;flex-direction:column}
.product_thumb{position:relative;overflow:hidden;background:var(--bg3)}
.product_thumb a{display:block}
.product_thumb img,.product_thumb .wp-post-image{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}
.single_product:hover .product_thumb img{transform:scale(1.04)}
.label_product{position:absolute;top:10px;right:10px;z-index:2}
.label_sale{background:var(--c1);color:#fff;padding:3px 10px;border-radius:var(--rp);font-size:11px;font-weight:500}
.label_outofstock{background:var(--tx3);color:#fff;padding:3px 10px;border-radius:var(--rp);font-size:11px}
.product-wishlist{position:absolute;top:10px;left:10px;z-index:2}
.product-wishlist a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.9);color:var(--tx3);font-size:16px;transition:all var(--t);backdrop-filter:blur(4px)}
.product-wishlist a:hover{color:var(--c1);background:#fff}
.product_content{padding:14px;flex-grow:1;display:flex;flex-direction:column}
.product_content h4{font-size:13px;font-weight:500;margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product_content h4 a{color:var(--tx)}.product_content h4 a:hover{color:var(--c1)}
.price_box{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.price_box .current_price{color:var(--c1);font-weight:700;font-size:16px}
.price_box .old_price{color:var(--tx3);text-decoration:line-through;font-size:12px}
.add-to-cart-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:8px;border-radius:var(--r);background:var(--c2);color:#fff;font-size:13px;font-weight:500;transition:all var(--t);border:none;cursor:pointer;text-decoration:none;margin-top:auto}
.add-to-cart-btn:hover{background:var(--c1);color:#fff}
.add-to-cart-btn i{font-size:15px}
.add-to-cart-btn.disabled{background:var(--bg3);color:var(--tx3);cursor:not-allowed}
.added_to_cart{display:none!important}
/* old action_links compat */
.action_links{display:none}
.product-actions{display:none}

/* product tabs */
.product_tab_button ul{display:flex;justify-content:center;gap:0;list-style:none;padding:0;margin:0 0 24px;border-bottom:1px solid var(--bd)}
.product_tab_button ul li a{display:inline-block;padding:10px 20px;font-size:14px;font-weight:500;color:var(--tx3);transition:all var(--t);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}
.product_tab_button ul li a:hover{color:var(--tx)}
.product_tab_button ul li a.active{color:var(--c1);border-bottom-color:var(--c1)}

/* ═══════════════════════════════════════════════
   CTA
   ═══════════════════════════════════════════════ */
.cta-section{padding:0;margin:32px 0}
.cta-box{background:linear-gradient(135deg,var(--c1) 0%,#ff6b9d 100%);border-radius:var(--rl);padding:36px 40px;color:#fff;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-30%;left:-10%;width:180px;height:180px;background:rgba(255,255,255,.06);border-radius:50%}
.cta-title{color:#fff;font-size:1.4rem;margin-bottom:4px;position:relative;z-index:1}
.cta-subtitle{color:rgba(255,255,255,.8);font-size:14px;margin:0;position:relative;z-index:1}
.cta-box .btn-fd-white{position:relative;z-index:1}
@media(max-width:767px){.cta-box{padding:24px 20px;text-align:center}.cta-title{font-size:1.2rem}}

/* ═══════════════════════════════════════════════
   BESTSELLERS
   ═══════════════════════════════════════════════ */
.bestsellers-section{padding:32px 0}
.bestsellers-section .section-title{text-align:right;margin-bottom:0}
.bestsellers-section .section-title h2{padding-bottom:0}
.bestsellers-section .section-title h2::after{display:none}

/* ═══════════════════════════════════════════════
   PROMO BANNERS
   ═══════════════════════════════════════════════ */
.promo-banner{border-radius:var(--rl);overflow:hidden;position:relative;transition:all var(--t);display:block;color:#fff;text-decoration:none}
.promo-banner:hover{transform:translateY(-4px);box-shadow:var(--s3);color:#fff}
.promo-banner__body{min-height:240px;display:flex;align-items:flex-end;justify-content:flex-end;position:relative;padding:28px;overflow:hidden;background-size:cover;background-position:center}
.promo-banner__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.15) 50%, transparent 100%);z-index:1}
.promo-banner--pink .promo-banner__body{background:linear-gradient(135deg,#db166e,#ff6b9d)}
.promo-banner--dark .promo-banner__body{background:linear-gradient(135deg,#453f41,#6b5b5e)}
.promo-banner__icon{position:absolute;left:24px;top:24px;opacity:.12;font-size:120px;color:#fff;pointer-events:none;z-index:0}
.promo-banner__text{position:relative;z-index:2;text-align:right;color:#fff}
.promo-banner__badge{display:inline-block;background:var(--c1);color:#fff;padding:6px 18px;border-radius:var(--rp);font-size:14px;font-weight:600;margin-bottom:10px;letter-spacing:.5px}
.promo-banner__title{color:#fff;font-size:22px;font-weight:700;line-height:1.5;margin-bottom:16px}
.promo-banner__btn{background:#fff;color:var(--c1);font-size:13px;padding:9px 24px}
.promo-banner:hover .promo-banner__btn{background:var(--c2);color:#fff}
.promo-banner:hover .promo-banner__body img{transform:scale(1.05)}

/* ═══════════════════════════════════════════════
   TESTIMONIALS
   ═══════════════════════════════════════════════ */
.testimonial-card{padding:24px 18px;border-radius:var(--rl);background:var(--bg);border:1px solid var(--bd);text-align:center;transition:all var(--t);height:100%}
.testimonial-card:hover{box-shadow:var(--s2);border-color:transparent}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px;font-weight:600;background:var(--c1);color:#fff}
.testimonial-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.testimonial_content p{font-size:13px;color:var(--tx2);line-height:1.8;margin-bottom:10px}
.testimonial-stars{margin-bottom:6px}.testimonial-stars i{color:var(--star);font-size:13px;margin:0 1px}
.testimonial_content h4{font-size:14px;color:var(--c2);font-weight:600;margin:0}

/* ═══════════════════════════════════════════════
   BLOG CARD
   ═══════════════════════════════════════════════ */
.single_blog{border-radius:var(--rl);overflow:hidden;background:var(--bg);border:1px solid var(--bd);transition:all var(--t);height:100%}
.single_blog:hover{box-shadow:var(--s2);transform:translateY(-3px)}
.blog_thumb{overflow:hidden}.blog_thumb img{width:100%;height:180px;object-fit:cover;transition:transform .4s ease}
.single_blog:hover .blog_thumb img{transform:scale(1.04)}
.blog_content{padding:16px}
.blog_meta{display:flex;gap:12px;margin-bottom:6px;font-size:11px;color:var(--tx3)}.blog_meta i{color:var(--c1)}
.blog_content h4{font-size:14px;margin-bottom:6px;line-height:1.5}.blog_content h4 a{color:var(--tx)}.blog_content h4 a:hover{color:var(--c1)}
.blog_content>p{font-size:12px;color:var(--tx2);margin-bottom:10px;line-height:1.7}

/* ═══════════════════════════════════════════════
   BREADCRUMBS
   ═══════════════════════════════════════════════ */
.breadcrumbs_area{background:var(--bg2);padding:12px 0;border-bottom:1px solid var(--bd)}
.breadcrumb_content ul{display:flex;gap:4px;list-style:none;padding:0;margin:0;font-size:12px}
.breadcrumb_content ul li{color:var(--tx3)}.breadcrumb_content ul li a{color:var(--tx2)}.breadcrumb_content ul li a:hover{color:var(--c1)}
.breadcrumb_content ul li+li::before{content:'/';margin-left:4px;color:var(--tx3)}

/* ═══════════════════════════════════════════════
   SHIPPING BAR
   ═══════════════════════════════════════════════ */
.shipping_area{background:var(--bg2);border-top:1px solid var(--bd);padding:14px 0}
.shipping-bar{display:flex;justify-content:center;gap:0}
.shipping-bar__item{display:flex;align-items:center;gap:8px;padding:0 28px;font-size:13px;color:var(--tx2);border-left:1px solid var(--bd)}
.shipping-bar__item:last-child{border-left:none}
.shipping-bar__item i{font-size:18px;color:var(--c1)}
/* old compat */
.single_shipping{display:flex;align-items:center;gap:10px;text-align:right}
.shipping_icon{font-size:18px;color:var(--c1);flex-shrink:0}.shipping_icon i{font-size:18px}
.shipping_content h3{font-size:13px;margin-bottom:0;color:var(--tx)}.shipping_content p{font-size:11px;color:var(--tx2);margin:0}

/* ═══════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════ */
.footer_section{background:var(--c2);color:rgba(255,255,255,.75)}
.footer-main{padding:40px 0 24px}
.footer-heading{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}
.footer-links{list-style:none;padding:0;margin:0}.footer-links li{padding:3px 0}
.footer-links li a{color:rgba(255,255,255,.5);font-size:13px;transition:all var(--t)}.footer-links li a:hover{color:#fff}
.footer-contact{list-style:none;padding:0;margin:0}
.footer-contact li{display:flex;align-items:flex-start;gap:6px;padding:3px 0;color:rgba(255,255,255,.5);font-size:13px}
.footer-contact li i{color:var(--c1);font-size:14px;margin-top:3px;flex-shrink:0}
.footer-contact li a{color:rgba(255,255,255,.5)}.footer-contact li a:hover{color:#fff}
.footer-social{display:flex;gap:12px;margin-top:12px}
.social-btn{color:rgba(255,255,255,.5);font-size:16px;transition:all var(--t);display:inline-flex;align-items:center;gap:4px}
.social-btn:hover{color:#fff}
.social-btn--fb:hover{color:#1877f2}.social-btn--ig:hover{color:#e4405f}.social-btn--tk:hover{color:#fff}.social-btn--tw:hover{color:#1da1f2}.social-btn--yt:hover{color:#ff0000}
.footer_bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 0}
.footer_bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.copyright_area p{margin:0;font-size:11px;color:rgba(255,255,255,.35)}
.payment-methods{font-size:11px;color:rgba(255,255,255,.35)}
/* old compat */
.footer_widget_area{padding:0}.footer_widget{margin-bottom:0}
.footer_widget h3,.footer_widget_title{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}
.footer_widget p,.footer_widget a{color:rgba(255,255,255,.5);font-size:13px;line-height:1.8}.footer_widget a:hover{color:#fff}
.footer_widget i{color:var(--c1);margin-left:4px;font-size:13px}
.footer_widget_list ul{list-style:none;padding:0;margin:0}.footer_widget_list ul li{padding:3px 0}.footer_widget_list ul li a{font-size:13px;color:rgba(255,255,255,.5);transition:all var(--t)}.footer_widget_list ul li a:hover{color:#fff}
.footer-whatsapp{margin-top:12px}
.footer-whatsapp .btn-fd{background:#25d366;border:none;font-size:12px;padding:7px 16px}.footer-whatsapp .btn-fd:hover{background:#128c7e}
.footer-logo img{max-height:36px;filter:brightness(0) invert(1);opacity:.8}
.footer-tagline{color:rgba(255,255,255,.4);font-size:12px;line-height:1.6}

/* ═══════════════════════════════════════════════
   SIDEBAR
   ═══════════════════════════════════════════════ */
.shop_sidebar_widget,.blog_sidebar_widget{margin-bottom:20px;padding:16px;background:var(--bg);border-radius:var(--r);border:1px solid var(--bd)}
.widget_title{font-size:14px;color:var(--c2);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--bd);position:relative}
.widget_title::after{content:'';position:absolute;bottom:-2px;right:0;width:30px;height:2px;background:var(--c1)}
.blog_sidebar ul{list-style:none;padding:0;margin:0}.blog_sidebar ul li{padding:5px 0;border-bottom:1px solid var(--bd)}.blog_sidebar ul li:last-child{border:0}
.blog_sidebar ul li a{font-size:13px;color:var(--tx2)}.blog_sidebar ul li a:hover{color:var(--c1)}

/* ═══════════════════════════════════════════════
   PAGINATION
   ═══════════════════════════════════════════════ */
.pagination_area,.woocommerce-pagination{margin-top:28px}
.pagination_area ul,.woocommerce-pagination ul,.page-numbers{display:flex;justify-content:center;gap:4px;list-style:none;padding:0}
.pagination_area ul li a,.pagination_area ul li span,.woocommerce-pagination ul li a,.woocommerce-pagination ul li span,.page-numbers li a,.page-numbers li span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r);border:1px solid var(--bd);font-size:13px;transition:all var(--t);background:var(--bg);color:var(--tx)}
.pagination_area ul li a:hover,.pagination_area ul li span.current,.woocommerce-pagination ul li a:hover,.woocommerce-pagination ul li span.current,.page-numbers li a:hover,.page-numbers li span.current{background:var(--c1);border-color:var(--c1);color:#fff}

/* ═══════════════════════════════════════════════
   404
   ═══════════════════════════════════════════════ */
.error_section{text-align:center}.error_content h1{font-size:100px;color:var(--c1);font-weight:800;line-height:1;opacity:.8}.error_content h2{color:var(--c2);margin:6px 0 12px}
.error_form form{display:flex;max-width:360px;margin:16px auto 0;border:1.5px solid var(--bd);border-radius:var(--rp);overflow:hidden}
.error_form input{flex:1;border:none;padding:10px 16px;text-align:right;outline:0;font-size:13px}.error_form button{background:var(--c1);border:none;color:#fff;padding:10px 16px;font-size:16px;cursor:pointer}

/* ═══════════════════════════════════════════════
   WC CART TABLE
   ═══════════════════════════════════════════════ */
.cart_table{text-align:right;width:100%}
.cart_table th{font-size:12px;font-weight:600;color:var(--tx3);padding:10px;border-bottom:2px solid var(--bd);text-align:right}
.cart_table td{padding:12px 10px;vertical-align:middle;border-bottom:1px solid var(--bd)}
.cart_totals{background:var(--bg2);padding:24px;border-radius:var(--rl);border:1px solid var(--bd)}
.cart_totals h3{margin-bottom:14px;color:var(--c2)}
.checkout_btn a,.woocommerce .checkout-button{display:block;width:100%;text-align:center;background:var(--c1);color:#fff!important;padding:12px;border-radius:var(--rp);font-weight:600;font-size:14px;transition:all var(--t);border:none;cursor:pointer}
.checkout_btn a:hover,.woocommerce .checkout-button:hover{background:var(--c1h)}
.empty-cart-icon{font-size:64px;color:var(--bd);display:block;margin-bottom:12px}

/* ═══════════════════════════════════════════════
   WC FORMS & BUTTONS
   ═══════════════════════════════════════════════ */
.woocommerce form .form-row label{font-weight:500;margin-bottom:4px;display:block;font-size:13px;color:var(--tx)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{width:100%;padding:10px 14px;border:1px solid var(--bd);border-radius:var(--r);text-align:right;font-size:13px;transition:border var(--t);background:var(--bg)}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],.woocommerce input[type=password],.woocommerce input[type=number],.woocommerce textarea,.woocommerce select,input.form-control,textarea.form-control{padding:10px 14px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px;width:100%;background:var(--bg);text-align:right;font-family:'Rubik',sans-serif!important;transition:border var(--t)}
.woocommerce input:focus,input.form-control:focus,textarea.form-control:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,.woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 24px;background:var(--c1);color:#fff;border:none;border-radius:var(--rp);font-weight:500;font-size:13px;cursor:pointer;transition:all var(--t);font-family:'Rubik',sans-serif!important}
.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button:hover{background:var(--c1h);color:#fff}
.woocommerce-message,.woocommerce-info{background:var(--c1s);border:none;border-right:3px solid var(--c1);padding:10px 16px;border-radius:var(--r);margin-bottom:14px;font-size:13px}
.woocommerce-error{background:#fef2f2;border:none;border-right:3px solid var(--err);padding:10px 16px;border-radius:var(--r);margin-bottom:14px;font-size:13px}
.woocommerce #order_review{background:var(--bg2);padding:20px;border-radius:var(--rl);border:1px solid var(--bd)}
.woocommerce #payment{background:var(--bg);padding:16px;border-radius:var(--r);border:1px solid var(--bd);margin-top:14px}
.woocommerce #payment .place-order .button{width:100%;padding:12px;font-size:14px}

/* ═══════════════════════════════════════════════
   CHECKOUT STEPS
   ═══════════════════════════════════════════════ */
.checkout-steps{display:flex;justify-content:center;gap:0;margin-bottom:28px;padding:16px 0}
.checkout-step{display:flex;flex-direction:column;align-items:center;flex:1;max-width:160px;position:relative}
.checkout-step::after{content:'';position:absolute;top:18px;left:-50%;right:50%;height:2px;background:var(--bd);z-index:0}
.checkout-step:first-child::after{display:none}
.step-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg3);color:var(--tx3);font-weight:600;font-size:14px;position:relative;z-index:1;border:2px solid var(--bd);transition:all var(--t)}
.step-label{font-size:12px;color:var(--tx3);margin-top:5px;font-weight:500}
.checkout-step.active .step-num{background:var(--c1);color:#fff;border-color:var(--c1);box-shadow:var(--sp)}.checkout-step.active .step-label{color:var(--c1);font-weight:600}
.checkout-step.completed .step-num{background:var(--ok);color:#fff;border-color:var(--ok)}.checkout-step.completed .step-label{color:var(--ok)}
.checkout-step.completed::after,.checkout-step.active::after{background:var(--c1)}
.checkout-card{background:var(--bg);border-radius:var(--rl);border:1px solid var(--bd);padding:24px;margin-bottom:20px}
.checkout-card h3{font-size:1.1rem;color:var(--c2);margin-bottom:16px;display:flex;align-items:center;gap:6px}
.checkout-card h3 i{color:var(--c1);font-size:18px}
.checkout-branch-info{background:var(--c1s);padding:10px 16px;border-radius:var(--r);border-right:3px solid var(--c1);margin-bottom:16px;font-size:13px}
.security-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin-top:14px;background:var(--bg2);border-radius:var(--r);font-size:12px;color:var(--tx3)}
.security-badge i{color:var(--ok);font-size:16px}

/* ═══════════════════════════════════════════════
   AUTH CARD
   ═══════════════════════════════════════════════ */
.auth-wrapper{max-width:480px;margin:0 auto;padding:36px 0}
.auth-card{background:var(--bg);border-radius:var(--rl);border:1px solid var(--bd);overflow:hidden;box-shadow:var(--s2)}
.auth-card__header{text-align:center;padding:28px 28px 0}.auth-card__header img{max-height:40px;margin:0 auto 12px}
.auth-card__header h2{font-size:1.3rem;color:var(--c2);margin-bottom:2px}.auth-card__header p{color:var(--tx2);font-size:13px;margin-bottom:0}
.auth-tabs{display:flex;border-bottom:2px solid var(--bd);padding:0 28px;margin-top:16px}
.auth-tabs a{flex:1;text-align:center;padding:10px 0;font-weight:500;font-size:14px;color:var(--tx3);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--t);text-decoration:none}
.auth-tabs a.active,.auth-tabs a:hover{color:var(--c1);border-bottom-color:var(--c1)}
.auth-card__body{padding:24px 28px 28px}
.auth-card__body label{font-size:13px;font-weight:500;color:var(--tx);margin-bottom:4px;display:block}
.auth-card__body .form-control{padding:10px 14px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px;width:100%;transition:border var(--t);text-align:right}
.auth-card__body .form-control:focus{border-color:var(--c1);box-shadow:0 0 0 3px var(--c1g)}
.auth-card__body .btn-fd{width:100%;margin-top:6px}
.auth-card__footer{text-align:center;padding:0 28px 20px}.auth-card__footer a{color:var(--c1);font-size:13px}
.auth-reset{background:var(--bg2);border-radius:var(--rl);padding:24px;margin-top:16px;border:1px solid var(--bd)}
.otp-input-group{display:flex;gap:8px;justify-content:center;direction:ltr;margin:20px 0}
.otp-input-group input{width:44px;height:50px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--bd);border-radius:var(--r);outline:0;transition:border var(--t);color:var(--c2);background:var(--bg2)}
.otp-input-group input:focus{border-color:var(--c1);box-shadow:0 0 0 3px var(--c1g);background:var(--bg)}
.otp-timer{color:var(--tx3);font-size:12px;text-align:center}.otp-resend{color:var(--c1);cursor:pointer;font-size:12px;text-decoration:underline;display:block;text-align:center}.otp-resend.disabled{color:var(--bd);cursor:not-allowed;text-decoration:none}
.otp-sent-msg{color:var(--ok);font-size:13px;text-align:center;font-weight:500}

/* ═══════════════════════════════════════════════
   MY ACCOUNT
   ═══════════════════════════════════════════════ */
.account-nav{border-radius:var(--rl);overflow:hidden;border:1px solid var(--bd)}
.account-nav ul{list-style:none;padding:0;margin:0}
.account-nav ul li a{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:13px;color:var(--tx);border-bottom:1px solid var(--bd);transition:all var(--t)}
.account-nav ul li:last-child a{border-bottom:none}
.account-nav ul li a i{font-size:16px;color:var(--tx3);width:20px;text-align:center;transition:color var(--t)}
.account-nav ul li.is-active a,.account-nav ul li a:hover{background:var(--c1);color:#fff}
.account-nav ul li.is-active a i,.account-nav ul li a:hover i{color:#fff}
.summary-card{background:var(--bg);border-radius:var(--rl);border:1px solid var(--bd);padding:18px;text-align:center;transition:all var(--t)}
.summary-card:hover{box-shadow:var(--s2);border-color:var(--c1)}
.summary-card__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:20px;background:var(--c1s);color:var(--c1)}
.summary-card__value{font-size:22px;font-weight:700;color:var(--c2);margin-bottom:2px}.summary-card__label{font-size:12px;color:var(--tx2)}
.status-badge{display:inline-block;padding:2px 10px;border-radius:var(--rp);font-size:11px;font-weight:500}
.status-badge--pending{background:#fff8e1;color:#f57f17}.status-badge--processing{background:#e3f2fd;color:#1565c0}.status-badge--completed{background:#e8f5e9;color:#2e7d32}.status-badge--cancelled{background:#fce4ec;color:#c62828}

/* ═══════════════════════════════════════════════
   TRUST BADGES
   ═══════════════════════════════════════════════ */
.trust-badges{display:flex;gap:10px;margin:20px 0;padding:16px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.trust-badge{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r);background:var(--bg2);font-size:12px;font-weight:500;color:var(--tx2)}.trust-badge i{font-size:18px;color:var(--c1)}
.product-info-card{background:var(--bg);border-radius:var(--rl);border:1px solid var(--bd);padding:24px}
.product_details_content{text-align:right}.product_details_content h2{color:var(--c2);margin-bottom:8px}
.product_details_content .price_box{justify-content:flex-start;margin-bottom:14px;font-size:18px}.product_details_content .price_box .current_price{font-size:22px}
.product_meta p{font-size:13px;color:var(--tx2);margin-bottom:3px}.product_meta a{color:var(--c1)}
.product_d_info{margin-top:32px}
.product_d_info .nav-tabs{border-bottom:2px solid var(--bd)}.product_d_info .nav-tabs .nav-link{border:none;padding:8px 20px;color:var(--tx3);font-weight:500;font-size:13px;transition:all var(--t)}
.product_d_info .nav-tabs .nav-link:hover,.product_d_info .nav-tabs .nav-link.active{color:var(--c1);border-bottom:2px solid var(--c1);margin-bottom:-2px}
.pro-qty{display:inline-flex;align-items:center;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;direction:ltr}
.pro-qty input{width:44px;text-align:center;border:none;padding:8px 0;font-size:14px;font-weight:600;background:var(--bg)}
.pro-qty .qty-btn{display:flex;align-items:center;justify-content:center;width:34px;height:36px;font-size:16px;transition:all var(--t);color:var(--tx);background:var(--bg2)}.pro-qty .qty-btn:hover{background:var(--c1);color:#fff}

/* ═══════════════════════════════════════════════
   SHOP HEADER
   ═══════════════════════════════════════════════ */
.shop-header{background:var(--bg2);padding:28px 0;margin-bottom:24px;border-bottom:1px solid var(--bd)}
.shop-header h1{font-size:1.5rem;color:var(--c2);margin-bottom:2px}.shop-header p{color:var(--tx2);font-size:13px;margin:0}

/* ═══════════════════════════════════════════════
   BRANCH MODAL
   ═══════════════════════════════════════════════ */
.branch-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.branch-modal-content{background:var(--bg);border-radius:var(--rl);padding:32px;max-width:440px;width:92%;max-height:85vh;overflow-y:auto;text-align:center;animation:mi .25s ease;box-shadow:var(--s3)}
@keyframes mi{from{transform:scale(.95) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.branch-modal-content h3{color:var(--c2);margin-bottom:4px;font-size:18px}
.branch-modal-content>p{color:var(--tx2);margin-bottom:16px;font-size:13px}
.branch-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}
.branch-list li{padding:12px 14px;margin-bottom:6px;border:1.5px solid var(--bd);border-radius:var(--r);cursor:pointer;transition:all var(--t);display:flex;align-items:center;gap:10px;text-align:right}
.branch-list li:hover,.branch-list li.selected{border-color:var(--c1);background:var(--c1s)}
.branch-list li .branch-icon{color:var(--c1);font-size:18px;flex-shrink:0}
.branch-list li .branch-name{font-weight:500;color:var(--c2);font-size:13px;display:block}
.branch-list li .branch-address{font-size:11px;color:var(--tx3);display:block;margin-top:1px}
.branch-confirm-btn{display:inline-block;background:var(--c1);color:#fff;padding:11px 36px;border:none;border-radius:var(--rp);font-size:14px;font-weight:500;cursor:pointer;margin-top:14px;transition:all var(--t);font-family:'Rubik',sans-serif}
.branch-confirm-btn:hover{background:var(--c1h);box-shadow:var(--sp)}.branch-confirm-btn:disabled{background:var(--bd);cursor:not-allowed;box-shadow:none}

/* ═══════════════════════════════════════════════
   ABOUT PAGE
   ═══════════════════════════════════════════════ */
.about-hero{padding:48px 0;background:var(--bg2)}
.about-hero__badge{display:inline-block;background:var(--c1g);color:var(--c1);padding:3px 12px;border-radius:var(--rp);font-size:12px;font-weight:500;margin-bottom:10px}
.about-hero__content h1{color:var(--c2);margin-bottom:12px}.about-hero__text{color:var(--tx2);line-height:1.9;margin-bottom:16px;font-size:14px}
.about-hero__img{width:100%;border-radius:var(--rl);box-shadow:var(--s3)}
.about-hero__placeholder{width:100%;height:300px;background:var(--c1s);border-radius:var(--rl);display:flex;align-items:center;justify-content:center}
.about-hero__placeholder i{font-size:60px;color:var(--c1);opacity:.25}
.about-stats{padding:32px 0}
.stat-card{text-align:center;padding:22px 14px;border-radius:var(--rl);background:var(--bg);border:1px solid var(--bd);transition:all var(--t);height:100%}
.stat-card:hover{border-color:var(--c1);box-shadow:var(--s2)}
.stat-card__icon{width:44px;height:44px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.stat-card__icon i{font-size:20px;color:var(--c1)}.stat-card__number{font-size:28px;font-weight:700;color:var(--c1);line-height:1;margin-bottom:2px}.stat-card__label{font-size:13px;color:var(--tx2)}
.about-vmm{padding:40px 0;background:var(--bg2)}
.vmm-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:28px 20px;text-align:center;height:100%;transition:all var(--t)}
.vmm-card:hover{box-shadow:var(--s2);border-color:var(--c1)}.vmm-card--primary{background:var(--c1);color:#fff;border-color:var(--c1)}
.vmm-card--primary h3{color:#fff}.vmm-card--primary p,.vmm-card--primary div{color:rgba(255,255,255,.85)}
.vmm-card--primary .vmm-card__icon{background:rgba(255,255,255,.15)}.vmm-card--primary .vmm-card__icon i{color:#fff}
.vmm-card__icon{width:52px;height:52px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.vmm-card__icon i{font-size:22px;color:var(--c1)}.vmm-card h3{font-size:1.1rem;color:var(--c2);margin-bottom:8px}.vmm-card p,.vmm-card div{font-size:13px;color:var(--tx2);line-height:1.8}
.about-history{padding:40px 0}.about-history__text{color:var(--tx2);line-height:1.8;font-size:14px}
.timeline{position:relative;padding:16px 0;max-width:640px;margin:0 auto}
.timeline::before{content:'';position:absolute;top:0;bottom:0;right:50%;width:2px;background:var(--bd);transform:translateX(50%)}
.timeline__item{display:flex;margin-bottom:24px;position:relative}.timeline__item--alt{flex-direction:row-reverse}
.timeline__dot{width:14px;height:14px;border-radius:50%;background:var(--c1);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--c1);position:absolute;right:50%;transform:translateX(50%);z-index:1}
.timeline__content{width:44%;padding:14px 16px;background:var(--bg);border-radius:var(--r);border:1px solid var(--bd);box-shadow:var(--s1)}
.timeline__item:not(.timeline__item--alt) .timeline__content{margin-left:auto;padding-right:24px}
.timeline__item--alt .timeline__content{margin-right:auto;padding-left:24px}
.timeline__year{display:inline-block;background:var(--c1);color:#fff;padding:1px 10px;border-radius:var(--rp);font-size:12px;font-weight:600;margin-bottom:4px}
.timeline__content h4{font-size:14px;color:var(--c2);margin-bottom:2px}.timeline__content p{font-size:12px;color:var(--tx2);margin:0;line-height:1.6}
@media(max-width:767px){.timeline::before{right:16px}.timeline__dot{right:16px}.timeline__item,.timeline__item--alt{flex-direction:column;padding-right:40px}.timeline__content,.timeline__item--alt .timeline__content{width:100%;margin:0;padding:14px}}
.about-founder{padding:40px 0;background:var(--bg2)}
.founder-img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid var(--c1s);box-shadow:var(--s2)}
.founder-placeholder{width:160px;height:160px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto}
.founder-placeholder i{font-size:48px;color:var(--c1);opacity:.35}
.founder-label{display:inline-block;color:var(--c1);font-size:13px;font-weight:500;margin-bottom:2px}.founder-name{color:var(--c2);margin-bottom:12px}
.founder-message{color:var(--tx2);line-height:1.9;font-size:14px}
.about-values{padding:40px 0}
.value-card{text-align:center;padding:24px 16px;border-radius:var(--rl);background:var(--bg);border:1px solid var(--bd);height:100%;transition:all var(--t)}
.value-card:hover{box-shadow:var(--s2);border-color:var(--c1);transform:translateY(-3px)}
.value-card__icon{width:48px;height:48px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all var(--t)}
.value-card:hover .value-card__icon{background:var(--c1)}.value-card:hover .value-card__icon i{color:#fff}
.value-card__icon i{font-size:20px;color:var(--c1);transition:color var(--t)}.value-card h4{font-size:15px;color:var(--c2);margin-bottom:6px}.value-card p{font-size:12px;color:var(--tx2);margin:0;line-height:1.7}
/* contact */
.contact_info_item{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
.contact-icon,.contact_info_item i{color:var(--c1);font-size:18px;flex-shrink:0;margin-top:2px}
.contact_info_item h4{font-size:13px;margin-bottom:1px}.contact_info_item p{font-size:12px;color:var(--tx2);margin:0}
.contact_form{background:var(--bg2);padding:28px;border-radius:var(--rl);border:1px solid var(--bd)}.contact_form h3{color:var(--c2);margin-bottom:16px}
.contact_map iframe{width:100%;height:340px;border:none;border-radius:var(--rl)}
/* branch card */
.branch-card{border:1px solid var(--bd)!important;border-radius:var(--rl)!important;overflow:hidden;transition:all var(--t);background:var(--bg);height:100%}
.branch-card:hover{box-shadow:var(--s2);border-color:var(--c1)!important}
.branch-card__img{width:100%;height:180px;object-fit:cover}.branch-card__body{padding:16px!important}
.branch-card__title{color:var(--c2)!important;margin-bottom:8px;font-size:1rem}
.branch-card__body p{font-size:13px;color:var(--tx2);margin-bottom:4px;display:flex;align-items:center;gap:5px}
.branch-card__body p i{color:var(--c1);font-size:14px;flex-shrink:0}
.branch-card__select{width:100%;margin-top:12px}
/* blog detail */
.blog_details_thumb img{border-radius:var(--rl)}.blog_details_title{color:var(--c2)}
.blog_tags a{display:inline-block;padding:3px 12px;background:var(--bg3);border-radius:var(--rp);font-size:11px;color:var(--tx2);margin:2px;transition:all var(--t)}.blog_tags a:hover{background:var(--c1);color:#fff}
/* faq */
.accordion-item{border:1px solid var(--bd);border-radius:var(--r)!important;margin-bottom:8px;overflow:hidden}
.accordion-button{font-weight:500;color:var(--c2);text-align:right;padding:14px 16px;font-size:14px;background:var(--bg)}
.accordion-button:not(.collapsed){background:var(--c1s);color:var(--c1);box-shadow:none}.accordion-button:focus{box-shadow:none}
.accordion-button::after{margin-left:0;margin-right:auto}.accordion-body{font-size:13px;line-height:1.8;color:var(--tx2);padding:14px 16px}

/* ═══════════════════════════════════════════════
   NEW TEMPLATE CLASSES (v3 agent)
   ═══════════════════════════════════════════════ */

/* Header v3 */
.header-main{padding:0;border-bottom:1px solid var(--bd)}
.header-main .d-flex{padding:10px 0;gap:16px}
.header-logo img{max-height:44px}
.header-nav__list{display:flex;gap:0;list-style:none;margin:0;padding:0}
.header-nav__list>li{position:relative}
.header-nav__list>li>a{display:block;padding:8px 14px;color:var(--tx2);font-size:14px;font-weight:500;position:relative;transition:all var(--t)}
.header-nav__list>li>a::after{content:'';position:absolute;bottom:4px;right:14px;left:14px;height:2px;background:var(--c1);transform:scaleX(0);transition:transform var(--t)}
.header-nav__list>li>a:hover,.header-nav__list>li>a.active{color:var(--c1)}
.header-nav__list>li>a:hover::after,.header-nav__list>li>a.active::after{transform:scaleX(1)}
.header-icons{display:flex;align-items:center;gap:4px}
.header-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:20px;color:var(--tx2);transition:all var(--t);position:relative}
.header-icon:hover{color:var(--c1);background:var(--c1s)}
.header-icon__badge{position:absolute;top:2px;left:2px;background:var(--c1);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--bg)}
/* also update item_count for cart fragments */
span.item_count,.header-icon__badge{position:absolute;top:2px;left:2px;background:var(--c1);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--bg)}

/* Top bar v3 */
.header-topbar{background:var(--bg2);border-bottom:1px solid var(--bd);padding:4px 0;font-size:12px;color:var(--tx3)}
.header-topbar a{color:var(--tx2)}.header-topbar a:hover{color:var(--c1)}
.header-topbar .container{display:flex;justify-content:space-between;align-items:center}
.header-topbar i{color:var(--c1);font-size:11px}

/* Product card v3 */
.product-card{background:var(--bg);border-radius:var(--rl);overflow:hidden;border:1px solid var(--bd);transition:all var(--t);position:relative}
.product-card:hover{box-shadow:var(--s2);border-color:transparent}
.product-card.h-100{height:100%;display:flex;flex-direction:column}
.product-card__image{position:relative;overflow:hidden;background:var(--bg3)}
.product-card__image a{display:block}
.product-card__image img,.product-card__image .wp-post-image{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}
.product-card:hover .product-card__image img{transform:scale(1.04)}
.product-card__badge{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:var(--rp);font-size:11px;font-weight:500;z-index:2}
.product-card__badge--sale{background:var(--c1);color:#fff}
.product-card__badge--out{background:var(--tx3);color:#fff}
.product-card__wishlist{position:absolute;top:10px;left:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:var(--tx3);font-size:18px;transition:all var(--t);z-index:2;backdrop-filter:blur(4px);border:none;cursor:pointer;padding:0}
.product-card__wishlist:hover{color:var(--c1);background:#fff;transform:scale(1.1)}
.product-card__wishlist.is-liked{color:var(--c1);background:#fff}
.product-card__wishlist.is-liked i::before{content:'\f141'}
.product-card__content{padding:14px;flex-grow:1;display:flex;flex-direction:column}
.product-card__name{font-size:13px;font-weight:500;margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card__name a{color:var(--tx)}.product-card__name a:hover{color:var(--c1)}
.product-card__price{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.product-card__price--current{color:var(--c1);font-weight:700;font-size:16px}
.product-card__price--old{color:var(--tx3);text-decoration:line-through;font-size:12px}
.product-card__content .btn-fd{margin-top:auto}
.btn-fd-disabled{background:var(--bg3)!important;color:var(--tx3)!important;cursor:not-allowed;box-shadow:none!important;transform:none!important}
@media(max-width:991px){.product-card__image img,.product-card__image .wp-post-image{height:180px}}
@media(max-width:767px){.product-card__image img,.product-card__image .wp-post-image{height:160px}}

/* Categories v3 */
.categories-section{padding:0}
.category-card{display:block;text-align:center;padding:16px 8px;border-radius:var(--rl);background:var(--bg);border:1px solid var(--bd);transition:all var(--t);color:var(--tx2)}
.category-card:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:var(--c1);color:var(--c1)}
.category-card__img{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 10px;border:3px solid var(--bd);transition:border-color var(--t)}
.category-card:hover .category-card__img{border-color:var(--c1)}
.category-card__img img{width:100%;height:100%;object-fit:cover}
.category-card__icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.category-card__icon i{font-size:28px;color:#fff}
.category-card__name{font-size:14px;font-weight:600;line-height:1.4;display:block}

/* Product tabs v3 */
.product-tabs{border-bottom:1px solid var(--bd)}
.product-tabs__nav{display:flex;justify-content:center;gap:0;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.product-tabs__link{display:inline-block;padding:10px 18px;font-size:14px;font-weight:500;color:var(--tx3);transition:all var(--t);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}
.product-tabs__link:hover{color:var(--tx)}
.product-tabs__link.active{color:var(--c1);border-bottom-color:var(--c1)}

/* Testimonial v3 */
.testimonial-card__text{font-size:13px;color:var(--tx2);line-height:1.8;margin-bottom:10px}
.testimonial-card__stars{margin-bottom:8px}.testimonial-card__stars i{color:var(--star);font-size:13px}
.testimonial-card__author{gap:10px;justify-content:center}
.testimonial-card__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--c1);color:#fff;flex-shrink:0;overflow:hidden}
.testimonial-card__avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.testimonial-card__name{font-size:13px;color:var(--c2);font-weight:600;margin:0}

/* Features strip v3 */
.features-strip{background:var(--bg);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:0}
.features-strip__inner{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}
.features-strip__item{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;font-size:13px;color:var(--tx2);transition:background var(--t)}
.features-strip__item:hover{background:var(--c1s)}
.features-strip__icon{width:36px;height:36px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t)}
.features-strip__item:hover .features-strip__icon{background:var(--c1)}
.features-strip__item:hover .features-strip__icon i{color:#fff}
.features-strip__icon i{color:var(--c1);font-size:16px;transition:color var(--t)}
.features-strip__icon img{width:16px;height:16px}
.features-strip__text{font-size:13px;line-height:1.4}
.features-strip__text strong{color:var(--tx);font-weight:500;display:block}
.features-strip__text a{color:var(--tx)}.features-strip__text a:hover{color:var(--c1)}
.features-strip__divider{width:1px;align-self:stretch;background:var(--bd);display:block;flex-shrink:0}
@media(max-width:767px){.features-strip__inner{flex-wrap:wrap}.features-strip__item{flex:1 1 50%;border-bottom:1px solid var(--bd)}.features-strip__item:nth-last-child(-n+2){border-bottom:none}.features-strip__divider{display:none}}

/* Footer v3 */
.footer-about-text{color:rgba(255,255,255,.45);font-size:12px;line-height:1.7;margin-top:10px}
.footer-payment{border-top:1px solid rgba(255,255,255,.06);margin-top:24px;padding-top:16px;display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.35)}
.footer-payment__label{font-weight:500;color:rgba(255,255,255,.5)}
.footer-payment__methods{display:flex;align-items:center;gap:6px}.footer-payment__methods i{font-size:14px;color:rgba(255,255,255,.4)}
.footer-payment__sep{width:1px;height:12px;background:rgba(255,255,255,.15);display:inline-block}
.footer-bottom__dot{color:rgba(255,255,255,.2);margin:0 6px}

/* Search icon fix */
.header-icon--search{cursor:pointer}
.header_search>a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-size:19px;color:var(--tx2);transition:all var(--t)}
.header_search>a:hover{color:var(--c1);background:var(--c1s)}

/* ═══════════════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════════════ */
@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(0.9)}100%{transform:scale(1)}}
.product-action-btn--cart.added-success,.add-to-cart-btn.added-success,.btn-fd.added-success{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important;animation:cartPulse .4s ease;pointer-events:none}
.shopping_cart.cart-bounce{animation:cartBounce .6s ease}
.shopping_cart.cart-bounce .item_count{animation:cartPulse .4s ease;background:var(--ok)}
.is-loading{position:relative;pointer-events:none;opacity:.9}
.is-loading::after{content:'';display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .5s linear infinite;margin-right:6px}
.fd-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .5s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.tab-pane{animation:fadeUp .3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ═══════════════════════════════════════════════
   SCROLL UP
   ═══════════════════════════════════════════════ */
#scrollUp{position:fixed;left:16px;bottom:16px;right:auto;width:40px;height:40px;border-radius:50%;background:var(--c1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--sp);z-index:999;transition:all var(--t);text-decoration:none}
#scrollUp:hover{background:var(--c2);transform:translateY(-3px)}

/* ═══════════════════════════════════════════════
   SPACING
   ═══════════════════════════════════════════════ */
.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:40px}.mb-60{margin-bottom:48px}.mb-80{margin-bottom:48px}.mb-86,.mb-95,.mb-100,.mb-105,.mb-110{margin-bottom:48px}
.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:40px}.mt-60,.mt-80{margin-top:48px}
.pt-80{padding-top:48px}.pb-80{padding-bottom:48px}.pt-100{padding-top:56px}.pb-100{padding-bottom:56px}.p-30{padding:20px}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}

/* ═══════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════ */
@media(max-width:991px){
  .services_section_inner{gap:12px}.single_services{min-width:100px}
  .megamenu{display:none}.mini_cart{width:100%;left:-100%}.mini_cart.active{left:0}
  .product_thumb img,.product_thumb .wp-post-image{height:180px}
  .trust-badges{flex-direction:column;gap:6px}
}
@media(max-width:767px){
  .header_top_inner{flex-direction:column;gap:4px;text-align:center}
  .header_top_sidebar ul{flex-wrap:wrap;justify-content:center;gap:6px}
  .section-title h2,.section_title h2{font-size:1.3rem}
  .services_section_inner{flex-direction:column;align-items:center}.single_services{max-width:100%;min-width:100%}
  .product_thumb img,.product_thumb .wp-post-image{height:160px}
  .error_content h1{font-size:70px}
  .branch-modal-content{padding:20px}
  .otp-input-group input{width:38px;height:44px;font-size:18px}
  .page_search_box form{width:88%}
  .pt-80{padding-top:28px}.pb-80{padding-bottom:28px}
  .mb-60,.mb-80,.mb-86,.mb-95,.mb-100,.mb-105,.mb-110{margin-bottom:28px}
  .footer-main{padding:28px 0 16px}
  .checkout-steps{gap:0}.step-label{font-size:10px}.step-num{width:30px;height:30px;font-size:12px}
  .auth-card__body,.auth-card__header{padding-right:18px;padding-left:18px}.auth-tabs{padding:0 18px}
  .account-nav ul{display:flex;flex-wrap:wrap}.account-nav ul li{flex:1;min-width:0}
  .account-nav ul li a{padding:8px 6px;font-size:11px;justify-content:center;border-bottom:none;border-left:1px solid var(--bd)}.account-nav ul li a i{display:none}
  .shipping-bar{flex-direction:column;gap:8px;align-items:center}.shipping-bar__item{border:none;padding:4px 0}
}
@media(max-width:479px){
  body{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.2rem}
  .main_header{padding:8px 0}.header_logo img{max-height:36px}
}

/* ═══════════════════════════════════════════════
   PRINT
   ═══════════════════════════════════════════════ */
@media print{.header_section,.footer_section,.branch-modal-overlay,.mini_cart,.page_search_box,.body_overlay,#scrollUp{display:none!important}body{font-size:12pt;color:#000}a{color:#000}}

/* ═══════════════════════════════════════════════
   BRANCHES PAGE
   ═══════════════════════════════════════════════ */
.branches-hero{background:linear-gradient(135deg,var(--c1s),#fff5f8,#fff);padding:48px 0 36px}
.branches-hero h1{color:var(--c2);margin-bottom:6px}
.branches-hero p{color:var(--tx2);font-size:15px;margin-bottom:16px}
.branches-hero__badge{display:inline-flex;align-items:center;gap:4px;background:var(--c1g);color:var(--c1);padding:4px 14px;border-radius:var(--rp);font-size:13px;font-weight:500;margin-bottom:12px}
.branches-hotline{display:inline-flex;align-items:center;gap:6px;background:var(--c1);color:#fff;padding:10px 24px;border-radius:var(--rp);font-size:15px;font-weight:600;transition:all var(--t)}
.branches-hotline:hover{background:var(--c1h);color:#fff}
.branches-hotline i{font-size:18px}
.branch-area{margin-bottom:36px}
.branch-area__header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bd)}
.branch-area__pin{width:40px;height:40px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.branch-area__pin i{font-size:20px;color:var(--c1)}
.branch-area__name{font-size:1.2rem;color:var(--c2);margin:0}
.branch-area__count{font-size:12px;color:var(--tx3)}
.branch-area__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.branch-loc{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:18px;display:flex;flex-direction:column;transition:all var(--t)}
.branch-loc:hover{border-color:var(--c1);box-shadow:var(--s2)}
.branch-loc__body{flex:1}
.branch-loc__name{font-size:15px;color:var(--c2);margin-bottom:6px}
.branch-loc__address{font-size:13px;color:var(--tx2);margin-bottom:6px;display:flex;align-items:flex-start;gap:4px;line-height:1.6}
.branch-loc__address i{color:var(--c1);margin-top:3px;flex-shrink:0}
.branch-loc__phone{font-size:13px;color:var(--c1);display:inline-flex;align-items:center;gap:4px}
.branch-loc__map{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd);font-size:13px;color:var(--tx2);transition:color var(--t)}
.branch-loc__map:hover{color:var(--c1)}
.branch-loc__map i{font-size:16px}

/* ═══════════════════════════════════════════════
   ABOUT PAGE — MODERN (v3 agent classes)
   ═══════════════════════════════════════════════ */
.about-hero--modern{padding:0}
.about-hero__bg{background:linear-gradient(135deg,var(--c1),#ff6b9d);padding:56px 0;color:#fff}
.about-hero__inner{max-width:680px;text-align:center;margin:0 auto}
.about-hero__badge{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.15);color:#fff;padding:5px 16px;border-radius:var(--rp);font-size:13px;font-weight:500;margin-bottom:14px;backdrop-filter:blur(4px)}
.about-hero__heading{color:#fff;font-size:2.2rem;margin-bottom:14px}
.about-hero__text{color:rgba(255,255,255,.85);font-size:15px;line-height:1.9}
.about-hero__text p{margin-bottom:10px}
.about-hero__btn{border-color:rgba(255,255,255,.5);color:#fff;margin-top:16px}
.about-hero__btn:hover{background:#fff;color:var(--c1);border-color:#fff}

/* Stats strip */
.about-stats--strip{padding:28px 0;background:var(--bg);border-bottom:1px solid var(--bd)}
.about-stats__row{display:flex;justify-content:center;gap:0;flex-wrap:wrap}
.about-stats__item{display:flex;align-items:center;gap:12px;padding:12px 32px;border-left:1px solid var(--bd)}
.about-stats__item:last-child{border-left:none}
.about-stats__icon{width:44px;height:44px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-stats__icon i{font-size:20px;color:var(--c1)}
.about-stats__info{text-align:right}
.about-stats__number{display:block;font-size:24px;font-weight:700;color:var(--c1);line-height:1}
.about-stats__label{font-size:12px;color:var(--tx2)}
@media(max-width:767px){.about-stats__row{flex-direction:column;align-items:center}.about-stats__item{border:none;padding:8px 0}}

/* VMM sections */
.about-vmm-section{padding:48px 0}
.about-vmm-section--white{background:var(--bg)}
.about-vmm-section--gray{background:var(--bg2)}
.about-vmm-block{display:flex;align-items:center;gap:48px}
.about-vmm-block--reverse{flex-direction:row-reverse}
.about-vmm-block__content{flex:1}
.about-vmm-block__media{flex:1;display:flex;align-items:center;justify-content:center}
.about-vmm-block__icon-wrap{width:56px;height:56px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.about-vmm-block__icon-wrap i{font-size:24px;color:var(--c1)}
.about-vmm-block__title{font-size:1.3rem;color:var(--c2);margin-bottom:10px}
.about-vmm-block__text{font-size:14px;color:var(--tx2);line-height:1.9}
.about-vmm-block__img{width:100%;max-width:400px;border-radius:var(--rl);box-shadow:var(--s3)}
.about-vmm-block__placeholder{width:280px;height:200px;border-radius:var(--rl);background:var(--c1s);display:flex;align-items:center;justify-content:center}
.about-vmm-block__placeholder i{font-size:48px;color:var(--c1);opacity:.25}
@media(max-width:767px){.about-vmm-block,.about-vmm-block--reverse{flex-direction:column;gap:24px}.about-vmm-block__placeholder{width:100%;height:140px}}

/* Timeline vertical */
.about-history--modern{padding:48px 0}
.about-history__intro{max-width:640px;margin:0 auto;color:var(--tx2);font-size:14px;line-height:1.8}
.timeline-v{position:relative;max-width:640px;margin:0 auto;padding:16px 0}
.timeline-v__line{position:absolute;top:0;bottom:0;right:50%;width:2px;background:var(--bd);transform:translateX(50%)}
.timeline-v__item{display:flex;margin-bottom:24px;position:relative}
.timeline-v__item--left{flex-direction:row-reverse}
.timeline-v__dot{width:14px;height:14px;border-radius:50%;background:var(--c1);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--c1);position:absolute;right:50%;transform:translateX(50%);z-index:1}
.timeline-v__card{width:44%;padding:14px 16px;background:var(--bg);border-radius:var(--r);border:1px solid var(--bd);box-shadow:var(--s1)}
.timeline-v__item--right .timeline-v__card{margin-left:auto;padding-right:24px}
.timeline-v__item--left .timeline-v__card{margin-right:auto;padding-left:24px}
.timeline-v__year{display:inline-block;background:var(--c1);color:#fff;padding:1px 10px;border-radius:var(--rp);font-size:12px;font-weight:600;margin-bottom:4px}
.timeline-v__title{font-size:14px;color:var(--c2);margin-bottom:2px}
.timeline-v__desc{font-size:12px;color:var(--tx2);margin:0;line-height:1.6}
@media(max-width:767px){.timeline-v__line{right:16px}.timeline-v__dot{right:16px}.timeline-v__item,.timeline-v__item--left{flex-direction:column;padding-right:40px}.timeline-v__card,.timeline-v__item--left .timeline-v__card{width:100%;margin:0;padding:14px}}

/* Values modern */
.about-values--modern{padding:48px 0}
.about-values__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.value-card--hover:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:var(--c1)}
.value-card__title{font-size:15px}.value-card__desc{font-size:12px}

/* ═══════════════════════════════════════════════
   CONTACT PAGE — MODERN
   ═══════════════════════════════════════════════ */
.contact-hero{padding:0}
.contact-hero__bg{background:linear-gradient(135deg,var(--c1),#ff6b9d);padding:48px 0;color:#fff;text-align:center}
.contact-hero__inner{max-width:600px;margin:0 auto}
.contact-hero__title{color:#fff;font-size:2rem;margin-bottom:6px}
.contact-hero__subtitle{color:rgba(255,255,255,.8);font-size:15px}

.contact-section{padding:48px 0}
.contact-layout{display:flex;gap:32px}
.contact-info-col{flex:1;display:flex;flex-direction:column;gap:12px}
.contact-form-col{flex:1.2}
@media(max-width:767px){.contact-layout{flex-direction:column}}

.contact-info-card{display:flex;gap:14px;padding:18px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);transition:all var(--t)}
.contact-info-card:hover{border-color:var(--c1);box-shadow:var(--s2)}
.contact-info-card__icon{width:44px;height:44px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-info-card__icon i{font-size:20px;color:var(--c1)}
.contact-info-card__body{flex:1}
.contact-info-card__title{font-size:13px;font-weight:600;color:var(--c2);margin-bottom:2px}
.contact-info-card__body p{font-size:13px;color:var(--tx2);margin:0}
.contact-info-card__body a{color:var(--tx2)}.contact-info-card__body a:hover{color:var(--c1)}
.contact-info-card--whatsapp{border-color:#25d366;background:#f0fdf4}
.contact-info-card--whatsapp .contact-info-card__icon{background:#dcfce7}
.contact-info-card--whatsapp .contact-info-card__icon i{color:#25d366}

.contact-form-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:28px}
.contact-form-card h3{font-size:1.1rem;color:var(--c2);margin-bottom:18px}
.contact-form-card .form-control{margin-bottom:12px}
.contact-form-card textarea.form-control{min-height:120px;resize:vertical}
.fd-contact-msg{padding:10px 14px;border-radius:var(--r);margin-bottom:14px;font-size:13px;display:none}
.fd-contact-msg--success{display:block;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
.fd-contact-msg--error{display:block;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}

/* ═══════════════════════════════════════════════
   AUTH PAGE — MODERN (v3 agent classes)
   ═══════════════════════════════════════════════ */
.auth-card--modern{max-width:440px;margin:0 auto;border-radius:var(--rl);border:1px solid var(--bd);box-shadow:var(--s2);overflow:hidden;background:var(--bg)}
.auth-tabs__list{display:flex;border-bottom:2px solid var(--bd);padding:0}
.auth-tabs__item{flex:1}
.auth-tabs__btn{display:block;width:100%;text-align:center;padding:12px 0;font-size:14px;font-weight:500;color:var(--tx3);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--t);font-family:'Rubik',sans-serif!important}
.auth-tabs__btn.active,.auth-tabs__btn:hover{color:var(--c1);border-bottom-color:var(--c1)}
.auth-field{margin-bottom:14px}
.auth-field label{font-size:13px;font-weight:500;color:var(--tx);margin-bottom:4px;display:block}
.auth-field__input-wrap{position:relative}
.auth-field__input-wrap input{padding-right:40px!important}
.auth-field__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:16px;pointer-events:none}
.auth-btn{display:block;width:100%;padding:11px;background:var(--c1);color:#fff;border:none;border-radius:var(--rp);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--t);font-family:'Rubik',sans-serif!important;margin-top:8px}
.auth-btn:hover{background:var(--c1h)}
.auth-btn:disabled{opacity:.7;cursor:not-allowed}
.auth-divider{position:relative;text-align:center;margin:20px 0}
.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--bd)}
.auth-divider__text{position:relative;background:var(--bg);padding:0 14px;font-size:12px;color:var(--tx3)}
.otp-digits{display:flex;gap:8px;justify-content:center;direction:ltr;margin:18px 0}
.otp-digits input{width:44px;height:50px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--bd);border-radius:var(--r);outline:0;transition:border var(--t);color:var(--c2);background:var(--bg2)}
.otp-digits input:focus{border-color:var(--c1);box-shadow:0 0 0 3px var(--c1g);background:var(--bg)}

/* ═══════════════════════════════════════════════
   CONTACT FORM — MODERN
   ═══════════════════════════════════════════════ */
.contact-form-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:28px}
.contact-form-card__title{font-size:1.1rem;color:var(--c2);margin-bottom:20px}
.contact-form__group{margin-bottom:16px}
.contact-form__label{display:block;font-size:13px;font-weight:500;color:var(--tx);margin-bottom:5px}
.contact-form__input-wrap{position:relative}
.contact-form__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:16px;pointer-events:none;z-index:1}
.contact-form__input-wrap--textarea .contact-form__icon{top:16px;transform:none}
.contact-form__input{width:100%;padding:11px 40px 11px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;color:var(--tx);background:var(--bg);transition:border var(--t);font-family:'Rubik',sans-serif!important;text-align:right}
.contact-form__textarea{width:100%;padding:11px 40px 11px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;color:var(--tx);background:var(--bg);transition:border var(--t);font-family:'Rubik',sans-serif!important;text-align:right;resize:vertical;min-height:120px}
.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--tx3)}
.contact-form__submit{width:100%;padding:12px;font-size:15px;margin-top:4px}
.contact-form__messages{margin-bottom:12px}
.contact-form__messages .fd-contact-msg{padding:10px 14px;border-radius:var(--r);font-size:13px;margin-bottom:8px}
.contact-form__messages .fd-contact-msg--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
.contact-form__messages .fd-contact-msg--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}

/* ═══════════════════════════════════════════════
   CONTACT FORM MESSAGES
   ═══════════════════════════════════════════════ */
.contact-msg{padding:16px 20px;border-radius:var(--rl);font-size:14px;display:flex;align-items:center;gap:10px;animation:msgSlideIn .4s ease}
@keyframes msgSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.contact-msg i{font-size:22px;flex-shrink:0}
.contact-msg--success{background:#f0fdf4;border:1px solid #86efac;color:#166534}
.contact-msg--success i{color:#22c55e}
.contact-msg--error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}
.contact-msg--error i{color:#ef4444}

/* ═══════════════════════════════════════════════
   FOOTER — v4 MODERN
   ═══════════════════════════════════════════════ */
.ft{background:#1a1a1a;color:rgba(255,255,255,.65)}

/* Top: Logo + Social */
.ft__top{display:flex;justify-content:space-between;align-items:center;padding:32px 0 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft__logo img{max-height:40px;filter:brightness(0) invert(1);opacity:.9;transition:opacity var(--t)}
.ft__logo:hover img{opacity:1}
.ft__social{display:flex;gap:8px}
.ft__social-link{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:all var(--t)}
.ft__social-link:hover{transform:translateY(-2px)}
.ft__social-link--fb:hover{background:#1877f2;color:#fff}
.ft__social-link--ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.ft__social-link--tk:hover{background:#000;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.ft__social-link--tw:hover{background:#000;color:#fff}
.ft__social-link--yt:hover{background:#ff0000;color:#fff}
.ft__social-link svg{width:16px;height:16px}

/* Grid */
.ft__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:28px;padding:32px 0}
.ft__about{font-size:13px;line-height:1.8;color:rgba(255,255,255,.45);margin-bottom:14px}
.ft__hotline{display:inline-flex;align-items:center;gap:6px;background:var(--c1);color:#fff;padding:8px 18px;border-radius:var(--rp);font-size:14px;font-weight:600;transition:all var(--t)}
.ft__hotline:hover{background:var(--c1h);color:#fff;transform:translateY(-1px)}
.ft__hotline svg{fill:#fff}
.ft__heading{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px;position:relative;padding-bottom:8px}
.ft__heading::after{content:'';position:absolute;bottom:0;right:0;width:24px;height:2px;background:var(--c1);border-radius:1px}
.ft__links{list-style:none;padding:0;margin:0}
.ft__links li{padding:4px 0}
.ft__links li a{color:rgba(255,255,255,.45);font-size:13px;transition:all var(--t);display:inline-block}
.ft__links li a:hover{color:#fff;transform:translateX(-3px)}
.ft__contact{list-style:none;padding:0;margin:0}
.ft__contact li{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;color:rgba(255,255,255,.45)}
.ft__contact li svg{flex-shrink:0}
.ft__contact li a{color:rgba(255,255,255,.45)}.ft__contact li a:hover{color:#fff}

/* Bottom */
.ft__bottom{border-top:1px solid rgba(255,255,255,.06);background:#141414}
.ft__bottom-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0;flex-wrap:wrap;gap:10px}
.ft__copyright{margin:0;font-size:12px;color:rgba(255,255,255,.3)}
.ft__pay{display:flex;align-items:center;gap:10px}
.ft__pay-label{font-size:12px;color:rgba(255,255,255,.3)}
.ft__pay-item{display:flex;align-items:center}
.ft__pay-item svg{border-radius:3px}
.ft__pay-item--cod{font-size:11px;color:rgba(255,255,255,.35);background:rgba(255,255,255,.06);padding:2px 8px;border-radius:4px}

@media(max-width:991px){.ft__grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:575px){
    .ft__top{flex-direction:column;gap:16px;text-align:center}
    .ft__grid{grid-template-columns:1fr;gap:20px;text-align:center}
    .ft__heading::after{right:50%;transform:translateX(50%)}
    .ft__contact li{justify-content:center}
    .ft__hotline{margin:0 auto}
    .ft__bottom-inner{flex-direction:column;text-align:center}
    .ft__pay{justify-content:center}
}

/* ═══════════════════════════════════════════════
   TOPBAR — v4
   ═══════════════════════════════════════════════ */
.topbar{background:var(--c2);padding:0;font-size:12px;color:rgba(255,255,255,.7)}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;min-height:32px}
.topbar__right{display:flex;align-items:center;gap:0}
.topbar__left{display:flex;align-items:center}
.topbar__item{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;color:rgba(255,255,255,.7);transition:color var(--t);font-size:12px}
.topbar__item:hover{color:#fff}
.topbar__item svg{opacity:.7}
.topbar__item:hover svg{opacity:1}
.topbar__branch{color:rgba(255,255,255,.85)}
.topbar__change{color:var(--c1);font-size:11px;margin-right:4px;text-decoration:underline}
.topbar__change:hover{color:#ff6b9d}
.topbar__sep{width:1px;height:14px;background:rgba(255,255,255,.15);display:inline-block}
.topbar__welcome{font-size:11px;color:rgba(255,255,255,.4)}
@media(max-width:767px){.topbar__left{display:none}.topbar__inner{justify-content:center}}

/* Branch modal area headers */
.branch-list__area{font-size:11px;font-weight:600;color:var(--c1);text-transform:uppercase;padding:10px 14px 4px!important;border:none!important;cursor:default;letter-spacing:.02em;margin-top:4px}
.branch-list__area:first-child{margin-top:0}
.branch-modal-logo{max-height:40px;margin-bottom:12px}

/* ═══════════════════════════════════════════════
   BLOG CARD — v4
   ═══════════════════════════════════════════════ */
.blog-card{background:var(--bg);border-radius:var(--rl);overflow:hidden;border:1px solid var(--bd);transition:all var(--t);display:flex;flex-direction:column}
.blog-card:hover{box-shadow:var(--s2);border-color:transparent;transform:translateY(-3px)}
.blog-card__thumb{display:block;position:relative;overflow:hidden;height:200px;background:var(--bg3)}
.blog-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card__thumb img{transform:scale(1.05)}
.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg3)}
.blog-card__placeholder i{font-size:40px;color:var(--bd);opacity:.5}
.blog-card__date{position:absolute;top:12px;right:12px;background:var(--c1);color:#fff;border-radius:var(--r);padding:6px 10px;text-align:center;line-height:1.1;z-index:1}
.blog-card__day{display:block;font-size:20px;font-weight:700}
.blog-card__month{display:block;font-size:10px;font-weight:500;text-transform:uppercase;opacity:.8}
.blog-card__body{padding:16px;flex:1;display:flex;flex-direction:column}
.blog-card__meta{display:flex;gap:12px;font-size:11px;color:var(--tx3);margin-bottom:8px}
.blog-card__meta i{color:var(--c1);margin-left:2px}
.blog-card__title{font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.5}
.blog-card__title a{color:var(--tx)}.blog-card__title a:hover{color:var(--c1)}
.blog-card__excerpt{font-size:13px;color:var(--tx2);line-height:1.7;margin-bottom:12px;flex:1}
.blog-card__more{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--c1);transition:gap var(--t)}
.blog-card__more:hover{gap:8px;color:var(--c1h)}

/* ═══════════════════════════════════════════════
   SIDEBAR — v4
   ═══════════════════════════════════════════════ */
.sidebar{position:sticky;top:80px}
.sidebar__widget{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:18px;margin-bottom:16px}
.sidebar__title{font-size:14px;font-weight:600;color:var(--c2);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--bd);position:relative}
.sidebar__title::after{content:'';position:absolute;bottom:-2px;right:0;width:28px;height:2px;background:var(--c1)}

/* Search */
.sidebar__search{display:flex;border:1.5px solid var(--bd);border-radius:var(--rp);overflow:hidden;transition:border-color var(--t)}
.sidebar__search:focus-within{border-color:var(--c1)}
.sidebar__search input{flex:1;border:none;padding:10px 14px;font-size:13px;outline:none;text-align:right;background:transparent;font-family:'Rubik',sans-serif!important}
.sidebar__search button{background:var(--c1);border:none;color:#fff;padding:0 14px;font-size:16px;cursor:pointer;transition:background var(--t)}
.sidebar__search button:hover{background:var(--c1h)}

/* Recent posts */
.sidebar__posts{display:flex;flex-direction:column;gap:10px}
.sidebar__post{display:flex;gap:10px;align-items:center;text-decoration:none;padding:6px;border-radius:var(--r);transition:background var(--t)}
.sidebar__post:hover{background:var(--bg3)}
.sidebar__post-thumb{width:56px;height:56px;border-radius:var(--r);overflow:hidden;flex-shrink:0;background:var(--bg3)}
.sidebar__post-thumb img{width:100%;height:100%;object-fit:cover}
.sidebar__post-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.sidebar__post-placeholder i{font-size:18px;color:var(--bd)}
.sidebar__post-info h4{font-size:13px;font-weight:500;color:var(--tx);margin:0 0 2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sidebar__post-info span{font-size:11px;color:var(--tx3)}

/* Tags / Categories */
.sidebar__tags{display:flex;flex-wrap:wrap;gap:6px}
.sidebar__tag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--rp);border:1px solid var(--bd);font-size:12px;color:var(--tx2);transition:all var(--t)}
.sidebar__tag:hover{border-color:var(--c1);color:var(--c1);background:var(--c1s)}
.sidebar__tag span{font-size:10px;color:var(--tx3);background:var(--bg3);padding:1px 5px;border-radius:8px}

/* CTA widget */
.sidebar__cta{background:linear-gradient(135deg,var(--c1),#ff6b9d);border:none;color:#fff;text-align:center;padding:24px 18px}
.sidebar__cta i{font-size:32px;opacity:.8;margin-bottom:8px;display:block}
.sidebar__cta h3{color:#fff;font-size:16px;margin-bottom:4px}
.sidebar__cta p{color:rgba(255,255,255,.8);font-size:13px;margin-bottom:14px}
.sidebar__cta .btn-fd{background:#fff;color:var(--c1)}.sidebar__cta .btn-fd:hover{background:var(--c2);color:#fff}

/* Sidebar categories list */
.sidebar__cats{list-style:none;padding:0;margin:0}
.sidebar__cats li{border-bottom:1px solid var(--bd)}
.sidebar__cats li:last-child{border-bottom:none}
.sidebar__cats li a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:var(--tx2);font-size:13px;transition:all var(--t)}
.sidebar__cats li a:hover{color:var(--c1);padding-right:4px}
.sidebar__cat-name{font-weight:500}
.sidebar__cat-count{background:var(--bg3);color:var(--tx3);font-size:11px;padding:2px 8px;border-radius:var(--rp);min-width:24px;text-align:center}
.sidebar__cats li a:hover .sidebar__cat-count{background:var(--c1s);color:var(--c1)}

/* ═══════════════════════════════════════════════
   SINGLE POST — v4
   ═══════════════════════════════════════════════ */

/* Hero */
.post-hero{position:relative;height:360px;display:flex;align-items:flex-end;overflow:hidden}
.post-hero__img{position:absolute;inset:0;background-size:cover;background-position:center}
.post-hero__img--fallback{background:linear-gradient(135deg,var(--c1),#ff6b9d)}
.post-hero__overlay{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.7))}
.post-hero__content{position:relative;z-index:1;padding-bottom:36px;color:#fff;max-width:700px}
.post-hero__cat{display:inline-block;background:var(--c1);color:#fff;padding:3px 12px;border-radius:var(--rp);font-size:12px;font-weight:500;margin-bottom:10px;transition:background var(--t)}
.post-hero__cat:hover{background:#fff;color:var(--c1)}
.post-hero__title{color:#fff;font-size:1.8rem;line-height:1.4;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.2)}
.post-hero__meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:rgba(255,255,255,.75)}
.post-hero__meta i{margin-left:3px;font-size:13px}
@media(max-width:767px){.post-hero{height:260px}.post-hero__title{font-size:1.3rem}.post-hero__content{padding-bottom:24px}}

/* Content area */
.post-content-area{padding:40px 0 60px}
.post-article{background:var(--bg);border-radius:var(--rl);border:1px solid var(--bd);overflow:hidden}

/* Body */
.post-body{padding:28px;font-size:15px;line-height:2;color:var(--tx)}
.post-body h2,.post-body h3{color:var(--c2);margin:28px 0 12px;font-size:1.2rem}
.post-body h3{font-size:1.05rem}
.post-body p{margin-bottom:16px;color:var(--tx2)}
.post-body ul,.post-body ol{padding-right:20px;margin-bottom:16px;color:var(--tx2)}
.post-body li{margin-bottom:6px;line-height:1.8}
.post-body img{border-radius:var(--r);margin:16px 0}
.post-body blockquote{border-right:3px solid var(--c1);padding:12px 18px;margin:20px 0;background:var(--c1s);border-radius:0 var(--r) var(--r) 0;font-style:italic;color:var(--tx2)}

/* Tags */
.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:20px 28px;border-top:1px solid var(--bd)}
.post-tags__label{font-size:13px;font-weight:600;color:var(--c2)}
.post-tags__item{display:inline-block;padding:4px 12px;border-radius:var(--rp);border:1px solid var(--bd);font-size:12px;color:var(--tx2);transition:all var(--t)}
.post-tags__item:hover{border-color:var(--c1);color:var(--c1);background:var(--c1s)}

/* Share */
.post-share{display:flex;align-items:center;gap:8px;padding:16px 28px;border-top:1px solid var(--bd);background:var(--bg3)}
.post-share__label{font-size:13px;font-weight:600;color:var(--c2)}
.post-share__link{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--bd);color:var(--tx3);transition:all var(--t);cursor:pointer;font-size:12px}
.post-share__link:hover{transform:translateY(-2px)}
.post-share__link--fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.post-share__link--tw:hover{background:#000;color:#fff;border-color:#000}
.post-share__link--wa:hover{background:#25d366;color:#fff;border-color:#25d366}
.post-share__link--copy{width:auto;padding:0 12px;gap:4px;border-radius:var(--rp);font-size:12px;font-family:'Rubik',sans-serif!important}
.post-share__link--copy:hover{background:var(--c2);color:#fff;border-color:var(--c2)}

/* Author */
.post-author{display:flex;gap:14px;align-items:center;padding:20px 28px;border-top:1px solid var(--bd)}
.post-author__avatar{flex-shrink:0}
.post-author__avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--bd)}
.post-author__info h4{font-size:14px;color:var(--c2);margin-bottom:2px}
.post-author__info p{font-size:12px;color:var(--tx3);margin:0;line-height:1.5}

/* Navigation */
.post-nav{display:flex;border-top:1px solid var(--bd)}
.post-nav__link{flex:1;padding:18px 28px;transition:background var(--t);display:block}
.post-nav__link:hover{background:var(--bg3)}
.post-nav__link--next{text-align:left;border-right:1px solid var(--bd)}
.post-nav__label{font-size:11px;color:var(--tx3);display:block;margin-bottom:3px}
.post-nav__title{font-size:13px;font-weight:500;color:var(--tx);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-nav__link:hover .post-nav__title{color:var(--c1)}
@media(max-width:575px){.post-nav{flex-direction:column}.post-nav__link--next{border-right:none;border-top:1px solid var(--bd)}}

/* Comments */
.post-comments{padding:28px;border-top:1px solid var(--bd)}
.post-comments h3{font-size:16px;color:var(--c2);margin-bottom:16px}

/* ═══════════════════════════════════════════════
   COMMENTS — v4
   ═══════════════════════════════════════════════ */
.comments-section{margin-top:0}
.comments-header h3{font-size:16px;color:var(--c2);display:flex;align-items:center;gap:6px;margin-bottom:20px}
.comments-header h3 i{color:var(--c1);font-size:18px}

/* Comment list */
.comments-list{list-style:none;padding:0;margin:0}
.comment-item{margin-bottom:16px}
.comment-item__inner{display:flex;gap:12px;padding:16px;background:var(--bg3);border-radius:var(--rl)}
.comment-item__avatar{flex-shrink:0}
.comment-item__avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.comment-item__body{flex:1;min-width:0}
.comment-item__header{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.comment-item__author{font-size:14px;font-weight:600;color:var(--c2);margin:0}
.comment-item__date{font-size:11px;color:var(--tx3)}
.comment-item__text{font-size:13px;color:var(--tx2);line-height:1.8}
.comment-item__text p{margin:0 0 6px}
.comment-item__actions{margin-top:6px}
.comment-item__actions a,.comment-reply-link{font-size:12px;color:var(--c1);display:inline-flex;align-items:center;gap:3px;transition:color var(--t)}
.comment-item__actions a:hover,.comment-reply-link:hover{color:var(--c1h)}
.children{list-style:none;padding-right:32px;margin-top:12px}
.children .comment-item__inner{background:var(--bg);border:1px solid var(--bd)}

/* Comment form */
.comment-form-wrap{margin-top:24px;padding-top:24px;border-top:1px solid var(--bd)}
.comment-form-modern .comment-reply-title{font-size:18px;color:var(--c2);margin-bottom:18px;display:flex;align-items:center;gap:6px}
.comment-form-modern .comment-reply-title i{color:var(--c1);font-size:20px}
.comment-form-modern .comment-reply-title small{margin-right:10px}
.comment-form-modern .comment-reply-title small a{color:var(--c1);font-size:13px}

.cform__row{display:flex;gap:12px}
.cform__group{margin-bottom:14px}
.cform__group--half{flex:1}
.cform__label{display:block;font-size:13px;font-weight:500;color:var(--tx);margin-bottom:5px}
.cform__req{color:var(--c1)}
.cform__input-wrap{position:relative}
.cform__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:16px;pointer-events:none}
.cform__input{width:100%;padding:10px 38px 10px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:13px;font-family:'Rubik',sans-serif!important;transition:border var(--t);text-align:right;background:var(--bg)}
.cform__input:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.cform__textarea{width:100%;padding:12px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:13px;font-family:'Rubik',sans-serif!important;transition:border var(--t);text-align:right;background:var(--bg);resize:vertical;min-height:120px}
.cform__textarea:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.cform__checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx2);cursor:pointer}
.cform__checkbox input{accent-color:var(--c1)}
.comment-form-modern .btn-fd{margin-top:4px}
@media(max-width:575px){.cform__row{flex-direction:column;gap:0}}

/* ═══════════════════════════════════════════════
   ABOUT PAGE — v5 REDESIGN
   ═══════════════════════════════════════════════ */

/* Shared */
.abt-label{display:inline-block;color:var(--c1);font-size:13px;font-weight:600;margin-bottom:6px;letter-spacing:.02em}
.abt-heading{color:var(--c2);margin-bottom:16px;font-size:1.6rem}
.abt-text{color:var(--tx2);font-size:14px;line-height:2}
.abt-text p{margin-bottom:12px}
.abt-text--center{max-width:640px;margin:0 auto}

/* Hero */
.abt-hero{position:relative;height:320px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;text-align:center}
.abt-hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.abt-hero__inner{position:relative;z-index:1;color:#fff}
.abt-hero__badge{display:inline-block;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);padding:6px 20px;border-radius:var(--rp);font-size:14px;margin-bottom:14px;font-weight:500}
.abt-hero h1{color:#fff;font-size:2.4rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}
@media(max-width:767px){.abt-hero{height:220px}.abt-hero h1{font-size:1.6rem}}

/* Intro */
.abt-intro{padding:56px 0}
.abt-intro__img{width:100%;border-radius:var(--rl);box-shadow:var(--s3)}

/* Stats */
.abt-stats{padding:0;background:var(--c1);margin:-1px 0}
.abt-stats__grid{display:flex;justify-content:center}
.abt-stat{flex:1;text-align:center;padding:28px 16px;color:#fff;border-left:1px solid rgba(255,255,255,.15)}
.abt-stat:last-child{border-left:none}
.abt-stat__num{font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}
.abt-stat__label{font-size:13px;opacity:.8}
@media(max-width:575px){.abt-stats__grid{flex-wrap:wrap}.abt-stat{flex:1 1 50%;border-left:none;padding:18px 10px;border-bottom:1px solid rgba(255,255,255,.1)}}

/* Founder */
.abt-founder{padding:56px 0;background:var(--bg2)}
.abt-founder__img{width:280px;height:280px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid #fff;box-shadow:var(--s3)}
.abt-founder__title{color:var(--tx3);font-size:14px;margin-bottom:16px}
.abt-founder__quote{border-right:3px solid var(--c1);padding:14px 20px;margin:0;background:var(--bg);border-radius:0 var(--r) var(--r) 0;font-size:15px;color:var(--tx2);line-height:1.9;font-style:italic}
.abt-founder__quote p{margin:0}
@media(max-width:767px){.abt-founder__img{width:180px;height:180px;margin-bottom:20px}}

/* Vision / Mission / Purpose */
.abt-vmp{padding:56px 0}
.abt-vmp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.abt-vmp__card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:32px 24px;text-align:center;transition:all var(--t)}
.abt-vmp__card:hover{box-shadow:var(--s2);border-color:transparent;transform:translateY(-3px)}
.abt-vmp__card--primary{background:var(--c1);border-color:var(--c1);color:#fff}
.abt-vmp__card--primary h3{color:#fff}
.abt-vmp__card--primary p{color:rgba(255,255,255,.85)}
.abt-vmp__card--primary .abt-vmp__icon{background:rgba(255,255,255,.15)}
.abt-vmp__card--primary .abt-vmp__icon i{color:#fff}
.abt-vmp__icon{width:56px;height:56px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.abt-vmp__icon i{font-size:24px;color:var(--c1)}
.abt-vmp__card h3{font-size:16px;color:var(--c2);margin-bottom:8px}
.abt-vmp__card p{font-size:13px;color:var(--tx2);line-height:1.8;margin:0}
@media(max-width:767px){.abt-vmp__grid{grid-template-columns:1fr;gap:12px}}

/* Timeline */
.abt-timeline{padding:56px 0;background:var(--bg2)}
.abt-tl{display:flex;flex-direction:column;gap:0;max-width:600px;margin:0 auto;position:relative;padding-right:40px}
.abt-tl::before{content:'';position:absolute;top:0;bottom:0;right:15px;width:2px;background:var(--bd)}
.abt-tl__item{position:relative;padding-bottom:28px}
.abt-tl__item:last-child{padding-bottom:0}
.abt-tl__dot{position:absolute;right:-40px;top:0;width:32px;height:32px;border-radius:50%;background:var(--c1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:1;border:3px solid var(--bg2)}
.abt-tl__card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px;box-shadow:var(--s1)}
.abt-tl__card h4{font-size:15px;color:var(--c2);margin-bottom:4px}
.abt-tl__card p{font-size:13px;color:var(--tx2);margin:0;line-height:1.6}
@media(max-width:575px){.abt-tl{padding-right:36px}.abt-tl__dot{right:-36px;width:28px;height:28px;font-size:10px}}

/* Values */
.abt-values{padding:56px 0}
.abt-values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.abt-val{text-align:center;padding:28px 18px;border:1px solid var(--bd);border-radius:var(--rl);background:var(--bg);transition:all var(--t)}
.abt-val:hover{box-shadow:var(--s2);border-color:var(--c1);transform:translateY(-3px)}
.abt-val__icon{width:48px;height:48px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all var(--t)}
.abt-val:hover .abt-val__icon{background:var(--c1)}
.abt-val:hover .abt-val__icon i{color:#fff}
.abt-val__icon i{font-size:20px;color:var(--c1);transition:color var(--t)}
.abt-val h4{font-size:15px;color:var(--c2);margin-bottom:4px}
.abt-val p{font-size:12px;color:var(--tx2);margin:0;line-height:1.6}
@media(max-width:767px){.abt-values__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.abt-values__grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════
   ABOUT PAGE — FIXES
   ═══════════════════════════════════════════════ */

/* VMP cards fix - better contrast on primary */
.abt-vmp__card{padding:36px 28px;border-radius:20px}
.abt-vmp__card--primary{background:linear-gradient(135deg,var(--c1),#ff6b9d);border:none;box-shadow:var(--sp)}
.abt-vmp__card--primary:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(219,22,110,.35)}
.abt-vmp__card--primary p{color:rgba(255,255,255,.9);font-size:14px}
.abt-vmp__card--primary .abt-vmp__icon{background:rgba(255,255,255,.2);width:60px;height:60px}
.abt-vmp__card--primary .abt-vmp__icon i{font-size:26px}
.abt-vmp__icon{width:60px;height:60px}
.abt-vmp__icon i{font-size:26px}
.abt-vmp__card h3{font-size:18px;margin-bottom:10px}
.abt-vmp__card p{font-size:14px;line-height:1.9}

/* Timeline fix - better spacing and alignment */
.abt-tl{padding-right:50px;max-width:660px}
.abt-tl::before{right:19px;width:3px;background:linear-gradient(to bottom,var(--c1),var(--c1s))}
.abt-tl__dot{right:-50px;width:40px;height:40px;font-size:12px;font-weight:800;border:4px solid var(--bg2);box-shadow:var(--s2)}
.abt-tl__card{padding:20px 24px;border-radius:var(--rl);border:none;box-shadow:var(--s2);background:var(--bg)}
.abt-tl__card h4{font-size:16px;margin-bottom:6px}
.abt-tl__card p{font-size:14px;line-height:1.7}
.abt-tl__item{padding-bottom:24px}
.abt-tl__item::before{content:'';position:absolute;right:-34px;top:40px;width:16px;height:2px;background:var(--bd)}
@media(max-width:575px){.abt-tl{padding-right:44px}.abt-tl__dot{right:-44px;width:34px;height:34px}.abt-tl__item::before{right:-28px;width:12px}}

/* Values fix - bigger icons, better grid */
.abt-values__grid{grid-template-columns:repeat(3,1fr);gap:20px}
.abt-val{padding:32px 20px;border-radius:20px}
.abt-val__icon{width:56px;height:56px;margin-bottom:14px}
.abt-val__icon i{font-size:24px}
.abt-val h4{font-size:16px;margin-bottom:6px}
.abt-val p{font-size:13px;line-height:1.7}

/* CEO section */
.abt-ceo{padding:56px 0;background:var(--bg)}

/* Services */
.abt-services{padding:56px 0;background:var(--bg2)}
.abt-services__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.abt-svc{text-align:center;padding:28px 16px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);transition:all var(--t)}
.abt-svc:hover{border-color:var(--c1);box-shadow:var(--s2);transform:translateY(-3px)}
.abt-svc__icon{width:52px;height:52px;border-radius:50%;background:var(--c1s);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all var(--t)}
.abt-svc:hover .abt-svc__icon{background:var(--c1)}
.abt-svc:hover .abt-svc__icon i{color:#fff}
.abt-svc__icon i{font-size:22px;color:var(--c1);transition:color var(--t)}
.abt-svc h4{font-size:14px;color:var(--c2);margin-bottom:4px}
.abt-svc p{font-size:12px;color:var(--tx2);margin:0;line-height:1.6}
@media(max-width:991px){.abt-services__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575px){.abt-services__grid{grid-template-columns:repeat(2,1fr)}}

/* SVG icon fixes for services + values */
.abt-svc__icon svg,.abt-val__icon svg{transition:all var(--t)}
.abt-svc:hover .abt-svc__icon svg{fill:#fff}
.abt-val:hover .abt-val__icon svg{fill:#fff}

/* SVG image icons in services + values */
.abt-svc__icon img,.abt-val__icon img{width:32px;height:32px;object-fit:contain;transition:filter var(--t)}
.abt-svc:hover .abt-svc__icon img,.abt-val:hover .abt-val__icon img{filter:brightness(0) invert(1)}

/* ═══════════════════════════════════════════════
   PRODUCT CARD — v5 actions row
   ═══════════════════════════════════════════════ */
.product-card__actions{display:flex;gap:8px;margin-top:auto}
.product-card__cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;background:var(--c2);color:#fff;border-radius:var(--r);font-size:13px;font-weight:500;transition:all var(--t);border:none;cursor:pointer;text-decoration:none}
.product-card__cart-btn:hover{background:var(--c1);color:#fff}
.product-card__cart-btn svg{flex-shrink:0}
.product-card__cart-btn--disabled{background:var(--bg3);color:var(--tx3);cursor:not-allowed}
.product-card__cart-btn--disabled:hover{background:var(--bg3);color:var(--tx3)}

/* Wishlist/fav button */
.product-card__fav{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r);border:1.5px solid var(--bd);background:var(--bg);color:var(--tx3);cursor:pointer;transition:all var(--t);padding:0}
.product-card__fav:hover{border-color:var(--c1);color:var(--c1);background:var(--c1s)}
.product-card__fav.is-liked{border-color:var(--c1);color:var(--c1);background:var(--c1s)}
.product-card__fav.is-liked svg{fill:var(--c1)}
.product-card__fav svg{transition:all var(--t)}

/* old classes compat - hide */
.product-card__wishlist{display:none}
.add-to-cart-btn,.btn-fd.btn-fd-block.btn-fd-sm.ajax_add_to_cart{display:none}

/* Cart button success state */
.product-card__cart-btn--success{background:var(--ok)!important;color:#fff!important}
.product-card__cart-btn--success svg{fill:#fff}

/* Wishlist page */
.woocommerce-wishlist .shop_table{width:100%;border-collapse:collapse}
.woocommerce-wishlist .shop_table th{background:var(--bg2);font-size:13px;font-weight:600;color:var(--tx2);padding:12px 16px;text-align:right;border-bottom:2px solid var(--bd)}
.woocommerce-wishlist .shop_table td{padding:14px 16px;border-bottom:1px solid var(--bd);vertical-align:middle;text-align:right}
.woocommerce-wishlist .shop_table .product-thumbnail img{width:70px;height:70px;object-fit:cover;border-radius:var(--r)}
.woocommerce-wishlist .shop_table .product-name a{color:var(--tx);font-weight:500;font-size:14px}
.woocommerce-wishlist .shop_table .product-name a:hover{color:var(--c1)}
.woocommerce-wishlist .shop_table .product-price{color:var(--c1);font-weight:700;font-size:15px}
.woocommerce-wishlist .shop_table .product-add-to-cart .button{background:var(--c1);color:#fff;border:none;padding:8px 20px;border-radius:var(--rp);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--t)}
.woocommerce-wishlist .shop_table .product-add-to-cart .button:hover{background:var(--c1h)}
.woocommerce-wishlist .shop_table .product-remove a{color:var(--tx3);font-size:18px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all var(--t)}
.woocommerce-wishlist .shop_table .product-remove a:hover{background:#fef2f2;color:var(--err)}
.wishlist-title{margin-bottom:20px}
.wishlist-title h2{font-size:1.4rem;color:var(--c2)}
.wishlist_table .wishlist-empty{text-align:center;padding:48px 20px;color:var(--tx3);font-size:15px}
@media(max-width:767px){
    .woocommerce-wishlist .shop_table thead{display:none}
    .woocommerce-wishlist .shop_table tr{display:flex;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--bd);gap:8px;align-items:center}
    .woocommerce-wishlist .shop_table td{border:none;padding:4px 8px}
}

/* Hide old button styles that conflict */
.product-card .btn-fd.btn-fd-block{display:none!important}
.product-card .add-to-cart-btn{display:none!important}

/* ═══════════════════════════════════════════════
   WISHLIST PAGE + YITH OVERRIDES
   ═══════════════════════════════════════════════ */

/* Hide YITH defaults we don't need */
.yith-wcwl-share,.yith_wcwl_wishlist_footer .yith-wcwl-share,
.yith-wcwl-add-to-wishlist .feedback,.yith-wcwl-add-to-wishlist{display:none!important}

/* Wishlist page title */
.wishlist-title-container h2,.yith-wcwl-wishlist-title{font-size:1.4rem;color:var(--c2);margin-bottom:20px;text-align:right}

/* Wishlist table */
.wishlist_table{width:100%;border-collapse:collapse;border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden}
.wishlist_table thead th{background:var(--bg2);font-size:12px;font-weight:600;color:var(--tx2);padding:12px 16px;text-align:right;border-bottom:2px solid var(--bd)}
.wishlist_table tbody td{padding:14px 16px;border-bottom:1px solid var(--bd);vertical-align:middle;text-align:right;font-size:14px}
.wishlist_table tbody tr:last-child td{border-bottom:none}
.wishlist_table tbody tr:hover{background:var(--bg2)}

/* Product thumbnail in wishlist */
.wishlist_table .product-thumbnail img{width:64px;height:64px;object-fit:cover;border-radius:var(--r)}
.wishlist_table .product-thumbnail a{display:block}

/* Product name */
.wishlist_table .product-name a{color:var(--tx);font-weight:500;font-size:14px;text-decoration:none}
.wishlist_table .product-name a:hover{color:var(--c1)}

/* Price */
.wishlist_table .product-price{color:var(--c1);font-weight:700;font-size:15px}
.wishlist_table .product-price .amount{color:var(--c1)}
.wishlist_table .product-price del{color:var(--tx3);font-size:12px}
.wishlist_table .product-price ins{text-decoration:none}

/* Stock status */
.wishlist_table .product-stock-status span.wishlist-in-stock{color:var(--ok);font-size:13px}
.wishlist_table .product-stock-status span.wishlist-out-of-stock{color:var(--err);font-size:13px}

/* Add to cart button in wishlist */
.wishlist_table .product-add-to-cart a.button,.wishlist_table .product-add-to-cart .button{
    background:var(--c1)!important;color:#fff!important;border:none!important;
    padding:8px 20px!important;border-radius:var(--rp)!important;
    font-size:13px!important;font-weight:500!important;cursor:pointer;
    transition:all var(--t)!important;display:inline-block!important;
    text-decoration:none!important;font-family:'Rubik',sans-serif!important;
}
.wishlist_table .product-add-to-cart a.button:hover{background:var(--c1h)!important}

/* Remove button */
.wishlist_table .product-remove a,.wishlist_table .remove_from_wishlist{
    color:var(--tx3)!important;font-size:20px!important;display:inline-flex!important;
    align-items:center;justify-content:center;width:32px;height:32px;
    border-radius:50%;transition:all var(--t);text-decoration:none!important;
    background:transparent!important;border:none!important;
}
.wishlist_table .product-remove a:hover,.wishlist_table .remove_from_wishlist:hover{
    background:#fef2f2!important;color:var(--err)!important;
}

/* Empty wishlist */
.wishlist-empty,.yith-wcwl-empty{text-align:center;padding:48px 20px;color:var(--tx3);font-size:15px}

/* Hide stock column + checkbox on mobile */
@media(max-width:767px){
    .wishlist_table thead{display:none}
    .wishlist_table tbody tr{display:flex;flex-wrap:wrap;padding:14px;border-bottom:1px solid var(--bd);gap:8px;align-items:center}
    .wishlist_table tbody td{border:none;padding:4px}
    .wishlist_table .product-checkbox,.wishlist_table .product-stock-status{display:none}
    .wishlist_table .product-thumbnail{width:64px}
    .wishlist_table .product-name{flex:1;min-width:0}
}

/* WC notices - auto-dismiss after showing */
.woocommerce-message,.woocommerce-info,.woocommerce-error{position:relative}

/* Hide wishlist edit title + nonce fields */
.wishlist-title-container .wishlist-title input,
.wishlist-title-container .edit-title-icon,
.wishlist-title-container .wishlist-title-with-form,
#yith_wcwl_edit_wishlist,
input[name="wishlist_id"],
.wishlist-title-container .show-title-form,
.yith-wcwl-wishlist-title-with-form{display:none!important}

/* Style YITH share section */
.yith-wcwl-share{display:flex!important;align-items:center;gap:8px;padding:16px 0;margin-top:16px;border-top:1px solid var(--bd)}
.yith-wcwl-share h4,.yith-wcwl-share .yith-wcwl-share-title{font-size:13px;font-weight:600;color:var(--c2);margin:0 0 0 8px;white-space:nowrap}
.yith-wcwl-share ul,.yith-wcwl-share .share-items{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.yith-wcwl-share li,.yith-wcwl-share a{display:flex!important}
.yith-wcwl-share a{width:34px;height:34px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--bd);color:var(--tx3);font-size:15px;transition:all var(--t);text-decoration:none}
.yith-wcwl-share a:hover{transform:translateY(-2px)}
.yith-wcwl-share a.facebook:hover,.yith-wcwl-share a[href*="facebook"]:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.yith-wcwl-share a.twitter:hover,.yith-wcwl-share a[href*="twitter"]:hover,.yith-wcwl-share a[href*="x.com"]:hover{background:#000;color:#fff;border-color:#000}
.yith-wcwl-share a.whatsapp:hover,.yith-wcwl-share a[href*="whatsapp"]:hover{background:#25d366;color:#fff;border-color:#25d366}
.yith-wcwl-share a.clipboard:hover,.yith-wcwl-share .copy-link:hover{background:var(--c2);color:#fff;border-color:var(--c2)}

/* Make YITH share icons smaller and inline */
.yith-wcwl-share a svg,.yith-wcwl-share a i{width:16px;height:16px;font-size:16px}
.yith-wcwl-share a img{width:16px;height:16px}

/* Override YITH's massive default icons */
.yith-wcwl-share li a{font-size:16px!important}
.yith-wcwl-share li a svg{width:16px!important;height:16px!important}

/* Hide YITH's own share + edit completely */
.yith-wcwl-share,.yith_wcwl_wishlist_footer .yith-wcwl-share{display:none!important}
.wishlist-title-container .show-title-form,.edit-title-icon,.wishlist-title input[type="text"]{display:none!important}
#yith_wcwl_edit_wishlist{display:none!important}

/* Our custom wishlist share */
.fd-wishlist-share{display:flex;align-items:center;gap:10px;padding:16px 0;border-top:1px solid var(--bd);margin-top:16px}
.fd-wishlist-share__label{font-size:13px;font-weight:600;color:var(--c2);white-space:nowrap}
.fd-wishlist-share__links{display:flex;gap:6px}
.fd-share-btn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--bd);color:var(--tx3);cursor:pointer;transition:all var(--t);padding:0}
.fd-share-btn:hover{transform:translateY(-2px)}
.fd-share-btn--fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.fd-share-btn--tw:hover{background:#000;color:#fff;border-color:#000}
.fd-share-btn--wa:hover{background:#25d366;color:#fff;border-color:#25d366}
.fd-share-btn--copy:hover,.fd-share-btn--copy.copied{background:var(--c2);color:#fff;border-color:var(--c2)}
.fd-share-btn--copy.copied::after{content:'✓';position:absolute;font-size:10px}

/* Kill ALL YITH wishlist title editing elements */
.show-title-form,
.hidden-title-form,
.edit-title-buttons,
.wishlist-title-with-form .show-title-form,
.wishlist-title-with-form a.btn,
.wishlist-title-container a.button,
.wishlist-title-container .hidden-title-form,
.wishlist-title-container input[name="wishlist_name"],
#yith-wcwl-icon-pencil-outline,
#yith-wcwl-icon-x-mark,
#yith-wcwl-icon-check,
.save-title-form,
.hide-title-form{display:none!important;width:0!important;height:0!important;overflow:hidden!important}

/* Make sure YITH SVG icons don't show huge */
.yith-wcwl-icon-svg{display:none!important}

/* WC Notices container */
.fd-notices{padding:10px 0}
.fd-notices:empty{display:none;padding:0}
.fd-notices .woocommerce-message,.fd-notices .woocommerce-info,.fd-notices .woocommerce-error{margin-bottom:8px}

/* ═══════════════════════════════════════════════
   PROGRESS BAR (cart + checkout)
   ═══════════════════════════════════════════════ */
.fd-progress{display:flex;align-items:center;justify-content:center;padding:24px 0;margin-bottom:24px}
.fd-progress__step{display:flex;flex-direction:column;align-items:center;gap:4px}
.fd-progress__num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--bg3);color:var(--tx3);border:2px solid var(--bd);transition:all var(--t)}
.fd-progress__label{font-size:12px;color:var(--tx3);font-weight:500}
.fd-progress__line{flex:1;max-width:80px;height:2px;background:var(--bd);margin:0 8px}
.fd-progress__step--active .fd-progress__num{background:var(--c1);color:#fff;border-color:var(--c1)}
.fd-progress__step--active .fd-progress__label{color:var(--c1);font-weight:600}
.fd-progress__step--done .fd-progress__num{background:var(--ok);color:#fff;border-color:var(--ok)}
.fd-progress__step--done .fd-progress__label{color:var(--ok)}
.fd-progress__line--done{background:var(--ok)}

/* ===== Empty Cart ===== */
.fd-empty-cart{text-align:center;padding:60px 20px 40px;max-width:680px;margin:0 auto}
.fd-empty-cart__visual{margin-bottom:24px}
.fd-empty-cart__svg{color:var(--bd);opacity:.6;animation:fd-cart-bob 3s ease-in-out infinite}
@keyframes fd-cart-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fd-empty-cart__title{font-size:26px;font-weight:700;color:var(--c2);margin:0 0 8px}
.fd-empty-cart__text{font-size:15px;color:var(--tx2);margin:0 0 4px}
.fd-empty-cart__subtext{font-size:13px;color:var(--tx3);margin:0 0 28px}
.fd-empty-cart__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.fd-empty-cart__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--rp);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--t);font-family:'Rubik',sans-serif}
.fd-empty-cart__btn--primary{background:var(--c1);color:#fff;box-shadow:0 4px 14px rgba(219,22,110,.3)}
.fd-empty-cart__btn--primary:hover{background:var(--c1h);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(219,22,110,.4)}
.fd-empty-cart__btn--ghost{background:transparent;color:var(--tx2);border:1.5px solid var(--bd)}
.fd-empty-cart__btn--ghost:hover{border-color:var(--c1);color:var(--c1)}
.fd-empty-cart__suggest{border-top:1px solid var(--bd);padding-top:32px}
.fd-empty-cart__suggest-title{font-size:16px;font-weight:600;color:var(--c2);margin:0 0 20px}
.fd-empty-cart__products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fd-empty-cart__product{text-decoration:none;background:var(--bg);border:1.5px solid var(--bg3);border-radius:var(--rl);padding:12px;transition:all var(--t);display:flex;flex-direction:column;align-items:center;gap:8px}
.fd-empty-cart__product:hover{border-color:var(--c1);box-shadow:0 4px 16px rgba(219,22,110,.08);transform:translateY(-3px)}
.fd-empty-cart__product-img{width:80px;height:80px;border-radius:var(--r);overflow:hidden}
.fd-empty-cart__product-img img{width:100%;height:100%;object-fit:cover}
.fd-empty-cart__product-name{font-size:12px;font-weight:500;color:var(--tx);text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd-empty-cart__product-price{font-size:13px;font-weight:700;color:var(--c1)}

/* ===== Order Tracking Page ===== */
.fd-track{padding:40px 0 80px}
.fd-track__inner{max-width:720px;margin:0 auto}
.fd-track__header{text-align:center;margin-bottom:28px}
.fd-track__icon{color:var(--c1);margin-bottom:12px}
.fd-track__title{font-size:26px;font-weight:700;color:var(--c2);margin:0 0 6px}
.fd-track__subtitle{font-size:14px;color:var(--tx2);margin:0}
.fd-track__form{background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--rl);padding:20px;margin-bottom:24px}
.fd-track__form-row{display:flex;gap:12px;align-items:flex-end}
.fd-track__form-group{flex:1}
.fd-track__form-group label{display:block;font-size:13px;font-weight:500;color:var(--c2);margin-bottom:5px}
.fd-track__form-group input{width:100%;padding:11px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;font-family:'Rubik',sans-serif}
.fd-track__form-group input:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.fd-track__submit{padding:11px 24px;background:var(--c1);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:500;font-family:'Rubik',sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all var(--t)}
.fd-track__submit:hover{background:var(--c1h)}
.fd-track__error{display:flex;align-items:center;gap:8px;background:#fee2e2;color:#991b1b;padding:14px 18px;border-radius:var(--r);font-size:14px;margin-bottom:20px}
.fd-track__result{animation:fd-fade-in .4s ease}
@keyframes fd-fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Timeline */
.fd-track__timeline{display:flex;align-items:flex-start;justify-content:center;margin-bottom:32px;padding:24px 16px;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--rl)}
.fd-track__step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}
.fd-track__step-dot{width:44px;height:44px;border-radius:50%;background:var(--bg3);border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--tx3);font-size:18px;transition:all .3s}
.fd-track__step--done .fd-track__step-dot{background:var(--ok);border-color:var(--ok);color:#fff}
.fd-track__step--current .fd-track__step-dot{background:var(--c1);border-color:var(--c1);color:#fff;box-shadow:0 0 0 6px var(--c1g);animation:fd-pulse 2s infinite}
@keyframes fd-pulse{0%,100%{box-shadow:0 0 0 6px var(--c1g)}50%{box-shadow:0 0 0 12px rgba(219,22,110,.05)}}
.fd-track__step-label{font-size:11px;font-weight:500;color:var(--tx3);white-space:nowrap}
.fd-track__step--done .fd-track__step-label{color:var(--ok)}
.fd-track__step--current .fd-track__step-label{color:var(--c1);font-weight:600}
.fd-track__step-line{flex:1;height:3px;background:var(--bd);margin:22px 8px 0;min-width:40px;border-radius:3px}
.fd-track__step-line--done{background:var(--ok)}
.fd-track__cancelled{display:flex;align-items:center;justify-content:center;gap:8px;background:#fee2e2;color:#991b1b;padding:14px;border-radius:var(--r);font-size:14px;font-weight:500;margin-bottom:20px}

/* Info Grid */
.fd-track__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-bottom:20px}
.fd-track__info-card{background:var(--bg);padding:16px;text-align:center}
.fd-track__info-label{display:block;font-size:11px;color:var(--tx3);margin-bottom:4px;font-weight:500}
.fd-track__info-value{font-size:14px;font-weight:600;color:var(--c2)}
.fd-track__info-value--price{color:var(--c1);font-size:16px}

/* Delivery */
.fd-track__delivery{background:var(--c1g);border:1px solid rgba(219,22,110,.12);border-radius:var(--rl);padding:18px;margin-bottom:20px}
.fd-track__section-title{font-size:14px;font-weight:600;color:var(--c2);margin:0 0 12px;display:flex;align-items:center;gap:6px}
.fd-track__section-title svg{color:var(--c1)}
.fd-track__delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}
.fd-track__delivery-grid span{display:block;font-size:10px;color:var(--tx3);margin-bottom:1px}
.fd-track__delivery-grid strong{color:var(--tx);font-size:13px}
.fd-track__delivery-full{grid-column:1/-1}

/* Items */
.fd-track__items{background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--rl);padding:18px;margin-bottom:16px}
.fd-track__item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bg3)}
.fd-track__item:last-of-type{border-bottom:none}
.fd-track__item-img{width:48px;height:48px;border-radius:var(--r);overflow:hidden;flex-shrink:0}
.fd-track__item-img img{width:100%;height:100%;object-fit:cover}
.fd-track__item-info{flex:1}
.fd-track__item-name{display:block;font-size:13px;font-weight:500;color:var(--tx)}
.fd-track__item-qty{font-size:12px;color:var(--tx3)}
.fd-track__item-total{font-size:14px;font-weight:600;color:var(--c2)}
.fd-track__totals{border-top:1px solid var(--bd);margin-top:10px;padding-top:10px}
.fd-track__total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--tx2);padding:4px 0}
.fd-track__total-row--final{border-top:2px solid var(--c2);margin-top:8px;padding-top:10px;font-size:17px;font-weight:700;color:var(--c1)}
.fd-track__payment{font-size:13px;color:var(--tx2);text-align:center}

@media(max-width:576px){
.fd-track__form-row{flex-direction:column}
.fd-track__submit{width:100%;justify-content:center}
.fd-track__timeline{flex-wrap:wrap;gap:4px}
.fd-track__step-line{min-width:20px}
.fd-track__info-grid{grid-template-columns:1fr 1fr}
.fd-track__delivery-grid{grid-template-columns:1fr}
.fd-track__step-dot{width:36px;height:36px;font-size:14px}
.fd-track__step-label{font-size:10px}
}
@media(max-width:576px){
.fd-empty-cart{padding:40px 16px 24px}
.fd-empty-cart__svg{width:80px;height:80px}
.fd-empty-cart__title{font-size:22px}
.fd-empty-cart__products{grid-template-columns:repeat(2,1fr);gap:10px}
.fd-empty-cart__product-img{width:64px;height:64px}
}

/* ═══════════════════════════════════════════════
   CART PAGE
   ═══════════════════════════════════════════════ */
.fd-cart-items__title{font-size:1.1rem;color:var(--c2);margin-bottom:16px}
.fd-cart-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--bd);border-radius:var(--rl);margin-bottom:10px;background:var(--bg);transition:all var(--t)}
.fd-cart-item:hover{border-color:var(--c1s);box-shadow:var(--s1)}
.fd-cart-item__img{width:72px;height:72px;flex-shrink:0;border-radius:var(--r);overflow:hidden}
.fd-cart-item__img img{width:100%;height:100%;object-fit:cover}
.fd-cart-item__info{flex:1;min-width:0}
.fd-cart-item__name{font-size:14px;font-weight:500;margin-bottom:2px}
.fd-cart-item__name a{color:var(--tx)}.fd-cart-item__name a:hover{color:var(--c1)}
.fd-cart-item__price{font-size:13px;color:var(--c1);font-weight:600}
.fd-cart-item__qty{width:90px;flex-shrink:0}
.fd-cart-item__qty .quantity input{width:56px;text-align:center;padding:6px;border:1px solid var(--bd);border-radius:var(--r);font-size:14px}
.fd-cart-item__subtotal{font-size:15px;font-weight:700;color:var(--c2);min-width:80px;text-align:center}
.fd-cart-item__remove .fd-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--tx3);font-size:18px;transition:all var(--t)}
.fd-cart-item__remove .fd-remove-btn:hover{background:#fef2f2;color:var(--err)}
.fd-cart-actions{display:flex;gap:8px;margin-top:12px}

/* Cart summary */
.fd-cart-summary{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:24px;position:sticky;top:80px}
.fd-cart-summary__title{font-size:1.1rem;color:var(--c2);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bd)}
.fd-cart-summary__row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--tx2)}
.fd-cart-summary__row--total{border-top:2px solid var(--bd);margin-top:8px;padding-top:12px;font-size:16px;font-weight:700;color:var(--c2)}
.fd-cart-summary__row--total span:last-child{color:var(--c1)}
.fd-cart-coupon{display:flex;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--bd)}
.fd-cart-coupon__input{flex:1;padding:8px 12px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px}
.fd-cart-summary__checkout{margin-top:16px}
.fd-cart-summary__checkout .checkout-button,.fd-cart-summary__checkout a{display:block;width:100%;text-align:center;background:var(--c1);color:#fff!important;padding:12px;border-radius:var(--rp);font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all var(--t)}
.fd-cart-summary__checkout .checkout-button:hover,.fd-cart-summary__checkout a:hover{background:var(--c1h)}

@media(max-width:767px){
    .fd-cart-item{flex-wrap:wrap;gap:10px}
    .fd-cart-item__qty,.fd-cart-item__subtotal{width:auto}
}

/* ═══════════════════════════════════════════════
   CHECKOUT PAGE
   ═══════════════════════════════════════════════ */
.fd-checkout-branch{background:var(--c1s);padding:10px 18px;border-radius:var(--r);border-right:3px solid var(--c1);margin-bottom:20px;font-size:14px}
.fd-checkout-branch__change{color:var(--c1);margin-right:8px;text-decoration:underline;font-size:13px}
.fd-checkout-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-bottom:20px}
.fd-checkout-card__title{font-size:1rem;color:var(--c2);padding:18px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:6px;margin:0;background:var(--bg2)}
.fd-checkout-card__title i{color:var(--c1);font-size:18px}
.fd-checkout-card__body{padding:20px}
.fd-checkout-review{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;position:sticky;top:80px}
.fd-checkout-review__title{font-size:1rem;color:var(--c2);padding:18px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:6px;margin:0;background:var(--bg2)}
.fd-checkout-review__title i{color:var(--c1);font-size:18px}
.fd-checkout-review #order_review{padding:16px 20px}
.fd-checkout-secure{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:var(--bg2);font-size:12px;color:var(--tx3);border-top:1px solid var(--bd)}
.fd-checkout-secure i{color:var(--ok);font-size:16px}

/* ═══════════════════════════════════════════════
   MY ACCOUNT — MODERN DASHBOARD
   ═══════════════════════════════════════════════ */
.fd-account__hero{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);margin-bottom:20px}
.fd-account__avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--bd)}
.fd-account__info h2{font-size:1.2rem;color:var(--c2);margin-bottom:2px}
.fd-account__info p{font-size:13px;color:var(--tx2);margin:0}
.fd-account__branch{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--c1);margin-top:4px}

.fd-account__actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:24px}
.fd-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 12px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);text-align:center;transition:all var(--t);color:var(--tx2);text-decoration:none}
.fd-action-card:hover{border-color:var(--c1);box-shadow:var(--s2);transform:translateY(-2px);color:var(--c1)}
.fd-action-card i{font-size:28px;color:var(--c1)}
.fd-action-card span{font-size:14px;font-weight:500}
.fd-action-card--danger:hover{border-color:var(--err);color:var(--err)}
.fd-action-card--danger i{color:var(--err)}

.fd-account__back{margin-bottom:16px}
.fd-account__back a{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--c1);font-weight:500}

.fd-account__content{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:24px}

/* === Dashboard Summary Cards === */
.fd-dashboard .summary-card__value--sm{font-size:14px}
.fd-recent-orders__title{font-size:16px;font-weight:600;color:var(--c2);margin:0 0 12px;display:flex;align-items:center;gap:6px}
.fd-recent-orders__title i{color:var(--c1)}
.fd-orders-table{width:100%;border-collapse:collapse;font-size:13px}
.fd-orders-table thead th{background:var(--bg3);padding:10px 14px;text-align:right;font-weight:600;color:var(--tx2);font-size:12px}
.fd-orders-table tbody td{padding:10px 14px;border-bottom:1px solid var(--bg3)}
.fd-orders-table tbody td a{color:var(--c1);font-weight:600;text-decoration:none}
.fd-no-orders{text-align:center;padding:40px 20px}
.fd-no-orders__icon{font-size:48px;color:var(--bd);margin-bottom:12px}

/* === Orders List (my-account/orders) === */
.fd-orders{display:flex;flex-direction:column;gap:12px}
.fd-order-card{display:block;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--rl);overflow:hidden;text-decoration:none;transition:all var(--t)}
.fd-order-card:hover{border-color:var(--c1);box-shadow:var(--s2);transform:translateY(-2px)}
.fd-order-card__top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--bg3)}
.fd-order-card__num{font-size:15px;font-weight:700;color:var(--c2)}
.fd-order-card__date{font-size:12px;color:var(--tx3);margin-right:8px}
.fd-order-card__items{display:flex;align-items:center;gap:8px;padding:12px 18px}
.fd-order-card__thumb{width:44px;height:44px;border-radius:var(--r);overflow:hidden;flex-shrink:0;border:1px solid var(--bg3)}
.fd-order-card__thumb img{width:100%;height:100%;object-fit:cover}
.fd-order-card__thumb--more{display:flex;align-items:center;justify-content:center;background:var(--bg3);color:var(--tx2);font-size:12px;font-weight:600}
.fd-order-card__summary{margin-right:auto;font-size:13px;color:var(--tx2)}
.fd-order-card__summary span{display:block}
.fd-order-card__branch{font-size:11px;color:var(--c1)}
.fd-order-card__bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--bg2);border-top:1px solid var(--bg3)}
.fd-order-card__total{font-size:16px;font-weight:700;color:var(--c1)}
.fd-order-card__arrow{color:var(--tx3)}
.fd-orders-pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}
.fd-orders-pagination__btn{padding:8px 20px;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--rp);font-size:13px;color:var(--tx2);text-decoration:none;transition:all var(--t)}
.fd-orders-pagination__btn:hover{border-color:var(--c1);color:var(--c1)}

/* === Status Badges === */
.fd-status{display:inline-block;padding:4px 12px;border-radius:var(--rp);font-size:11px;font-weight:600;white-space:nowrap}
.fd-status--lg{font-size:13px;padding:6px 16px}
.fd-status--pending{background:#fef3c7;color:#92400e}
.fd-status--processing{background:#dbeafe;color:#1d4ed8}
.fd-status--on-hold{background:#ede9fe;color:#6d28d9}
.fd-status--completed{background:#dcfce7;color:#166534}
.fd-status--cancelled{background:#fee2e2;color:#991b1b}
.fd-status--refunded{background:#f3f4f6;color:#6b7280}
.fd-status--failed{background:#fee2e2;color:#dc2626}
.fd-status--on-the-way{background:#ffedd5;color:#c2410c}
.status-badge--on-the-way{background:#ffedd5;color:#c2410c}

/* === View Order Detail === */
.fd-view-order__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.fd-view-order__title{font-size:20px;font-weight:700;color:var(--c2);margin:0}
.fd-view-order__date{font-size:12px;color:var(--tx3)}
.fd-view-order__delivery{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--c1g);border:1px solid rgba(219,22,110,.15);border-radius:var(--rl);padding:16px;margin-bottom:20px}
.fd-view-order__info-item{display:flex;align-items:flex-start;gap:8px;font-size:13px}
.fd-view-order__info-item--full{grid-column:1/-1}
.fd-view-order__info-item svg{color:var(--c1);flex-shrink:0;margin-top:2px}
.fd-view-order__info-label{display:block;font-size:11px;color:var(--tx3);margin-bottom:1px}
.fd-view-order__section{margin-bottom:20px}
.fd-view-order__section-title{font-size:15px;font-weight:600;color:var(--c2);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--bd)}
.fd-view-order__item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bg3)}
.fd-view-order__item:last-child{border-bottom:none}
.fd-view-order__item-img{width:50px;height:50px;border-radius:var(--r);overflow:hidden;flex-shrink:0}
.fd-view-order__item-img img{width:100%;height:100%;object-fit:cover}
.fd-view-order__item-info{flex:1}
.fd-view-order__item-name{display:block;font-size:14px;font-weight:500;color:var(--tx)}
.fd-view-order__item-qty{font-size:12px;color:var(--tx3)}
.fd-view-order__item-total{font-size:14px;font-weight:700;color:var(--c2)}
.fd-view-order__totals{background:var(--bg2);border-radius:var(--r);padding:14px 18px;margin-bottom:20px}
.fd-view-order__total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--tx2);padding:5px 0}
.fd-view-order__total-row--final{border-top:2px solid var(--c2);margin-top:8px;padding-top:10px;font-size:17px;font-weight:700;color:var(--c1)}
.fd-view-order__customer{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fd-view-order__note{background:var(--bg2);border-radius:var(--r);padding:14px;font-size:13px;color:var(--tx2);line-height:1.7}

/* === Edit Account Form === */
.fd-edit-account__title{font-size:18px;font-weight:600;color:var(--c2);margin:0 0 20px;display:flex;align-items:center;gap:8px}
.fd-edit-account__title svg{color:var(--c1)}
.fd-edit-account__password{margin-top:24px;padding-top:20px;border-top:1px solid var(--bd)}
.fd-edit-account__subtitle{font-size:15px;font-weight:600;color:var(--c2);margin:0 0 4px;display:flex;align-items:center;gap:6px}
.fd-edit-account__subtitle svg{color:var(--c1)}
.fd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fd-form-group{margin-bottom:16px}
.fd-form-group label{display:block;font-size:13px;font-weight:500;color:var(--c2);margin-bottom:5px}
.fd-form-group label .required{color:var(--c1)}
.fd-form-input{width:100%;padding:11px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;font-family:'Rubik',sans-serif;color:var(--tx);transition:border-color var(--t)}
.fd-form-input:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.fd-form-hint{display:block;font-size:11px;color:var(--tx3);margin-top:4px}
.fd-form-actions{margin-top:8px}
.fd-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;border-radius:var(--rp);font-size:14px;font-weight:500;font-family:'Rubik',sans-serif;cursor:pointer;border:none;transition:all var(--t)}
.fd-btn--primary{background:var(--c1);color:#fff}
.fd-btn--primary:hover{background:var(--c1h)}

/* === Empty State (reusable) === */
.fd-empty-state{text-align:center;padding:48px 20px}
.fd-empty-state svg{color:var(--bd);margin-bottom:12px}
.fd-empty-state h3{font-size:18px;color:var(--c2);margin:0 0 6px}
.fd-empty-state p{font-size:13px;color:var(--tx2);margin:0 0 16px}
.fd-empty-state__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--c1);color:#fff;border-radius:var(--rp);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--t)}
.fd-empty-state__btn:hover{background:var(--c1h);color:#fff}

/* === WC default form styling inside account === */
.fd-account__content .woocommerce-address-fields .form-row{margin-bottom:14px}
.fd-account__content .woocommerce-address-fields label{display:block;font-size:13px;font-weight:500;color:var(--c2);margin-bottom:5px}
.fd-account__content .woocommerce-address-fields input.input-text,.fd-account__content .woocommerce-address-fields select{width:100%;padding:11px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;font-family:'Rubik',sans-serif}
.fd-account__content .woocommerce-address-fields input.input-text:focus,.fd-account__content .woocommerce-address-fields select:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.fd-account__content .woocommerce-address-fields .button{background:var(--c1);color:#fff;border:none;padding:11px 24px;border-radius:var(--rp);font-size:14px;font-weight:500;font-family:'Rubik',sans-serif;cursor:pointer;transition:all var(--t)}
.fd-account__content .woocommerce-address-fields .button:hover{background:var(--c1h)}
.fd-account__content .woocommerce-Addresses .woocommerce-Address{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rl);padding:18px;margin-bottom:12px}
.fd-account__content .woocommerce-Addresses .woocommerce-Address-title h3{font-size:15px;font-weight:600;margin:0 0 8px;color:var(--c2)}
.fd-account__content .woocommerce-Addresses .woocommerce-Address-title .edit{color:var(--c1);font-size:13px;text-decoration:none}
.fd-account__content .woocommerce-Addresses address{font-size:13px;line-height:1.8;color:var(--tx2);font-style:normal}

@media(max-width:576px){
.fd-order-card__items{flex-wrap:wrap}
.fd-view-order__header{flex-direction:column;gap:8px;align-items:flex-start}
.fd-view-order__delivery{grid-template-columns:1fr}
.fd-view-order__customer{grid-template-columns:1fr}
.fd-form-grid{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════
   AUTH PAGES FIX (login, register, forgot)
   ═══════════════════════════════════════════════ */
.auth-page{padding:40px 0;min-height:60vh;display:flex;align-items:center}
.auth-page .container{max-width:460px}
.auth-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--s2)}
.auth-card__header{text-align:center;padding:28px 28px 0}
.auth-card__logo img{max-height:48px;margin:0 auto 14px}
.auth-card__title{font-size:1.4rem;color:var(--c2);margin-bottom:4px}
.auth-card__subtitle{color:var(--tx2);font-size:14px;margin-bottom:0}
.auth-card__body{padding:24px 28px}
.auth-field{margin-bottom:16px}
.auth-field__label{display:block;font-size:13px;font-weight:500;color:var(--tx);margin-bottom:6px}
.auth-field__input-wrap{position:relative}
.auth-field__icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:16px;pointer-events:none}
.auth-field__input{width:100%;padding:12px 40px 12px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;transition:border var(--t);text-align:right;background:var(--bg);font-family:'Rubik',sans-serif!important}
.auth-field__input:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.auth-btn{display:block;width:100%;padding:13px;background:var(--c1);color:#fff;border:none;border-radius:var(--rp);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--t);font-family:'Rubik',sans-serif!important;margin-top:8px}
.auth-btn:hover{background:var(--c1h)}
.auth-card__footer{padding:16px 28px 24px;text-align:center;border-top:1px solid var(--bd);background:var(--bg2)}
.auth-card__links{display:flex;justify-content:center;gap:16px}
.auth-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--c1);font-weight:500;transition:color var(--t)}
.auth-msg{padding:10px 16px;border-radius:var(--r);font-size:13px;margin-bottom:14px;text-align:center;animation:fd-fade-in .3s ease}
.auth-msg--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.auth-msg--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.auth-link:hover{color:var(--c1h)}
.auth-link i{font-size:15px}

/* OTP digits in auth */
.otp-form-wrapper .otp-digits{direction:ltr;display:flex;gap:8px;justify-content:center;margin:20px 0}
.otp-form-wrapper .otp-digit{width:46px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--bd);border-radius:var(--r);outline:0;transition:border var(--t);background:var(--bg2);color:var(--c2)}
.otp-form-wrapper .otp-digit:focus{border-color:var(--c1);box-shadow:0 0 0 3px var(--c1g);background:var(--bg)}
.otp-resend-wrap{text-align:center;margin-bottom:12px}

/* Remove breadcrumb + page title on auth pages */
.woocommerce-account .breadcrumbs_area,.woocommerce-account .page_title{display:none}

/* ═══════════════════════════════════════════════
   SHOP FILTERS FIX
   ═══════════════════════════════════════════════ */
.shop-filters{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:20px;margin-bottom:24px}
.shop-filters__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}
.shop-filters__group{flex:1;min-width:160px}
.shop-filters__group label{display:block;font-size:12px;font-weight:600;color:var(--c2);margin-bottom:6px}
.shop-filters__cats{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:0}
.shop-filters__cat{display:inline-block;padding:5px 14px;border-radius:var(--rp);font-size:13px;color:var(--tx2);background:var(--bg3);border:1px solid transparent;transition:all var(--t);text-decoration:none}
.shop-filters__cat:hover,.shop-filters__cat--active{background:var(--c1);color:#fff;border-color:var(--c1)}
.shop-filters__price{display:flex;gap:6px;align-items:center}
.shop-filters__price input{width:90px;padding:8px 10px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px;text-align:center}
.shop-filters__price span{color:var(--tx3);font-size:12px}
.shop-filters__sort select{width:100%;padding:8px 12px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px;background:var(--bg);font-family:'Rubik',sans-serif!important}
.shop-filters__submit{padding:8px 24px}
.shop-results{font-size:13px;color:var(--tx3);margin-bottom:16px}
@media(max-width:767px){.shop-filters__row{flex-direction:column}.shop-filters__group{min-width:100%}}

/* ═══════════════════════════════════════════════
   SINGLE PRODUCT FIX
   ═══════════════════════════════════════════════ */
.product-info-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:28px}
.product-info-card h2{font-size:1.5rem;color:var(--c2);margin-bottom:8px}
.product-info-card .price_box{margin-bottom:12px}
.product-info-card .price_box .current_price{font-size:24px}
.product_short_desc{color:var(--tx2);line-height:1.8;font-size:15px;margin-bottom:20px}
.product-add-row{display:flex;gap:12px;align-items:center}
.product-add-row .pro-qty{flex-shrink:0}
.product-add-row .btn-fd{flex:1}
.product-unavailable-notice{background:#fff8e1;padding:10px 16px;border-radius:var(--r);border:1px solid #ffecb3;color:#856404;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:6px}
.product_meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--bd)}
.product_meta p{font-size:13px;color:var(--tx2);margin-bottom:4px;display:flex;align-items:center;gap:4px}
.product_meta p i{color:var(--c1);font-size:15px}
.product_meta a{color:var(--c1)}

/* Gallery fix */
.product_details_gallery{margin-bottom:20px}
.product_details_gallery img{border-radius:var(--rl);width:100%}
.product_gallery_main_img img{border-radius:var(--rl)}

/* Trust badges */
.trust-badges{display:flex;gap:10px;margin:24px 0;padding:20px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.trust-badge{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r);background:var(--bg2);font-size:13px;font-weight:500;color:var(--tx2)}
.trust-badge i{font-size:20px;color:var(--c1)}
@media(max-width:767px){.trust-badges{flex-direction:column}}

/* ═══════════════════════════════════════════════
   CHECKOUT FIX
   ═══════════════════════════════════════════════ */
.fd-checkout-branch{background:var(--c1s);padding:10px 18px;border-radius:var(--r);border-right:3px solid var(--c1);margin-bottom:20px;font-size:14px}
.fd-checkout-branch__change{color:var(--c1);margin-right:8px;text-decoration:underline;font-size:13px}
.fd-checkout-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-bottom:20px}
.fd-checkout-card__title{font-size:1rem;color:var(--c2);padding:16px 20px;border-bottom:1px solid var(--bd);margin:0;background:var(--bg2);display:flex;align-items:center;gap:6px}
.fd-checkout-card__title i{color:var(--c1);font-size:18px}
.fd-checkout-card__body{padding:20px}
.fd-checkout-card__body .form-row{margin-bottom:14px}
.fd-checkout-card__body label{font-size:13px;font-weight:500;margin-bottom:4px}
.fd-checkout-card__body input,.fd-checkout-card__body select,.fd-checkout-card__body textarea{padding:10px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;width:100%}
.fd-checkout-card__body input:focus,.fd-checkout-card__body select:focus{border-color:var(--c1);box-shadow:0 0 0 3px var(--c1g)}
.fd-checkout-review{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;position:sticky;top:80px}
.fd-checkout-review__title{font-size:1rem;color:var(--c2);padding:16px 20px;border-bottom:1px solid var(--bd);margin:0;background:var(--bg2);display:flex;align-items:center;gap:6px}
.fd-checkout-review__title i{color:var(--c1);font-size:18px}
.fd-checkout-review #order_review{padding:16px 20px}
.fd-checkout-review .shop_table{width:100%;border-collapse:collapse}
.fd-checkout-review .shop_table th{font-size:12px;font-weight:600;color:var(--tx2);padding:8px 0;text-align:right;border-bottom:1px solid var(--bd)}
.fd-checkout-review .shop_table td{padding:8px 0;font-size:14px;border-bottom:1px solid var(--bd)}
.fd-checkout-review .order-total td{font-weight:700;color:var(--c1);font-size:16px}
.fd-checkout-review #payment{padding:16px 20px;border-top:1px solid var(--bd)}
.fd-checkout-review #payment .place-order .button{width:100%;padding:14px;font-size:15px;background:var(--c1);color:#fff;border:none;border-radius:var(--rp);font-weight:600;cursor:pointer;transition:all var(--t)}
.fd-checkout-review #payment .place-order .button:hover{background:var(--c1h)}
.fd-checkout-review .woocommerce-privacy-policy-text{font-size:12px;color:var(--tx3);line-height:1.6;margin-bottom:12px}
.fd-checkout-secure{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:var(--bg2);font-size:12px;color:var(--tx3);border-top:1px solid var(--bd)}
.fd-checkout-secure i{color:var(--ok);font-size:16px}

/* ===== Thank You Page ===== */
.fd-thankyou{max-width:680px;margin:0 auto;padding:0 20px 60px}
.fd-thankyou__header{text-align:center;padding:32px 0 28px}
.fd-thankyou__check{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px rgba(34,197,94,.3);animation:fd-ty-pop .5s ease}
@keyframes fd-ty-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
.fd-thankyou__title{font-size:24px;font-weight:700;color:var(--c2);margin:0 0 6px}
.fd-thankyou__subtitle{font-size:14px;color:var(--tx2);margin:0}
.fd-thankyou__info{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-bottom:24px}
.fd-thankyou__info-item{background:var(--bg);padding:16px;text-align:center}
.fd-thankyou__info-label{display:block;font-size:11px;color:var(--tx3);margin-bottom:4px;text-transform:uppercase;font-weight:500}
.fd-thankyou__info-value{font-size:14px;font-weight:600;color:var(--c2)}
.fd-thankyou__info-value--price{color:var(--c1);font-size:16px}
.fd-thankyou__section-title{font-size:15px;font-weight:600;color:var(--c2);margin:0 0 14px;display:flex;align-items:center;gap:6px}
.fd-thankyou__section-title svg{color:var(--c1)}
.fd-thankyou__delivery{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:20px;margin-bottom:20px}
.fd-thankyou__delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fd-thankyou__delivery-item{display:flex;flex-direction:column;gap:2px}
.fd-thankyou__delivery-item--full{grid-column:1/-1}
.fd-thankyou__delivery-label{font-size:11px;color:var(--tx3);font-weight:500}
.fd-thankyou__delivery-value{font-size:13px;color:var(--tx);font-weight:500}
.fd-thankyou__items{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:20px;margin-bottom:24px}
.fd-thankyou__item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bg3)}
.fd-thankyou__item:last-of-type{border-bottom:none}
.fd-thankyou__item-img{width:50px;height:50px;border-radius:var(--r);overflow:hidden;flex-shrink:0}
.fd-thankyou__item-img img{width:100%;height:100%;object-fit:cover}
.fd-thankyou__item-info{flex:1}
.fd-thankyou__item-name{display:block;font-size:13px;font-weight:500;color:var(--tx)}
.fd-thankyou__item-qty{font-size:12px;color:var(--tx3)}
.fd-thankyou__item-total{font-size:14px;font-weight:600;color:var(--c2);white-space:nowrap}
.fd-thankyou__totals{border-top:1px solid var(--bd);margin-top:12px;padding-top:12px}
.fd-thankyou__total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--tx2);padding:4px 0}
.fd-thankyou__total-row--final{border-top:2px solid var(--c2);margin-top:8px;padding-top:10px;font-size:16px;font-weight:700;color:var(--c1)}
.fd-thankyou__total-row--final span:last-child{color:var(--c1)}
.fd-thankyou__actions{display:flex;gap:12px;justify-content:center}
.fd-thankyou__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--rp);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--t);font-family:'Rubik',sans-serif}
.fd-thankyou__btn--primary{background:var(--c1);color:#fff;box-shadow:0 4px 14px rgba(219,22,110,.25)}
.fd-thankyou__btn--primary:hover{background:var(--c1h);color:#fff;transform:translateY(-2px)}
.fd-thankyou__btn--ghost{background:transparent;color:var(--tx2);border:1.5px solid var(--bd)}
.fd-thankyou__btn--ghost:hover{border-color:var(--c1);color:var(--c1)}
@media(max-width:576px){
.fd-thankyou__info{grid-template-columns:1fr 1fr}
.fd-thankyou__delivery-grid{grid-template-columns:1fr}
.fd-thankyou__actions{flex-direction:column}
.fd-thankyou__btn{justify-content:center}
}

/* ═══════════════════════════════════════════════
   WC FORM FIELDS GLOBAL FIX
   ═══════════════════════════════════════════════ */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout #billing_country_field select,
.woocommerce-checkout #billing_state_field select{
    padding:11px 14px!important;border:1.5px solid var(--bd)!important;border-radius:var(--r)!important;
    font-size:14px!important;width:100%!important;background:var(--bg)!important;
    font-family:'Rubik',sans-serif!important;transition:border var(--t)!important;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus{border-color:var(--c1)!important;box-shadow:0 0 0 3px var(--c1g)!important}
.woocommerce-checkout .form-row label{font-size:13px!important;font-weight:500!important;color:var(--tx)!important;margin-bottom:4px!important}
.select2-container--default .select2-selection--single{padding:8px 12px!important;border:1.5px solid var(--bd)!important;border-radius:var(--r)!important;height:auto!important;font-size:14px!important}

/* ═══════════════════════════════════════════════
   SHOP PAGE — v5 MODERN
   ═══════════════════════════════════════════════ */

/* Header */
.shop-header{background:linear-gradient(135deg,var(--c1s),#fff5f8,#fff);padding:32px 0;margin-bottom:0;border-bottom:1px solid var(--bd)}
.shop-header__title{font-size:1.6rem;color:var(--c2);margin-bottom:4px}
.shop-header__subtitle{color:var(--tx2);font-size:14px;margin:0}

/* Filters bar */
.shop-filters{background:var(--bg);border-bottom:1px solid var(--bd);padding:16px 0;position:sticky;top:60px;z-index:50}
.shop-filters__form{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* Category pills */
.shop-filters__cats{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.shop-filters__pill{display:inline-block;padding:6px 16px;border-radius:var(--rp);font-size:13px;font-weight:500;color:var(--tx2);background:var(--bg3);border:1px solid var(--bd);transition:all var(--t);text-decoration:none;white-space:nowrap}
.shop-filters__pill:hover{border-color:var(--c1);color:var(--c1)}
.shop-filters__pill.active{background:var(--c1);color:#fff;border-color:var(--c1)}

/* Price filter */
.shop-filters__price{display:flex;align-items:center;gap:6px}
.shop-filters__label{font-size:12px;font-weight:600;color:var(--c2);white-space:nowrap}
.shop-filters__input{width:80px;padding:7px 10px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px;text-align:center;background:var(--bg);transition:border var(--t)}
.shop-filters__input:focus{border-color:var(--c1);outline:0}
.shop-filters__sep{color:var(--tx3);font-size:12px}

/* Sort */
.shop-filters__sort{min-width:0}
.shop-filters__select{padding:7px 12px;border:1px solid var(--bd);border-radius:var(--r);font-size:13px;background:var(--bg);font-family:'Rubik',sans-serif!important;color:var(--tx);cursor:pointer;min-width:120px}
.shop-filters__select:focus{border-color:var(--c1);outline:0}

/* Submit */
.shop-filters__submit{margin:0}
.shop-filters__submit .btn-fd{padding:7px 20px;font-size:13px}

/* Results count */
.shop-toolbar{padding:4px 0}
.shop-toolbar__results{font-size:13px;color:var(--tx3)}

/* Grid */
.shop-grid{margin:0 -8px}
.shop-grid .col-lg-3{padding:0 8px}

/* Empty state */
.shop-empty{padding:60px 20px}
.shop-empty__icon{font-size:48px;color:var(--bd);display:block;margin-bottom:12px}
.shop-empty h3{color:var(--c2);margin-bottom:4px}
.shop-empty p{color:var(--tx3);font-size:14px}

@media(max-width:767px){
    .shop-filters{position:static}
    .shop-filters__form{flex-direction:column;align-items:stretch}
    .shop-filters__cats{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px}
    .shop-filters__price{width:100%}
    .shop-filters__input{flex:1}
    .shop-filters__sort{width:100%}
    .shop-filters__select{width:100%}
}

/* ═══════════════════════════════════════════════
   WC PRODUCT REVIEWS — STAR RATING FIX
   ═══════════════════════════════════════════════ */

/* Star rating selector (clickable stars) */
.comment-form-rating{margin-bottom:16px}
.comment-form-rating label{font-size:14px;font-weight:600;color:var(--c2);margin-bottom:8px;display:block}
.comment-form-rating select{display:none!important}
.comment-form-rating p.stars{display:block;margin:0 0 8px;direction:ltr;line-height:1;overflow:hidden;height:32px}
.comment-form-rating p.stars span{display:inline-flex;gap:0}
.comment-form-rating p.stars a{display:inline-block;width:32px;height:32px;font-size:0!important;line-height:0!important;text-indent:-9999px;overflow:hidden;position:relative;text-decoration:none!important;color:transparent!important}
.comment-form-rating p.stars a::before{content:'★';font-size:26px;line-height:32px;color:var(--bd);position:absolute;top:0;right:0;left:0;text-align:center;text-indent:0;display:block;transition:color var(--t)}
.comment-form-rating p.stars:hover a::before{color:var(--star)}
.comment-form-rating p.stars a:hover~a::before{color:var(--bd)!important}
.comment-form-rating p.stars.selected a::before{color:var(--star)}
.comment-form-rating p.stars.selected a.active~a::before{color:var(--bd)}

/* Displayed star ratings */
.star-rating{display:inline-flex;direction:ltr;font-size:14px;overflow:hidden;position:relative;height:1.2em;line-height:1.2;width:5.4em;font-family:star,sans-serif!important}
.star-rating::before{content:'★★★★★';color:var(--bd);float:right;top:0;position:absolute;right:0}
.star-rating span{overflow:hidden;float:right;top:0;right:0;position:absolute;padding-top:1.5em}
.star-rating span::before{content:'★★★★★';color:var(--star);top:0;position:absolute;right:0}

/* Review form styling */
#reviews{text-align:right}
#reviews h2{font-size:1.3rem;color:var(--c2);margin-bottom:12px}
#reviews .woocommerce-Reviews-title{font-size:1.2rem;color:var(--c2);margin-bottom:16px}
#reviews .commentlist{list-style:none;padding:0;margin:0 0 24px}
#reviews .commentlist li{padding:16px;background:var(--bg3);border-radius:var(--rl);margin-bottom:10px}
#reviews .commentlist .comment_container{display:flex;gap:12px}
#reviews .commentlist img.avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}
#reviews .commentlist .comment-text{flex:1}
#reviews .commentlist .meta{margin-bottom:6px}
#reviews .commentlist .meta strong{font-size:14px;color:var(--c2)}
#reviews .commentlist .meta .woocommerce-review__published-date{font-size:12px;color:var(--tx3);margin-right:8px}
#reviews .commentlist .description p{font-size:14px;color:var(--tx2);line-height:1.7;margin:0}
#reviews .comment-reply-title{font-size:1.1rem;color:var(--c2);margin-bottom:4px}
#reviews .comment-form-comment textarea{width:100%;padding:12px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;min-height:100px;resize:vertical;font-family:'Rubik',sans-serif!important}
#reviews .comment-form-comment textarea:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
#reviews .comment-form-author input,#reviews .comment-form-email input{width:100%;padding:10px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;margin-bottom:12px}
#reviews .comment-form-author input:focus,#reviews .comment-form-email input:focus{border-color:var(--c1);outline:0}
#reviews .form-submit .submit{background:var(--c1);color:#fff;border:none;padding:11px 32px;border-radius:var(--rp);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--t);font-family:'Rubik',sans-serif!important}
#reviews .form-submit .submit:hover{background:var(--c1h)}
#reviews .comment-form-cookies-consent{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx2);margin-bottom:12px}
#reviews .woocommerce-noreviews{color:var(--tx3);font-size:14px;margin-bottom:16px}

/* ===== Searchable Delivery Area Select ===== */
.fd-area-field{margin-bottom:16px}
.fd-area-field>label{font-size:14px;font-weight:500;color:var(--c2);margin-bottom:6px;display:block}
.fd-address-detail-field{margin-bottom:16px}
.fd-address-detail-field>label{font-size:14px;font-weight:500;color:var(--c2);margin-bottom:6px;display:block}
.fd-address-detail{width:100%;padding:12px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;font-family:'Rubik',sans-serif;color:var(--tx);resize:vertical;min-height:80px;transition:border-color var(--t)}
.fd-address-detail:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.fd-address-detail::placeholder{color:var(--tx3);font-size:13px}
.fd-no-delivery{text-align:center;padding:28px 20px;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--rl);margin-bottom:16px}
.fd-no-delivery svg{color:#dc2626;margin-bottom:8px}
.fd-no-delivery__title{font-size:15px;font-weight:600;color:#991b1b;margin:0 0 4px}
.fd-no-delivery__text{font-size:13px;color:#b91c1c;margin:0 0 14px}
.fd-no-delivery__btn{display:inline-block;padding:8px 20px;background:var(--c1);color:#fff;border-radius:var(--rp);font-size:13px;font-weight:500;text-decoration:none;transition:all var(--t)}
.fd-no-delivery__btn:hover{background:var(--c1h);color:#fff}
.fd-area-select{position:relative;font-family:'Rubik',sans-serif}
.fd-area-select__trigger{position:relative}
.fd-area-select__search{width:100%;padding:12px 40px 12px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;font-family:inherit;color:var(--tx);background:var(--bg);transition:border-color var(--t)}
.fd-area-select__search:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.fd-area-select__search::placeholder{color:var(--tx3)}
.fd-area-select__arrow{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tx3);pointer-events:none;transition:transform var(--t)}
.fd-area-select--open .fd-area-select__arrow{transform:translateY(-50%) rotate(180deg)}
.fd-area-select__dropdown{position:absolute;top:calc(100% + 4px);right:0;left:0;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:260px;overflow-y:auto;z-index:100}
.fd-area-select__option{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;font-size:13px;transition:background var(--t);border-bottom:1px solid var(--bg3)}
.fd-area-select__option:last-child{border-bottom:none}
.fd-area-select__option:hover{background:var(--c1g)}
.fd-area-select__option--selected{background:var(--c1g);font-weight:500}
.fd-area-select__option--selected .fd-area-select__name{color:var(--c1)}
.fd-area-select__name{color:var(--tx)}
.fd-area-select__fee{color:var(--c1);font-weight:600;font-size:12px;white-space:nowrap;margin-right:8px}
.fd-area-select__noresult{padding:24px 16px;text-align:center;color:var(--tx2)}
.fd-area-select__noresult svg{margin:0 auto 8px;display:block;color:var(--tx3)}
.fd-area-select__noresult p{font-size:14px;font-weight:500;color:var(--tx);margin:0 0 4px}
.fd-area-select__noresult small{font-size:12px;color:var(--tx3);display:block;margin-bottom:12px}
.fd-area-select__actions{display:flex;gap:8px;justify-content:center}
.fd-area-select__try-btn,.fd-area-select__contact-btn{display:inline-block;padding:7px 16px;border-radius:var(--rp);font-size:12px;font-weight:500;text-decoration:none;transition:all var(--t)}
.fd-area-select__try-btn{background:var(--c1);color:#fff}
.fd-area-select__try-btn:hover{background:var(--c1h);color:#fff}
.fd-area-select__contact-btn{background:transparent;color:var(--c1);border:1px solid var(--c1)}
.fd-area-select__contact-btn:hover{background:var(--c1);color:#fff}

/* Branch areas count in modal */
.branch-areas-count{display:block;font-size:11px;color:var(--c1);margin-top:2px}

/* ===== Delivery Info Banner (Shop Page) ===== */
.fd-delivery-banner{background:linear-gradient(135deg,var(--c1g),#fff5f9);border-bottom:1px solid rgba(219,22,110,.1);padding:10px 0}
.fd-delivery-banner__inner{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx)}
.fd-delivery-banner__inner svg{flex-shrink:0;color:var(--c1)}
.fd-delivery-check-btn{margin-right:auto;color:var(--c1);font-weight:500;text-decoration:none;font-size:12px;padding:4px 12px;border:1px solid var(--c1);border-radius:var(--rp);transition:all var(--t);white-space:nowrap}
.fd-delivery-check-btn:hover{background:var(--c1);color:#fff}

/* ===== Delivery Checker Modal ===== */
.fd-checker{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.fd-checker__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.fd-checker__panel{position:relative;background:var(--bg);border-radius:var(--rl);padding:32px 28px;max-width:400px;width:100%;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.15);z-index:1}
.fd-checker__close{position:absolute;top:12px;left:12px;background:none;border:none;font-size:24px;color:var(--tx3);cursor:pointer;line-height:1}
.fd-checker__close:hover{color:var(--tx)}
.fd-checker__icon{margin-bottom:12px}
.fd-checker h3{font-size:18px;font-weight:600;color:var(--c2);margin:0 0 4px}
.fd-checker p{font-size:13px;color:var(--tx2);margin:0 0 16px}
.fd-checker__form{display:flex;gap:8px;margin-bottom:16px}
.fd-checker__input{flex:1;padding:10px 14px;border:1.5px solid var(--bd);border-radius:var(--r);font-size:14px;font-family:'Rubik',sans-serif}
.fd-checker__input:focus{border-color:var(--c1);outline:0;box-shadow:0 0 0 3px var(--c1g)}
.fd-checker__submit{padding:10px 20px;background:var(--c1);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:500;font-family:'Rubik',sans-serif;cursor:pointer;transition:background var(--t);white-space:nowrap}
.fd-checker__submit:hover{background:var(--c1h)}
.fd-checker__result{font-size:14px}
.fd-checker__found{display:flex;align-items:center;gap:8px;background:#dcfce7;color:#166534;padding:12px 16px;border-radius:var(--r);text-align:right}
.fd-checker__found svg{flex-shrink:0}
.fd-checker__notfound{display:flex;align-items:flex-start;gap:8px;background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:var(--r);text-align:right}
.fd-checker__notfound svg{flex-shrink:0;margin-top:2px}
.fd-checker__notfound small{color:#b91c1c;display:block;margin-top:4px}

@media(max-width:576px){
.fd-delivery-banner__inner{flex-wrap:wrap;justify-content:center;text-align:center}
.fd-delivery-check-btn{margin-right:0}
.fd-checker__form{flex-direction:column}
.fd-area-select__dropdown{max-height:200px}
}