/*
Theme Name: FridayParts Pro
Theme URI: https://example.com/fridayparts-pro
Description: 重型机械与工程车辆配件电商主题，1:1 复刻 FridayParts 视觉体系。深度集成 WooCommerce，询盘走 ZC Inquiry 插件（不含购物车结账下单，以询盘为主）。蓝橙撞色、Roboto Condensed、卡片式分类与产品栅格。
Version: 1.0.0
Author: ZC
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: fridayparts-pro
Tags: woocommerce, e-commerce, industrial, custom-colors, custom-menu, sticky-header
*/

/* =========================================================
   Design Tokens
========================================================= */
:root{
  --fp-primary:#1a5fa9;
  --fp-primary-dark:#154d8a;
  --fp-primary-darker:#0f3d6e;
  --fp-accent:#f5911e;
  --fp-accent-dark:#e07d0a;
  --fp-text:#333333;
  --fp-heading:#1b2a3a;
  --fp-muted:#6b7280;
  --fp-light:#f2f4f6;
  --fp-light-2:#eef1f4;
  --fp-border:#e5e7eb;
  --fp-white:#ffffff;
  --fp-star:#ffb400;
  --fp-radius:6px;
  --fp-radius-lg:10px;
  --fp-shadow:0 2px 10px rgba(16,42,72,.08);
  --fp-shadow-lg:0 10px 30px rgba(16,42,72,.14);
  --fp-container:1280px;
  --fp-font-head:"Roboto Condensed","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  --fp-font-body:"Roboto","Roboto Condensed","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--fp-font-body);
  font-size:15px;
  line-height:1.6;
  color:var(--fp-text);
  background:var(--fp-white);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--fp-primary);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--fp-accent);}
h1,h2,h3,h4,h5{font-family:var(--fp-font-head);color:var(--fp-heading);line-height:1.2;margin:0 0 .5em;font-weight:700;}
button{font-family:inherit;cursor:pointer;}
ul{margin:0;padding:0;list-style:none;}
p{margin:0 0 1em;}

.fp-container{max-width:var(--fp-container);margin:0 auto;padding:0 20px;}
.fp-section{padding:44px 0;}
.fp-section--gray{background:var(--fp-light);}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

/* Section titles (center rule like reference) */
.fp-sec-head{text-align:center;margin-bottom:26px;}
.fp-sec-head h2{
  font-size:26px;letter-spacing:.3px;position:relative;display:inline-block;padding:0 18px;
}
.fp-sec-head--rule{position:relative;}
.fp-sec-head--rule::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--fp-border);z-index:0;}
.fp-sec-head--rule h2{position:relative;z-index:1;background:inherit;}
.fp-sec-head .fp-sub{color:var(--fp-muted);font-size:14px;margin-top:6px;}

