:root{--ink:#202126;--muted:#626673;--pink:#b8486d;--pink-soft:#fbf0f3;--cream:#faf8f5;--line:#dedde0;--dark:#24161c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:17px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain}.topbar{display:flex;justify-content:space-between;gap:20px;padding:13px 5vw;background:var(--dark);color:#fff;font-size:13px;font-weight:700}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 5vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wordmark{font-size:38px;font-weight:900;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:26px;font-weight:700}.menu-toggle{display:none;background:none;border:0;font-size:27px}.quote-button,.outline-button,.outline-light{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:2px solid var(--pink);border-radius:4px;background:var(--pink);color:#fff;font-weight:800}.outline-button{background:transparent;color:var(--pink)}.outline-light{background:transparent;border-color:#fff}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;padding:110px 8vw;background:linear-gradient(115deg,#faeef2,#fffdf8);min-height:650px}.hero h1,.section-title h1,.section-title h2,.dark h2{font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.06em;margin:12px 0 24px}.kicker{color:#697080;font-size:13px;letter-spacing:.18em;font-weight:900}.lead,.section-title>p,.two-col>p{color:var(--muted);font-size:21px}.hero-visual{min-height:390px;display:grid;place-items:center;border:1px dashed var(--pink);background:#f6dfe7;color:var(--pink);font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:center}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.section{padding:100px 8vw}.section-title{max-width:900px;margin-bottom:45px}.why{background:#fff}.why-feature{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;max-width:1320px;margin:0 auto;border-top:1px solid var(--line);padding:62px 0}.why-feature-reverse>div{order:2}.why-feature img{width:100%;height:430px;object-fit:cover}.why-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-image-pair img{height:430px}.why-copy{max-width:520px}.why-number{color:var(--pink);font-size:13px;font-weight:900;letter-spacing:.14em}.why-copy h3{font-size:clamp(31px,4vw,56px);line-height:1.05;letter-spacing:-.045em;margin:15px 0 20px}.why-copy p{color:var(--muted);font-size:20px}.why-copy .why-highlight{color:var(--pink);font-size:25px;font-weight:800;margin:0 0 4px}.category-card p,.product-card p{color:var(--muted)}.products-entry{text-align:center;background:var(--pink-soft)}.products-entry .section-title{margin:0 auto}.products-page{display:none;background:#f6f2ee}.products-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:45px;max-width:1350px;margin:0 auto 45px}.products-page .section-title{max-width:760px;margin:0}.category-nav-wrap{width:min(560px,42%);padding:20px;background:#fff;border:2px solid var(--pink);border-radius:6px;position:sticky;top:115px;z-index:2}.category-nav-label{display:block;color:var(--pink);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.category-nav{display:flex;flex-wrap:wrap;gap:8px}.category-nav a{display:inline-flex;align-items:center;padding:10px 13px;border:1px solid var(--pink);border-radius:3px;background:#fff;color:var(--pink);font:700 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}.category-nav a:hover,.category-nav a.is-active{background:var(--pink);color:#fff}.category-grid{max-width:1350px}.category-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1350px;margin:0 auto 40px}.category-card,.product-card{background:#fff;border:1px solid var(--line)}.category-card img,.product-card img{width:100%;height:290px;background:#fff}.category-card-content,.product-card-content{padding:22px}.category-card h3,.product-card h3{font-size:25px;line-height:1.1;margin:5px 0 10px}.card-link{display:inline-block;margin-top:10px;color:var(--pink);font-weight:800}.catalog-toolbar{max-width:1350px;margin:0 auto 25px}.catalog-toolbar select{margin-left:10px;padding:12px 18px;border:1px solid var(--line);background:#fff;font:inherit}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1200px;margin:auto;padding:28px;background:#fff;border:1px solid var(--line)}.detail-image{min-height:560px;display:grid;place-items:center}.detail-image img{width:100%;height:560px}.detail-copy h1{font-size:clamp(40px,5vw,70px);line-height:1.04;letter-spacing:-.05em}.detail-copy h2{margin:28px 0 6px}.detail-description{font-size:21px;color:var(--muted)}.hot-page{display:none}.role-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:30px}.role-tab{padding:12px 20px;border:1px solid var(--pink);background:#fff;color:var(--pink);font-weight:800;cursor:pointer}.role-tab.is-active{background:var(--pink);color:#fff}.pale{background:var(--pink-soft)}.wholesale-page{background:var(--pink-soft)}.wholesale-copy{max-width:900px;margin:0 auto 60px;font-size:20px;color:var(--muted)}.wholesale-subsection{border-top:1px solid var(--line);padding-top:70px;margin-top:70px}.factory-gallery,.certification-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1350px;margin:0 auto}.factory-gallery figure,.certification-gallery figure{margin:0;background:#fff;border:1px solid var(--line);padding:12px}.factory-gallery img{width:100%;height:260px;object-fit:cover}.certification-gallery{grid-template-columns:repeat(2,1fr);max-width:1000px;margin:0}.certification-gallery img{width:100%;height:420px;object-fit:contain}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1250px;margin:auto}.dark{background:var(--dark);color:#fff}.dark p{max-width:700px;color:#ddd0d4;font-size:21px}.process{background:#f7f4f1}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-grid>div{border-top:3px solid var(--pink);padding:20px}.process-grid b{color:var(--pink)}.faq{background:#fff}.faq-filter{display:inline-flex;align-items:center;gap:10px;margin-top:15px;color:var(--muted)}.faq-filter select{padding:10px;border:1px solid var(--line);background:#fff;font:inherit}.faq-list{max-width:950px}.faq-list details{padding:18px 0;border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:19px;font-weight:800}.faq-list p{color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#fff}.contact form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:800;font-size:14px}input,textarea{padding:14px;border:1px solid var(--line);background:#fbfaf8;font:inherit}small{color:var(--pink)}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:55px 8vw;background:var(--dark);color:#fff}footer p{color:#d8ccd0;font-size:14px}.social-links{margin-top:24px}.social-links strong{display:block;margin-bottom:10px}.social-links>div{display:flex;gap:10px}.social-links a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d8ccd0;border-radius:50%;color:#fff}.social-links a:hover{border-color:var(--pink);color:#f2a9bd}.social-links svg{width:20px;height:20px;fill:currentColor}.social-links svg rect,.social-links svg circle{fill:none;stroke:currentColor;stroke-width:2}body[data-page="products"] .products-page,body[data-page="detail"] .products-page,body[data-page="hot"] .hot-page,body[data-page="wholesale"] .wholesale-page{display:block}body[data-page="products"] main>section:not(#products-page),body[data-page="detail"] main>section:not(#products-page),body[data-page="hot"] main>section:not(#hot),body[data-page="wholesale"] main>section:not(#wholesale){display:none}body[data-page="products"] .products-entry,body[data-page="detail"] .products-entry,body[data-page="wholesale"] .products-entry{display:none}body[data-page="home"] .products-page,body[data-page="home"] .hot-page,body[data-page="home"] .wholesale-page{display:none}
@media(max-width:900px){.nav{gap:15px;font-size:14px}.hero{grid-template-columns:1fr}.why-feature{gap:35px}.category-grid,.product-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.products-heading{gap:25px}.category-nav-wrap{width:45%}}
@media(max-width:650px){.topbar{display:block;font-size:11px;line-height:1.8}.topbar span{display:block}.header{padding:20px 6vw}.wordmark{font-size:31px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;padding:22px 6vw;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.nav a{padding:7px 0}.hero,.section{padding:70px 6vw}.products-heading{display:block;margin-bottom:32px}.products-page .section-title{margin-bottom:28px}.category-nav-wrap{position:static;width:100%;padding:16px}.category-nav a{flex:1 1 auto;justify-content:center}.hero h1{font-size:50px}.hero-visual{min-height:260px}.why-feature,.why-feature-reverse{grid-template-columns:1fr;gap:25px}.why-feature-reverse>div{order:0}.why-feature img,.why-image-pair img{height:280px}.factory-gallery,.certification-gallery{grid-template-columns:1fr}.category-grid,.product-grid,.process-grid,.two-col,.contact,.product-detail,.blog-grid{grid-template-columns:1fr;
}.category-card img,.product-card img{height:260px}.detail-image,.detail-image img{min-height:300px;height:300px}footer{grid-template-columns:1fr;padding:45px 6vw}}
.product-count{max-width:1350px;margin:0 auto;color:var(--muted);font-weight:800;text-align:right}
.scroll-controls{position:fixed;right:18px;bottom:24px;z-index:20;display:grid;box-shadow:0 4px 16px rgba(36,22,28,.2)}
.scroll-controls button{

width:50px;
height:50px;

border-radius:50%;
border:2px solid rgba(255,255,255,.8);

background:
linear-gradient(
135deg,
#ff0080,
#ff8c00,
#ffee00,
#00ff88,
#00cfff,
#8a2be2
);

background-size:300% 300%;

color:white;

font-size:25px;
font-weight:900;

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

cursor:pointer;

box-shadow:
0 0 12px #ff00cc,
0 0 25px #00ffff,
0 8px 20px rgba(0,0,0,.25);

animation:
laserMove 4s ease infinite;

transition:.3s;

}
@keyframes laserMove
{

0%
{
background-position:
0% 50%
;
}

50%
{
background-position:
100% 50%
;
}

100%
{
background-position:
0% 50%
;
}

}
.scroll-controls button:hover{

transform:scale(1.15);

box-shadow:

0 0 20px #ff00ff,
0 0 40px #00ffff,
0 0 60px #ffff00;

}
@media(max-width:650px){
.scroll-controls{

position:fixed;
right:18px;
bottom:24px;
z-index:20;
display:grid;
gap:8px;

}
.scroll-controls button{

width:48px;

height:48px;

font-size:22px;

}

}
.product-count{text-align:left}}
.blog-grid
{
display:
grid
;
grid-template-columns:
repeat(3,1fr);
gap:
30px
;
}

.blog-card
{
padding:25px;
border:1px solid var(--line);
border-radius:12px;
background:#fff;
}

.blog-card h3
{
margin-bottom:
15px
;
}

.blog-card a
{
text-decoration:
none
;
color:
var(--pink);
font-weight:
700
;
}
.product-detail{
display:grid;
grid-template-columns: 1fr 1fr;
gap:40px;
align-items:start;
}


.main-image-box{
width:100%;
overflow:hidden;
border-radius:16px;
}


.detail-main-image{
width:100%;
max-height:600px;
object-fit:contain;
cursor:zoom-in;
transition:transform .3s ease;
}


.detail-main-image:hover{
transform:scale(1.08);
}


.thumbnail-list{
display:flex;
gap:12px;
margin-top:15px;
flex-wrap:wrap;
}


.thumbnail-image{
width:80px;
height:80px;
object-fit:cover;
border-radius:8px;
cursor:pointer;
border:1px solid #ddd;
}


.detail-copy h1{
font-size:36px;
margin-bottom:20px;
}


.detail-copy h2{
margin-top:25px;
}


.detail-copy ul{
padding-left:20px;
line-height:1.8;
}


@media(max-width:768px){

.product-detail{
grid-template-columns:1fr;
}

.detail-copy h1{
font-size:28px;
}

}
.whatsapp-float{

position:fixed;

right:25px;

top:50%;

transform:translateY(-50%);

width:60px;
height:60px;

border-radius:50%;

background:#25D366;

display:flex;

align-items:center;

justify-content:center;

z-index:99999;

box-shadow:
0 0 20px rgba(37,211,102,.7),
0 8px 25px rgba(0,0,0,.25);

}


.whatsapp-float img{

width:38px;

height:38px;

}
@media(max-width:650px){

.whatsapp-float{

right:20px;

top:50%;

bottom:auto;

transform:translateY(-50%);

width:58px;

height:58px;

}


.whatsapp-float img{

width:36px;

height:36px;

}

}
/* Hero Video */

.hero-video{
    position:relative;
    width:100%;
    height:85vh;
    overflow:hidden;
}

.hero-video video{
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-overlay{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:white;
    width:90%;
}

.hero-overlay h1{
    font-size:48px;
    margin-bottom:20px;
}

.hero-overlay p{
    font-size:22px;
}

.hero-overlay a{
    display:inline-block;
    margin-top:30px;
    padding:15px 35px;
    background:white;
    color:#222;
    border-radius:30px;
}
