/*
Theme Name: BY BEAUTY
Theme URI: https://bybeautytech.com
Author: BY BEAUTY
Description: Lightweight B2B beauty-equipment catalogue theme with editable products, buyer guides and factory evidence.
Version: 1.1.1
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: bybeauty
*/

:root{--ink:#1d232b;--muted:#586978;--paper:#f5f8fa;--white:#fff;--line:#d6e0e6;--navy:#202832;--red:#97253a;--red2:#c32d46;--blue:#eaf1f5;--max:1440px;--shadow:0 18px 50px rgba(24,35,45,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 48px),930px);margin-inline:auto}.site-main{min-height:60vh}.eyebrow,.kicker{margin:0 0 14px;color:var(--red);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border:1px solid var(--navy);background:transparent;color:var(--navy);font-size:.84rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;transition:.2s}.button:hover,.button:focus{background:var(--navy);color:#fff}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:var(--red);border-color:var(--red)}
.top-strip{background:var(--navy);color:#fff}.top-strip-inner{display:flex;justify-content:space-between;gap:18px;overflow:hidden;padding:6px 0;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.top-strip span::before{content:'▪';margin-right:8px;color:#e4405d}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.header-row{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:24px;min-height:78px}.brand img{width:58px;max-height:60px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px}.main-nav a{position:relative;padding:27px 0 24px;font-size:.83rem;font-weight:700}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--red)}.main-nav a:hover::after,.main-nav .current-menu-item>a::after,.main-nav .current_page_item>a::after{content:'';position:absolute;right:0;bottom:18px;left:0;height:2px;background:var(--red)}.header-actions{display:flex;align-items:center;gap:10px}.header-search{display:flex;border:1px solid var(--line)}.header-search input{width:118px;border:0;padding:11px;background:#fff;font-size:.72rem}.header-search button{border:0;border-left:1px solid var(--line);background:#edf2f5;padding:0 10px;font-size:.62rem;font-weight:800;text-transform:uppercase}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:10px;font-weight:800}
.hero{position:relative;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);min-height:650px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:80px 8vw 80px 0}.hero h1{max-width:820px;margin:0 0 24px;font-size:clamp(3rem,5.4vw,6rem);font-weight:500;line-height:.96;letter-spacing:-.06em}.hero-lead{max-width:700px;margin:0 0 30px;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-media{position:relative;min-height:650px}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media::after{content:'REAL GUANGZHOU FACTORY';position:absolute;right:24px;bottom:24px;background:rgba(27,34,42,.88);color:#fff;padding:8px 12px;font-size:.68rem;font-weight:800;letter-spacing:.08em}.stats{border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:28px 30px;border-right:1px solid var(--line)}.stat:first-child{border-left:1px solid var(--line)}.stat strong{display:block;color:var(--red);font-size:1.8rem;line-height:1}.stat span{display:block;margin-top:10px;color:var(--muted);font-size:.71rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.section{padding:92px 0}.section-soft{background:var(--paper)}.section-dark{background:var(--navy);color:#fff}.section-head{display:grid;grid-template-columns:.65fr 1.6fr .75fr;gap:32px;align-items:start;margin-bottom:44px}.section-head h2{margin:0;font-size:clamp(2.2rem,4vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.055em}.section-head>p:last-child{margin:0;color:var(--muted)}.section-dark .section-head>p:last-child{color:#c5d0d8}.trust-grid,.category-grid,.product-grid,.resource-grid{display:grid;gap:14px}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-card{border:1px solid var(--line);background:#fff;padding:34px}.trust-card span{color:var(--red);font-size:.72rem;font-weight:800}.trust-card h3{margin:28px 0 10px;font-size:1.45rem}.trust-card p{margin:0;color:var(--muted)}
.group-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.group-nav a,.filter-button{border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:.74rem;font-weight:800;text-transform:uppercase}.group-nav a:hover,.filter-button:hover,.filter-button.active{border-color:var(--red);background:var(--red);color:#fff}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{display:flex;flex-direction:column;min-height:430px;border:1px solid var(--line);background:#fff}.category-card-media{height:210px;padding:16px;background:#eef3f6}.category-card-media img{width:100%;height:100%;object-fit:contain;background:#fff}.category-card-copy{display:flex;flex:1;flex-direction:column;padding:24px}.category-card-number{display:flex;justify-content:space-between;color:#8996a2;font-size:.72rem;font-weight:800}.category-card h3{margin:18px 0 6px;font-size:1.25rem;line-height:1.2}.category-card p{margin:0 0 22px;color:var(--muted);font-size:.88rem}.text-link{display:inline-block;margin-top:auto;border-bottom:1px solid #607386;padding-bottom:3px;font-size:.72rem;font-weight:800;text-transform:uppercase}.text-link:hover{color:var(--red);border-color:var(--red)}
.finder-tools{display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:24px}.finder-search{display:flex;border:1px solid var(--line);background:#fff}.finder-search input{flex:1;border:0;padding:16px}.finder-search button{border:0;background:var(--navy);color:#fff;padding:0 22px;font-weight:800}.product-grid{grid-template-columns:repeat(4,1fr)}.product-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}.product-image-link{display:block;height:265px;padding:18px;background:#eef3f6}.product-card img{width:100%;height:100%;object-fit:contain;background:#fff}.product-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.product-category{margin:0 0 12px;color:var(--red);font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.product-card h3{margin:0;font-size:1.35rem;line-height:1.15}.product-card-name{margin:8px 0 16px;color:var(--muted)}.product-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.product-badges span{background:#eef3f6;padding:6px 8px;font-size:.63rem;font-weight:800;text-transform:uppercase}.product-specs{margin:auto 0 18px;padding:0;list-style:none;border-top:1px solid var(--line)}.product-specs li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted);font-size:.74rem}.product-specs strong{color:var(--ink);text-align:right}.product-card .button{width:100%}.pagination,.nav-links{display:flex;justify-content:center;gap:8px;margin-top:35px}.page-numbers{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;font-weight:700}.page-numbers.current,.page-numbers:hover{background:var(--navy);color:#fff}
.factory-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.factory-proof{position:relative;min-height:360px;overflow:hidden}.factory-proof img{width:100%;height:100%;object-fit:cover}.factory-proof figcaption{position:absolute;right:0;bottom:0;left:0;padding:50px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:.83rem;font-weight:800;text-transform:uppercase}.resource-grid{grid-template-columns:repeat(3,1fr)}.resource-card{display:flex;flex-direction:column;min-height:310px;border:1px solid var(--line);background:#fff;padding:32px}.resource-card span{color:var(--red);font-size:.68rem;font-weight:800;text-transform:uppercase}.resource-card h3{margin:50px 0 14px;font-size:1.65rem;line-height:1.08}.resource-card p{margin:0 0 22px;color:var(--muted)}
.page-hero{padding:86px 0 62px;border-bottom:1px solid var(--line);background:var(--paper)}.page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.page-hero h1{margin:0;font-size:clamp(3.2rem,6vw,6.7rem);font-weight:500;line-height:.9;letter-spacing:-.065em}.page-hero p:last-child{margin:0;color:var(--muted);font-size:1.08rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;color:var(--muted);font-size:.73rem}.breadcrumbs a:hover{color:var(--red)}
.product-detail-hero{padding:44px 0 72px;background:var(--paper);border-bottom:1px solid var(--line)}.product-detail-grid{display:grid;grid-template-columns:1fr .93fr;gap:58px;align-items:start}.gallery-main{height:min(650px,70vh);border:1px solid var(--line);background:#fff;padding:12px}.gallery-main img{width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}.gallery-thumb{height:78px;border:1px solid var(--line);background:#fff;padding:4px;cursor:pointer}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.product-hero-copy h1{margin:0 0 22px;font-size:clamp(2.8rem,4vw,5.2rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.product-lead{color:var(--muted);font-size:1.06rem}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 14px;border:1px solid var(--line)}.fact-grid div{min-height:105px;padding:16px;border-right:1px solid var(--line)}.fact-grid div:last-child{border-right:0}.fact-grid strong,.fact-grid span{display:block}.fact-grid span{margin-top:7px;color:#607486;font-size:.66rem;text-transform:uppercase}.shipping-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#eaf1f5}.shipping-grid div{padding:15px;border-right:1px solid var(--line)}.shipping-grid div:last-child{border:0}.shipping-grid span,.shipping-grid strong{display:block}.shipping-grid span{font-size:.67rem;font-weight:800;text-transform:uppercase;color:#607486}.shipping-grid strong{font-size:.84rem;margin-top:5px}.buyer-fit{display:grid;grid-template-columns:82px 1fr;gap:10px;margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}.buyer-fit strong{color:var(--red);font-size:.7rem;text-transform:uppercase}.product-actions{display:flex;flex-wrap:wrap;gap:10px}
.answer-grid,.split-grid,.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.answer-grid h2,.split-grid h2,.inquiry-grid h2{margin:0 0 20px;font-size:clamp(2.3rem,4vw,4.7rem);font-weight:500;line-height:1;letter-spacing:-.055em}.verified-box{border:1px solid var(--line);background:#fff}.verified-box-header{padding:16px;background:var(--navy);color:#fff;font-weight:800}.verified-box dl{margin:0}.verified-box dl div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 16px}.verified-box dt{color:var(--muted)}.verified-box dd{margin:0;text-align:right;font-weight:700}.check-list{padding:0;list-style:none}.check-list li{margin-bottom:12px;padding-left:25px;position:relative}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:900}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.evidence-grid figure{margin:0;border:1px solid #47525e;background:#fff}.evidence-grid img{width:100%;aspect-ratio:1/1;object-fit:contain}.evidence-grid figcaption{padding:12px;color:var(--ink);font-size:.75rem;font-weight:700}.detail-stack{display:grid;gap:28px}.detail-stack img{width:min(100%,1100px);margin:auto;border:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:steps}.process-card{border:1px solid var(--line);padding:30px}.process-card::before{counter-increment:steps;content:'0' counter(steps);color:var(--red);font-weight:800}.process-card h3{margin:32px 0 8px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted)}
.inquiry-section{background:var(--navy);color:#fff}.inquiry-grid p{color:#cbd4db}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;border:1px solid #46505c;padding:24px;background:#252f3a}.inquiry-form label{display:grid;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid #5a6672;background:#fff;padding:12px;color:var(--ink)}.inquiry-form textarea{min-height:120px;resize:vertical}.form-full{grid-column:1/-1}.form-notice{border:1px solid #7e8b96;padding:12px;margin-bottom:16px}.form-notice.success{border-color:#65b986;color:#d8ffdf}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:40;border-radius:999px;background:#20a668;color:#fff;padding:12px 18px;box-shadow:var(--shadow);font-size:.78rem;font-weight:800}
.article-header{padding:90px 0 55px;background:var(--paper);border-bottom:1px solid var(--line)}.article-header h1{margin:0;max-width:1000px;font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:.95;letter-spacing:-.065em}.article-intro{max-width:850px;color:var(--muted);font-size:1.15rem}.article-body{padding:70px 0}.article-body h2{margin:50px 0 12px;font-size:2rem;line-height:1.1}.article-body p{color:#455866}.article-answer{border-left:5px solid var(--red);background:#eef3f6;padding:24px;margin:0 0 40px}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;padding-top:25px;border-top:1px solid var(--line)}
.site-footer{background:#171e25;color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:45px;padding:70px 0}.footer-logo{width:70px;margin-bottom:20px}.footer-grid h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.footer-grid ul{padding:0;list-style:none}.footer-grid li{margin:8px 0;color:#c2ccd4;font-size:.84rem}.footer-grid p{color:#c2ccd4}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #35404b;padding:20px 0;color:#96a3ae;font-size:.72rem}
@media(max-width:1100px){.header-row{grid-template-columns:65px 1fr auto}.main-nav{gap:15px}.main-nav a{font-size:.73rem}.header-search{display:none}.hero-grid{grid-template-columns:1fr 1fr}.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.section-head{grid-template-columns:1fr 1.6fr}.section-head>p:last-child{grid-column:2}.product-detail-grid{gap:30px}.fact-grid{grid-template-columns:repeat(2,1fr)}.fact-grid div:nth-child(2){border-right:0}.fact-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.container,.narrow{width:min(calc(100% - 28px),var(--max))}.top-strip-inner span:nth-child(n+3){display:none}.site-header{position:relative}.header-row{grid-template-columns:55px 1fr auto;min-height:67px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;right:0;left:0;align-items:stretch;flex-direction:column;gap:0;border-top:1px solid var(--line);background:#fff;padding:10px 20px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav a::after{display:none}.header-actions>.button{display:none}.hero-grid,.page-hero-grid,.product-detail-grid,.answer-grid,.split-grid,.inquiry-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0}.hero-media{min-height:420px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:1px solid var(--line)}.section{padding:65px 0}.section-head{display:block}.section-head h2{margin-bottom:16px}.trust-grid,.category-grid,.product-grid,.resource-grid,.factory-proof-grid,.process-grid,.evidence-grid{grid-template-columns:repeat(2,1fr)}.product-detail-grid{gap:30px}.gallery-main{height:500px}.finder-tools{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:540px){.hero h1,.page-hero h1,.article-header h1{font-size:3.15rem}.hero-media{min-height:320px}.trust-grid,.category-grid,.product-grid,.resource-grid,.factory-proof-grid,.process-grid,.evidence-grid{grid-template-columns:1fr}.product-image-link{height:250px}.gallery-main{height:390px}.gallery-thumbs{grid-template-columns:repeat(4,1fr)}.fact-grid,.shipping-grid{grid-template-columns:1fr}.fact-grid div,.shipping-grid div{border-right:0;border-bottom:1px solid var(--line)}.inquiry-form{grid-template-columns:1fr}.form-full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.whatsapp-float{right:12px;bottom:12px}.product-actions .button{width:100%}}

/* Accessible, lightweight homepage carousel. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-carousel{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#e9eef1;outline:none}
.home-carousel:focus-visible{box-shadow:inset 0 0 0 3px rgba(151,37,58,.28)}
.home-carousel-desktop{position:relative;width:100%;max-height:800px;aspect-ratio:12/5}
.home-carousel-slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .65s ease}
.home-carousel-slide.is-active{z-index:1;opacity:1;pointer-events:auto}
.home-carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}
.home-carousel-mobile{display:none}
.home-carousel-controls{position:absolute;z-index:4;inset:0;display:block;pointer-events:none}
.home-carousel-controls>button{display:grid;position:absolute;top:50%;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.65);background:rgba(24,31,38,.72);color:#fff;cursor:pointer;font-size:16px;font-weight:900;pointer-events:auto;transform:translateY(-50%);backdrop-filter:blur(8px)}
.home-carousel-controls>button:first-child{left:24px}
.home-carousel-controls>button:nth-of-type(2){right:24px}
.home-carousel-controls>button:hover,.home-carousel-controls>button:focus-visible{border-color:#fff;background:#fff;color:var(--navy)}
.home-carousel-dots{position:absolute;bottom:22px;left:50%;display:flex;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.55);background:rgba(24,31,38,.72);pointer-events:auto;transform:translateX(-50%);backdrop-filter:blur(8px)}
.home-carousel-dots button{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.home-carousel-dots button.is-active{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.home-carousel-controls .home-carousel-pause{top:auto;right:24px;bottom:18px;font-size:12px;transform:none}

@media(max-width:820px){
  .home-carousel-desktop{display:none}
  .home-carousel-mobile{display:block;background:#fff}
  .home-carousel-mobile-media{position:relative;height:300px;overflow:hidden;border-bottom:1px solid var(--line);background:#e7edef}
  .home-carousel-mobile-media img{width:100%;height:100%;object-fit:cover;object-position:72% center}
  .home-carousel-mobile-copy{min-height:355px;padding:34px 24px 92px}
  .home-carousel-mobile-copy>p{margin:0 0 13px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
  .home-carousel-mobile-copy h2{max-width:680px;margin:0 0 17px;font-size:clamp(34px,8vw,48px);line-height:1.02}
  .home-carousel-mobile-copy>span{display:block;max-width:680px;color:#46535d;font-size:16px;line-height:1.65}
  .home-carousel-mobile-copy .button{width:auto;margin-top:24px}
  .home-carousel-controls{inset:0 0 auto;height:300px}
  .home-carousel-controls>button:first-child{left:12px}
  .home-carousel-controls>button:nth-of-type(2){right:12px}
  .home-carousel-dots{bottom:16px}
  .home-carousel-controls .home-carousel-pause{right:12px;bottom:12px}
}

@media(max-width:540px){
  .home-carousel-mobile-media{height:245px}
  .home-carousel-mobile-copy{min-height:380px;padding:29px 18px 92px}
  .home-carousel-mobile-copy .button{width:100%}
  .home-carousel-controls{height:245px}
}

@media(prefers-reduced-motion:reduce){.home-carousel-slide{transition:none}}