/* =========================================================
   Buttons
========================================================= */
.fp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--fp-font-head);font-weight:700;font-size:15px;
  padding:11px 26px;border-radius:999px;border:2px solid transparent;
  cursor:pointer;transition:all .18s ease;text-align:center;line-height:1.2;
}
.fp-btn-primary{background:var(--fp-accent);color:#fff;border-color:var(--fp-accent);}
.fp-btn-primary:hover{background:var(--fp-accent-dark);border-color:var(--fp-accent-dark);color:#fff;}
.fp-btn-blue{background:var(--fp-primary);color:#fff;border-color:var(--fp-primary);}
.fp-btn-blue:hover{background:var(--fp-primary-dark);color:#fff;}
.fp-btn-outline{background:transparent;color:var(--fp-primary);border-color:var(--fp-primary);}
.fp-btn-outline:hover{background:var(--fp-primary);color:#fff;}
.fp-btn-ghost{background:#fff;color:var(--fp-primary);border-color:var(--fp-border);}
.fp-btn-ghost:hover{border-color:var(--fp-primary);color:var(--fp-primary);}
.fp-btn-lg{padding:14px 40px;font-size:17px;}
.fp-btn-block{display:flex;width:100%;}

/* =========================================================
   Header
========================================================= */
.fp-header{position:relative;z-index:50;}
.fp-topbar{background:var(--fp-primary);color:#fff;}
.fp-topbar__inner{display:flex;align-items:center;gap:18px;padding:14px 20px;max-width:var(--fp-container);margin:0 auto;}
.fp-logo{flex:0 0 auto;display:flex;align-items:center;}
.fp-logo img{max-height:42px;width:auto;}
.fp-logo__text{font-family:var(--fp-font-head);font-weight:800;font-size:28px;color:#fff;letter-spacing:.5px;line-height:1;}
.fp-logo__text b{color:#fff;}
.fp-logo__text .fp-accent-word{color:#fff;position:relative;}
.fp-logo__text .fp-accent-word::after{content:"";display:inline-block;}

.fp-selectmodel{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);
  color:#fff;font-family:var(--fp-font-head);font-weight:600;font-size:15px;
  padding:9px 20px;border-radius:999px;white-space:nowrap;
}
.fp-selectmodel:hover{background:rgba(255,255,255,.24);color:#fff;}
.fp-selectmodel svg{width:18px;height:18px;fill:currentColor;}

.fp-search{flex:1 1 auto;max-width:640px;}
.fp-search form{display:flex;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.12);}
.fp-search input[type=search]{flex:1;border:0;outline:0;padding:11px 22px;font-size:15px;color:var(--fp-text);background:transparent;}
.fp-search button{flex:0 0 auto;border:0;background:transparent;padding:0 20px;display:flex;align-items:center;color:var(--fp-primary);}
.fp-search button svg{width:20px;height:20px;fill:var(--fp-primary);}

.fp-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:16px;margin-left:auto;}
.fp-header-actions a{color:#fff;display:inline-flex;align-items:center;gap:6px;font-size:14px;}
.fp-header-actions a:hover{color:var(--fp-accent);}
.fp-header-actions svg{width:24px;height:24px;fill:currentColor;}
.fp-divider{width:1px;height:24px;background:rgba(255,255,255,.35);}
.fp-country{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.fp-country__flag{font-size:18px;line-height:1;}
.fp-country__caret{width:12px;height:12px;fill:currentColor;opacity:.85;}
.fp-country:hover{color:var(--fp-accent);}
.fp-cart{position:relative;}
.fp-cart .fp-cart__count{
  position:absolute;top:-8px;right:-10px;background:var(--fp-accent);color:#fff;
  font-size:11px;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:999px;padding:0 4px;
}

/* Nav bar */
.fp-navbar{background:#fff;border-bottom:1px solid var(--fp-border);box-shadow:0 1px 0 rgba(0,0,0,.02);}
.fp-navbar__inner{display:flex;align-items:center;gap:6px;max-width:var(--fp-container);margin:0 auto;padding:0 20px;}
.fp-cat-toggle{
  display:inline-flex;align-items:center;gap:10px;color:var(--fp-primary);
  font-family:var(--fp-font-head);font-weight:700;font-size:16px;
  padding:14px 22px 14px 0;margin-right:14px;background:transparent;border:0;position:relative;
}
.fp-cat-toggle svg{width:20px;height:16px;fill:var(--fp-primary);}
.fp-menu{display:flex;align-items:center;flex-wrap:wrap;}
.fp-menu li{position:relative;}
.fp-menu > li > a{
  display:block;padding:14px 18px;color:var(--fp-primary);
  font-family:var(--fp-font-head);font-weight:600;font-size:16px;
}
.fp-menu > li > a:hover,.fp-menu > li.current-menu-item > a{color:var(--fp-accent);}
.fp-menu .fp-fire::before{content:"🔥";margin-right:5px;}
/* dropdown submenus */
.fp-menu ul.sub-menu{
  position:absolute;top:100%;left:0;min-width:230px;background:#fff;
  border:1px solid var(--fp-border);box-shadow:var(--fp-shadow-lg);border-radius:var(--fp-radius);
  padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .18s ease;z-index:60;
}
.fp-menu li:hover > ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.fp-menu ul.sub-menu li a{display:block;padding:9px 20px;color:var(--fp-text);font-size:14px;font-weight:500;}
.fp-menu ul.sub-menu li a:hover{background:var(--fp-light);color:var(--fp-primary);}
.fp-menu ul.sub-menu ul.sub-menu{top:0;left:100%;}

/* Mega category panel */
.fp-mega{
  position:absolute;left:0;right:0;top:100%;background:#fff;border-top:2px solid var(--fp-primary);
  box-shadow:var(--fp-shadow-lg);z-index:70;display:none;
}
.fp-mega.is-open{display:block;}
.fp-mega__inner{max-width:var(--fp-container);margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 30px;}
.fp-mega__col h4{font-size:15px;color:var(--fp-primary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--fp-border);}
.fp-mega__col li a{display:block;padding:5px 0;color:var(--fp-text);font-size:13.5px;}
.fp-mega__col li a:hover{color:var(--fp-accent);}

/* Sticky */
.fp-header.is-sticky .fp-navbar{position:fixed;top:0;left:0;right:0;z-index:80;box-shadow:var(--fp-shadow);}
body.fp-has-sticky{--fp-sticky-pad:56px;}

/* Mobile menu */
.fp-mobile-toggle{display:none;background:transparent;border:0;color:#fff;padding:6px;}
.fp-mobile-toggle svg{width:28px;height:28px;fill:#fff;}
.fp-mobile-drawer{position:fixed;inset:0 30% 0 0;background:#fff;z-index:120;transform:translateX(-105%);transition:transform .3s ease;overflow-y:auto;box-shadow:var(--fp-shadow-lg);}
.fp-mobile-drawer.is-open{transform:translateX(0);}
.fp-mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:110;opacity:0;visibility:hidden;transition:opacity .3s;}
.fp-mobile-backdrop.is-open{opacity:1;visibility:visible;}
.fp-mobile-drawer__head{background:var(--fp-primary);color:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;}
.fp-mobile-drawer__head .fp-logo__text{font-size:22px;}
.fp-mobile-drawer__close{background:transparent;border:0;color:#fff;font-size:26px;line-height:1;}
.fp-mobile-menu li a{display:block;padding:13px 18px;border-bottom:1px solid var(--fp-border);color:var(--fp-text);font-weight:600;font-family:var(--fp-font-head);}
.fp-mobile-menu .sub-menu{background:var(--fp-light);}
.fp-mobile-menu .sub-menu a{padding-left:34px;font-weight:500;font-size:14px;}

/* =========================================================
   Hero
========================================================= */
.fp-hero{position:relative;background:var(--fp-light-2);}
.fp-hero__grid{display:grid;grid-template-columns:1fr 340px;max-width:var(--fp-container);margin:0 auto;}
.fp-hero__slider{position:relative;overflow:hidden;}
.fp-hero__slides{display:flex;transition:transform .5s ease;}
.fp-hero__slide{min-width:100%;position:relative;}
.fp-hero__slide img{width:100%;height:360px;object-fit:cover;}
.fp-hero__caption{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:52%;}
.fp-hero__caption h2{font-size:44px;line-height:1.05;margin-bottom:8px;color:var(--fp-primary);text-transform:uppercase;font-style:italic;font-weight:800;}
.fp-hero__caption h2 span{color:var(--fp-accent);display:block;}
.fp-hero__caption p{font-size:20px;font-weight:600;color:var(--fp-heading);font-style:italic;}
.fp-hero__dots{position:absolute;left:6%;bottom:20px;display:flex;gap:8px;}
.fp-hero__dots button{width:26px;height:5px;border-radius:3px;border:0;background:rgba(27,42,58,.3);}
.fp-hero__dots button.is-active{background:var(--fp-primary);}
.fp-hero__aside{background:var(--fp-primary-darker);color:#fff;padding:26px 24px;display:flex;flex-direction:column;justify-content:center;gap:22px;}
.fp-hero__feat{display:flex;align-items:center;gap:14px;}
.fp-hero__feat svg{width:34px;height:34px;fill:var(--fp-accent);flex:0 0 auto;}
.fp-hero__feat b{font-family:var(--fp-font-head);font-size:18px;text-transform:uppercase;display:block;line-height:1.1;}
.fp-hero__feat b em{color:var(--fp-accent);font-style:normal;}
.fp-hero__feat span{font-size:13px;color:rgba(255,255,255,.8);}

/* Promo cards row */
.fp-promos{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:var(--fp-container);margin:26px auto;padding:0 20px;}
.fp-promo{position:relative;border-radius:var(--fp-radius-lg);overflow:hidden;min-height:220px;display:flex;align-items:center;color:#fff;background-size:cover;background-position:center;box-shadow:var(--fp-shadow);}
.fp-promo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,61,110,.78) 0%,rgba(15,61,110,.25) 70%);}
.fp-promo__body{position:relative;z-index:1;padding:28px 30px;max-width:70%;}
.fp-promo__body h3{color:#fff;font-size:28px;margin-bottom:6px;}
.fp-promo__body p{font-size:14px;color:rgba(255,255,255,.9);margin-bottom:14px;}
.fp-promo__tag{position:absolute;top:0;right:0;background:#e23b3b;color:#fff;font-weight:700;font-size:13px;padding:7px 14px;border-bottom-left-radius:var(--fp-radius);z-index:2;}

/* =========================================================
   Category showcase (by type / subcats)
========================================================= */
.fp-typecats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.fp-typecat{
  background:#fff;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);
  padding:22px 18px;display:flex;align-items:center;gap:16px;transition:all .18s ease;
}
.fp-typecat:hover{border-color:var(--fp-primary);box-shadow:var(--fp-shadow);transform:translateY(-2px);}
.fp-typecat__icon{width:56px;height:56px;flex:0 0 auto;border-radius:50%;background:var(--fp-light);display:flex;align-items:center;justify-content:center;}
.fp-typecat__icon svg{width:32px;height:32px;fill:var(--fp-primary);}
.fp-typecat h3{font-size:16px;margin:0 0 2px;color:var(--fp-heading);}
.fp-typecat span{font-size:12.5px;color:var(--fp-muted);}

/* Product-image category grid */
.fp-catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.fp-catcard{background:#fff;border-radius:var(--fp-radius);text-align:center;transition:all .18s ease;padding:6px;}
.fp-catcard:hover{transform:translateY(-3px);}
.fp-catcard__img{background:#fff;border:1px solid var(--fp-border);border-radius:var(--fp-radius);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;transition:border-color .18s ease;}
.fp-catcard:hover .fp-catcard__img{border-color:var(--fp-primary);}
.fp-catcard__img img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;}
.fp-catcard__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.fp-catcard__img svg{width:64px;height:64px;fill:#c3ccd8;}
.fp-catcard h4{font-size:14px;margin:12px 0 4px;color:var(--fp-heading);font-weight:600;}
.fp-viewall{text-align:center;margin-top:26px;}

/* Category tabs (Find Parts by Category — parent tabs → subcategory grid) */
.fp-cattabs__nav{display:flex;flex-wrap:nowrap;gap:2px;border-bottom:1px solid var(--fp-border);margin-bottom:26px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
.fp-cattabs__nav::-webkit-scrollbar{height:4px;}
.fp-cattabs__nav::-webkit-scrollbar-thumb{background:var(--fp-border);border-radius:2px;}
.fp-cattabs__tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 18px;font:inherit;font-weight:600;font-size:14px;line-height:1.3;color:var(--fp-muted);cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease;}
.fp-cattabs__tab:hover{color:var(--fp-heading);}
.fp-cattabs__tab.is-active{color:var(--fp-primary);border-bottom-color:var(--fp-primary);}
.fp-cattabs__panel[hidden]{display:none;}

/* Brand tags */
.fp-brands{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;}
.fp-brandtag{
  border:1px solid var(--fp-border);border-radius:var(--fp-radius);background:#fff;
  text-align:center;padding:16px 10px;font-family:var(--fp-font-head);font-weight:600;
  color:var(--fp-heading);font-size:15px;transition:all .18s ease;
}
.fp-brandtag:hover{border-color:var(--fp-primary);color:var(--fp-primary);box-shadow:var(--fp-shadow);}

/* Equipment cards */
.fp-equip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.fp-equipcard{
  position:relative;border-radius:var(--fp-radius-lg);overflow:hidden;min-height:150px;
  display:flex;align-items:flex-end;color:#fff;background:var(--fp-primary);background-size:cover;background-position:center;
}
.fp-equipcard::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,61,110,.85),rgba(15,61,110,.15));}
.fp-equipcard span{position:relative;z-index:1;padding:16px 18px;font-family:var(--fp-font-head);font-weight:700;font-size:18px;}

/* =========================================================
   Testimonials / Google reviews
========================================================= */
.fp-reviews__head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:26px;flex-wrap:wrap;}
.fp-reviews__score{font-family:var(--fp-font-head);font-weight:800;font-size:40px;color:var(--fp-heading);line-height:1;}
.fp-reviews__meta{text-align:left;}
.fp-stars{color:var(--fp-star);font-size:18px;letter-spacing:2px;}
.fp-reviews__meta span{display:block;color:var(--fp-muted);font-size:13px;}
.fp-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.fp-review{background:#fff;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);padding:22px;box-shadow:var(--fp-shadow);}
.fp-review .fp-stars{margin-bottom:10px;}
.fp-review p{font-size:14px;color:#444;margin-bottom:14px;}
.fp-review__author{display:flex;align-items:center;gap:10px;}
.fp-review__avatar{width:38px;height:38px;border-radius:50%;background:var(--fp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--fp-font-head);}
.fp-review__author b{font-size:14px;color:var(--fp-heading);}
.fp-review__author span{display:block;font-size:12px;color:var(--fp-muted);}

/* Feature cards */
.fp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.fp-feature{background:var(--fp-light);border-radius:var(--fp-radius-lg);overflow:hidden;}
.fp-feature__img{height:150px;background:var(--fp-primary);background-size:cover;background-position:center;}
.fp-feature__body{padding:22px;text-align:center;}
.fp-feature__body small{color:var(--fp-heading);font-weight:600;display:block;margin-bottom:6px;}
.fp-feature__body h3{color:var(--fp-accent);font-size:22px;margin-bottom:12px;}
.fp-feature__body a{font-weight:600;}

/* Community CTA */
.fp-community{background:var(--fp-primary);color:#fff;}
.fp-community__inner{display:grid;grid-template-columns:340px 1fr auto;align-items:center;gap:30px;max-width:var(--fp-container);margin:0 auto;padding:34px 20px;}
.fp-community__img{border-radius:var(--fp-radius);overflow:hidden;}
.fp-community__text p{font-size:15px;color:rgba(255,255,255,.92);margin:0;}
.fp-community .fp-btn{white-space:nowrap;}

/* =========================================================
   Product grid + cards (shared with WooCommerce)
========================================================= */
.fp-prod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.fp-prod-card{background:#fff;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .18s ease;position:relative;}
.fp-prod-card:hover{box-shadow:var(--fp-shadow-lg);border-color:var(--fp-primary);transform:translateY(-3px);}
.fp-prod-card__badge{position:absolute;top:10px;left:10px;background:var(--fp-accent);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:3px;z-index:2;}
.fp-prod-card__img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;overflow:hidden;}
.fp-prod-card__img img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;}
.fp-prod-card__body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1;border-top:1px solid var(--fp-border);}
.fp-prod-card__title{font-family:var(--fp-font-body);font-size:14px;line-height:1.4;color:var(--fp-text);font-weight:500;margin:0 0 8px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.fp-prod-card__title a{color:var(--fp-text);}
.fp-prod-card__title a:hover{color:var(--fp-primary);}
.fp-prod-card__sku{font-size:12px;color:var(--fp-muted);margin-bottom:8px;}
.fp-prod-card__price{font-family:var(--fp-font-head);color:var(--fp-accent);font-weight:700;font-size:19px;margin:0 0 12px;}
.fp-prod-card__price del{color:var(--fp-muted);font-weight:400;font-size:14px;margin-left:6px;}
.fp-prod-card__price .fp-noprice{color:var(--fp-primary);font-size:15px;}
.fp-prod-card__actions{margin-top:auto;}

/* Floating right side rail — coupon tab + contact rail stacked (no overlap) */
.fp-siderail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.fp-siderail__coupon{background:var(--fp-primary);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;padding:18px 11px;font-family:var(--fp-font-head);font-weight:700;letter-spacing:2px;border-radius:6px 0 0 6px;box-shadow:0 4px 16px rgba(16,42,72,.18);}
.fp-siderail__coupon:hover{background:var(--fp-primary-dark);color:#fff;}
.fp-rail{display:flex;flex-direction:column;border-radius:6px 0 0 6px;overflow:hidden;box-shadow:0 4px 16px rgba(16,42,72,.12);}
.fp-rail a{background:#fff;border:1px solid var(--fp-border);border-right:0;width:86px;padding:12px 6px;text-align:center;color:var(--fp-text);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:5px;line-height:1.25;}
.fp-rail a + a{border-top:0;}
.fp-rail a:hover{color:var(--fp-primary);background:var(--fp-light);}
.fp-rail a svg{width:22px;height:22px;fill:currentColor;}

/* Floating social (from customizer) */
.fp-social-float{position:fixed;bottom:24px;z-index:95;display:flex;flex-direction:column;gap:10px;}
.fp-social-float.pos-left{left:20px;}
.fp-social-float.pos-right{right:90px;}
.fp-social-float a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--fp-shadow-lg);transition:transform .18s ease;position:relative;}
.fp-social-float a:hover{transform:scale(1.08);color:#fff;}
.fp-social-float svg{width:26px;height:26px;fill:currentColor;}
.fp-social-float .wa{background:#25d366;} .fp-social-float .tg{background:#229ed9;}
.fp-social-float .mail{background:#ea4335;} .fp-social-float .tel{background:var(--fp-primary);}
.fp-social-float .wx{background:#09b83e;} .fp-social-float .ig{background:#e1306c;}
.fp-social-float .fb{background:#1877f2;}
.fp-social-float .tip{position:absolute;right:60px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#1b2a3a;color:#fff;font-size:12px;padding:5px 10px;border-radius:4px;opacity:0;visibility:hidden;transition:.18s;}
.fp-social-float.pos-left .tip{right:auto;left:60px;}
.fp-social-float a:hover .tip{opacity:1;visibility:visible;}
.fp-wx-pop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:130;display:none;align-items:center;justify-content:center;}
.fp-wx-pop.is-open{display:flex;}
.fp-wx-pop__box{background:#fff;padding:24px;border-radius:var(--fp-radius-lg);text-align:center;}
.fp-wx-pop__box img{width:220px;height:220px;object-fit:contain;}

/* =========================================================
   Footer
========================================================= */
.fp-subscribe{background:var(--fp-light);border-top:1px solid var(--fp-border);}
.fp-subscribe__inner{max-width:var(--fp-container);margin:0 auto;padding:28px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.fp-subscribe h3{margin:0;font-size:22px;}
.fp-subscribe form{display:flex;gap:10px;flex:1;max-width:520px;}
.fp-subscribe input{flex:1;border:1px solid var(--fp-border);border-radius:999px;padding:12px 20px;font-size:15px;outline:0;}
.fp-subscribe input:focus{border-color:var(--fp-primary);}

.fp-footer{background:#12233a;color:#c3ccd8;}
.fp-footer a{color:#c3ccd8;}
.fp-footer a:hover{color:var(--fp-accent);}
.fp-footer__cols{max-width:var(--fp-container);margin:0 auto;padding:46px 20px 30px;display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:30px;}
.fp-footer__col h4{color:#fff;font-size:16px;margin-bottom:16px;}
.fp-footer__col li{margin-bottom:9px;font-size:14px;}
.fp-footer__contact p{font-size:14px;margin-bottom:10px;display:flex;gap:8px;}
.fp-footer__contact svg{width:18px;height:18px;fill:var(--fp-accent);flex:0 0 auto;margin-top:2px;}
.fp-footer__social{display:flex;gap:10px;margin-top:16px;}
.fp-footer__social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;}
.fp-footer__social a:hover{background:var(--fp-accent);}
.fp-footer__social svg{width:18px;height:18px;fill:#fff;}
.fp-footer__bottom{border-top:1px solid rgba(255,255,255,.1);}
.fp-footer__bottom-inner{max-width:var(--fp-container);margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8b97a7;}
.fp-footer__bottom-inner a{color:#8b97a7;}
.fp-payments{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.fp-payments span{background:#fff;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;color:#333;font-family:var(--fp-font-head);}

/* =========================================================
   Page / blog basics
========================================================= */
.fp-page{padding:44px 0;}
.fp-page__head{background:var(--fp-primary);color:#fff;padding:34px 0;margin-bottom:0;}
.fp-page__head .fp-container{max-width:var(--fp-container);}
.fp-page__head h1{color:#fff;font-size:32px;margin:0;}
.fp-breadcrumb{font-size:13px;color:rgba(255,255,255,.8);margin-top:8px;}
.fp-breadcrumb a{color:rgba(255,255,255,.85);}
.fp-content{max-width:860px;margin:0 auto;}
.fp-content img{border-radius:var(--fp-radius);margin:12px 0;}
.fp-content h2{margin-top:1.4em;}
.fp-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.fp-post-card{background:#fff;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);overflow:hidden;transition:all .18s;}
.fp-post-card:hover{box-shadow:var(--fp-shadow);transform:translateY(-3px);}
.fp-post-card__img{height:180px;background:var(--fp-light);overflow:hidden;}
.fp-post-card__img img{width:100%;height:100%;object-fit:cover;}
.fp-post-card__body{padding:18px;}
.fp-post-card__body h3{font-size:18px;}
.fp-post-card__meta{font-size:12px;color:var(--fp-muted);margin-bottom:8px;}
.fp-pagination{display:flex;gap:8px;justify-content:center;margin-top:34px;}
.fp-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--fp-border);border-radius:var(--fp-radius);padding:0 12px;color:var(--fp-text);}
.fp-pagination .page-numbers.current{background:var(--fp-primary);color:#fff;border-color:var(--fp-primary);}
.fp-pagination .page-numbers:hover{border-color:var(--fp-primary);color:var(--fp-primary);}

/* =========================================================
   Responsive
========================================================= */
@media(max-width:1200px){
  .fp-catgrid{grid-template-columns:repeat(4,1fr);}
  .fp-prod-grid{grid-template-columns:repeat(4,1fr);}
  .fp-brands{grid-template-columns:repeat(5,1fr);}
  .fp-typecats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:992px){
  .fp-search{order:3;flex:1 1 100%;max-width:none;}
  .fp-topbar__inner{flex-wrap:wrap;}
  .fp-hero__grid{grid-template-columns:1fr;}
  .fp-hero__aside{flex-direction:row;flex-wrap:wrap;}
  .fp-hero__feat{flex:1 1 30%;}
  .fp-community__inner{grid-template-columns:1fr;text-align:center;}
  .fp-community__img{max-width:360px;margin:0 auto;}
  .fp-footer__cols{grid-template-columns:repeat(2,1fr);}
  .fp-equip{grid-template-columns:repeat(3,1fr);}
  .fp-reviews__grid{grid-template-columns:1fr;}
  .fp-features{grid-template-columns:1fr;}
  .fp-cat-toggle{display:none;}
}
@media(max-width:768px){
  .fp-catgrid{grid-template-columns:repeat(3,1fr);}
  .fp-prod-grid{grid-template-columns:repeat(2,1fr);}
  .fp-brands{grid-template-columns:repeat(3,1fr);}
  .fp-promos{grid-template-columns:1fr;}
  .fp-selectmodel span{display:none;}
  .fp-menu{display:none;}
  .fp-mobile-toggle{display:inline-flex;}
  .fp-navbar{display:none;}
  .fp-hero__caption h2{font-size:30px;}
  .fp-footer__cols{grid-template-columns:1fr;}
  .fp-page__head h1{font-size:26px;}
  .fp-posts{grid-template-columns:1fr;}
}
@media(max-width:576px){
  .fp-catgrid{grid-template-columns:repeat(2,1fr);}
  .fp-typecats{grid-template-columns:1fr;}
  .fp-equip{grid-template-columns:repeat(2,1fr);}
  .fp-header-actions{gap:12px;}
  .fp-siderail{display:none;}
}