/* theme153 - 手工皂天然护肤 | 薄荷 #2ecc71 + 椰白 #faf5f0 | 清新自然 */
:root{--color-primary:#2ecc71;--color-primary-dark:#27ae60;--color-primary-light:#eafaf1;--color-text-dark:#1a2e1a;--color-text:#2d3a2d;--color-text-muted:#5a7a5a;--color-text-light:#8aaa8a;--color-bg:#fdfefb;--color-bg-gray:#f5faf5;--color-bg-dark:#1a2e1a;--color-border:#c8e0c8;--color-border-light:#e4f0e4;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 2px 12px rgba(46,204,113,.08);--shadow-md:0 6px 24px rgba(46,204,113,.12);--font-body:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--transition-fast:.2s ease;--transition-base:.3s ease}
*,*::before,*::after{box-sizing:border-box}body{font-family:var(--font-body);font-size:15px;line-height:1.8;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%}h1,h2,h3,h4{font-weight:600}
.skip-link{position:absolute;top:-50px;left:12px;z-index:9999;padding:10px 22px;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-full);font-size:14px;font-weight:600;transition:top .2s}.skip-link:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}
.site-header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 0 var(--color-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.site-logo img{height:36px}.main-nav{border-top:1px solid var(--color-border-light)}.main-menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.main-menu>li>a{display:block;padding:14px 26px;color:var(--color-text);font-weight:600;font-size:14px;transition:all var(--transition-fast)}.main-menu>li>a:hover,.main-menu>li.active>a{color:var(--color-primary)}.main-menu .dropdown-menu{border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px 0}.main-menu .dropdown-menu>li>a{padding:8px 22px;font-size:14px;color:var(--color-text)}.main-menu .dropdown-menu>li>a:hover{background:var(--color-primary-light);color:var(--color-primary)}.mobile-toggle{display:none}
.hero-section{position:relative;background:linear-gradient(180deg,#eafaf1 0%,#d5f5e3 50%,#fdfefb 100%);padding:110px 0 120px;text-align:center}.hero-content{max-width:560px;margin:0 auto}.hero-leaf{font-size:48px;display:block;margin-bottom:16px}.hero-title{font-size:42px;font-weight:700;color:var(--color-text-dark);line-height:1.3;margin:0 0 20px}.hero-subtitle{font-size:16px;color:var(--color-text-muted);margin:0 0 36px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;padding:15px 38px;background:var(--color-primary);color:#fff;font-weight:700;font-size:15px;border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:0 4px 16px rgba(46,204,113,.3)}.btn-hero-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-2px)}.btn-hero-secondary{display:inline-flex;padding:15px 38px;background:#fff;color:var(--color-primary);font-weight:600;font-size:15px;border-radius:var(--radius-full);border:2px solid var(--color-primary);transition:all var(--transition-base)}.btn-hero-secondary:hover{background:var(--color-primary-light)}
.section-head{text-align:center;margin-bottom:48px}.section-label{display:block;font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--color-primary);margin-bottom:12px}.section-title{font-size:32px;font-weight:700;color:var(--color-text-dark);margin:0}.section-desc{font-size:15px;color:var(--color-text-muted);margin:10px 0 0}
.section-products{padding:80px 0}.home-page .products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.home-page .product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.home-page .product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.home-page .product-img{aspect-ratio:1;overflow:hidden}.home-page .product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.home-page .product-card:hover .product-img img{transform:scale(1.05)}.home-page .product-body{padding:20px;text-align:center}.home-page .product-badge{display:inline-block;padding:3px 14px;background:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:11px;border-radius:var(--radius-full);margin-bottom:8px}.home-page .product-body h3{font-size:20px;font-weight:600;color:var(--color-text-dark);margin:6px 0 4px}.home-page .product-body p{font-size:13px;color:var(--color-text-muted);margin:0 0 8px}.home-page .product-price{display:block;font-size:22px;font-weight:700;color:var(--color-primary)}.section-more{text-align:center;margin-top:48px}.btn-more{display:inline-flex;padding:14px 36px;background:var(--color-primary);color:#fff;font-weight:700;font-size:14px;border-radius:var(--radius-full);transition:all var(--transition-base)}.btn-more:hover{background:var(--color-primary-dark);color:#fff}
/* 天然成分 */
.section-ingredients{padding:80px 0;background:var(--color-bg-gray)}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ingredient-card{background:#fff;padding:32px 26px;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.ingredient-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.ing-icon{width:60px;height:60px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;transition:all var(--transition-base)}.ingredient-card:hover .ing-icon{background:var(--color-primary);color:#fff}.ingredient-card h3{font-size:17px;font-weight:600;color:var(--color-text-dark);margin:0 0 10px}.ingredient-card p{font-size:13px;color:var(--color-text-muted);line-height:1.8;margin:0}
/* 制作工艺 */
.section-process{padding:80px 0}.process-steps{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.step-card{display:flex;gap:24px;padding:28px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);align-items:flex-start}.step-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.step-num{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.step-body{flex:1;min-width:0}.step-body h3{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0 0 8px}.step-body p{font-size:14px;color:var(--color-text-muted);line-height:1.8;margin:0}
/* 精油系列 */
.section-oils{padding:80px 0}.oils-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.oil-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);transition:all var(--transition-base)}.oil-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.oil-img{aspect-ratio:1;overflow:hidden}.oil-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.oil-card:hover .oil-img img{transform:scale(1.05)}.oil-body{padding:18px;text-align:center}.oil-body h3{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 6px}.oil-body p{font-size:12px;color:var(--color-text-muted);line-height:1.6;margin:0 0 8px}.oil-price{display:block;font-size:16px;font-weight:700;color:var(--color-primary)}
/* 肤质指南 */
.section-skin{padding:80px 0;background:var(--color-bg-gray)}.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skin-card{background:#fff;padding:28px 22px;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.skin-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.skin-icon{font-size:40px;display:block;margin-bottom:12px}.skin-card h3{font-size:17px;font-weight:600;color:var(--color-text-dark);margin:0 0 10px}.skin-card p{font-size:13px;color:var(--color-text-muted);line-height:1.7;margin:0 0 10px}.skin-rec{display:block;font-size:12px;color:var(--color-primary);font-weight:600;padding-top:10px;border-top:1px solid var(--color-border-light)}
/* 礼盒套装 */
.section-gifts{padding:80px 0}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gift-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);transition:all var(--transition-base)}.gift-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.gift-img{position:relative;aspect-ratio:4/3;overflow:hidden}.gift-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gift-card:hover .gift-img img{transform:scale(1.04)}.gift-tag{position:absolute;top:12px;left:12px;padding:4px 12px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full)}.gift-body{padding:20px}.gift-body h3{font-size:17px;font-weight:600;color:var(--color-text-dark);margin:0 0 8px}.gift-body>p{font-size:13px;color:var(--color-text-muted);line-height:1.7;margin:0 0 14px}.gift-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--color-border-light)}.gift-price{font-size:20px;font-weight:700;color:var(--color-primary)}.gift-note{font-size:12px;color:var(--color-text-light)}
/* 品牌承诺 */
.section-pledge{padding:80px 0;background:var(--color-bg-gray)}.pledge-banner{max-width:700px;margin:0 auto;text-align:center;padding:48px 40px;background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-primary-light)}.pledge-icon{font-size:36px;color:var(--color-primary);margin-bottom:16px}.pledge-banner h2{font-size:24px;font-weight:700;color:var(--color-text-dark);margin:0 0 20px}.pledge-banner blockquote{margin:0;padding:0;border:none}.pledge-banner blockquote p{font-size:15px;color:var(--color-text-muted);line-height:2;margin:0}.pledge-badges{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.pledge-badges span{font-size:13px;color:var(--color-primary);font-weight:600}.pledge-badges i{margin-right:4px}
.section-stats{padding:56px 0;background:var(--color-bg-dark)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{display:block;font-size:36px;font-weight:700;color:var(--color-primary)}.stat-label{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-top:6px;font-weight:600}
/* 顾客评价 */
.section-testimonials{padding:80px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:#fff;padding:28px 24px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.tm-stars{font-size:16px;color:var(--color-primary);margin-bottom:12px;letter-spacing:2px}.tm-text{font-size:14px;color:var(--color-text);line-height:1.9;margin:0 0 20px}.tm-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--color-border-light)}.tm-avatar{width:42px;height:42px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}.tm-info strong{display:block;font-size:14px;color:var(--color-text-dark)}.tm-info span{display:block;font-size:12px;color:var(--color-text-light);margin-top:2px}
/* FAQ */
.section-faq{padding:80px 0;background:var(--color-bg-gray)}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-primary)}.faq-q{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;cursor:pointer;user-select:none;gap:14px}.faq-q h3{font-size:15px;font-weight:600;color:var(--color-text-dark);margin:0;flex:1}.faq-q i{font-size:15px;color:var(--color-primary);transition:transform var(--transition-base);flex-shrink:0}.faq-item.open .faq-q i{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.open .faq-a{max-height:700px}.faq-a p{padding:0 22px 18px;font-size:14px;color:var(--color-text-muted);line-height:1.9;margin:0}
/* CTA */
.section-cta{padding:80px 0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));text-align:center}.section-cta h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 14px}.section-cta p{font-size:15px;color:rgba(255,255,255,.7);margin:0 0 30px;line-height:1.8}.section-cta .btn-hero-primary{font-size:16px;padding:18px 48px;background:#fff;color:var(--color-primary);box-shadow:0 4px 20px rgba(0,0,0,.2)}.section-cta .btn-hero-primary:hover{background:var(--color-text-dark);color:#fff}
.page-banner{background:var(--color-bg-dark);padding:56px 0;text-align:center}.page-banner-title{font-size:30px;font-weight:700;color:#fff;margin:0 0 10px}.breadcrumb-inline{font-size:14px;color:rgba(255,255,255,.4)}.breadcrumb-inline a{color:rgba(255,255,255,.6)}.breadcrumb-inline a:hover{color:#fff}.breadcrumb-inline i{margin:0 8px}.page-container{padding:48px 0 60px}
.block{margin-bottom:40px}.block-head{margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--color-border)}.block-head h3{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0}.text-list{list-style:none;margin:0;padding:0}.text-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px dashed var(--color-border-light);gap:12px}.text-list-item:last-child{border-bottom:none}.text-list-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;color:var(--color-text)}.text-list-title:hover{color:var(--color-primary)}.text-list-date{flex-shrink:0;font-size:13px;color:var(--color-text-light)}
.article-card-list{display:flex;flex-direction:column;gap:24px}.article-card{display:flex;gap:24px;padding:22px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.article-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.article-cover{flex-shrink:0;width:240px;border-radius:var(--radius-sm);overflow:hidden}.article-cover img{width:100%;height:160px;object-fit:cover;transition:transform .5s}.article-card:hover .article-cover img{transform:scale(1.05)}.article-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.article-title{font-size:18px;font-weight:600;color:var(--color-text-dark);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-intro{font-size:14px;color:var(--color-text-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-text-light)}.meta-cat{padding:3px 14px;background:var(--color-primary-light);color:var(--color-primary);font-weight:600;border-radius:var(--radius-full);font-size:12px}
.product-grid,.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.product-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--color-primary)}.product-cover{display:block;aspect-ratio:1;overflow:hidden}.product-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-cover img{transform:scale(1.05)}.product-body{padding:18px}.product-title{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-meta{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:22px;font-weight:700;color:var(--color-primary)}.product-btn{padding:8px 22px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-fast)}.product-btn:hover{background:var(--color-primary-dark);color:#fff}
.image-tile{display:block;border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--color-border-light);transition:all var(--transition-base)}.image-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.image-tile-cover{aspect-ratio:4/3;overflow:hidden}.image-tile-cover img{width:100%;height:100%;object-fit:cover}.image-tile-body{padding:14px 18px}.image-tile-title{font-size:15px;font-weight:600;color:var(--color-text-dark);margin:0 0 6px}.image-tile-view{font-size:13px;color:var(--color-text-light)}
.article-detail{background:#fff;padding:36px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.article-detail-head{margin-bottom:28px}.article-detail-title{font-size:28px;font-weight:700;color:var(--color-text-dark);line-height:1.4;margin:0 0 14px}.article-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--color-text-light)}.detail-cat{padding:4px 16px;background:var(--color-primary-light);color:var(--color-primary);font-weight:600;border-radius:var(--radius-full);font-size:12px}.article-detail-content{font-size:16px;line-height:2;color:var(--color-text)}.article-detail-content img{max-width:100%;border-radius:var(--radius-sm);margin:16px 0}.article-summary{margin:32px 0;padding:22px 24px;background:var(--color-bg-gray);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.article-summary-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.summary-deco{color:var(--color-primary)}.article-summary-title{font-size:14px;font-weight:600;margin:0;color:var(--color-text-dark)}.article-summary-text{font-size:14px;line-height:1.8;margin:0 0 12px}.article-summary-cite{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed var(--color-border);font-size:12px;color:var(--color-text-muted)}.cite-label{font-weight:600;flex-shrink:0}.cite-text{flex:1;min-width:0;font-family:monospace;background:#fff;padding:4px 8px;border-radius:var(--radius-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-detail-nav{display:flex;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--color-border)}.detail-nav-item{flex:1;min-width:0;display:block;padding:18px 22px;background:var(--color-bg-gray);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.detail-nav-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.detail-nav-label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.detail-nav-title{display:block;font-size:15px;font-weight:500;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-nav-next{text-align:right}.related-section{margin-top:40px}.related-section h3{font-size:20px;font-weight:600;color:var(--color-text-dark);margin:0 0 20px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card{display:block;background:#fff;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.related-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.related-cover{aspect-ratio:16/10;overflow:hidden}.related-cover img{width:100%;height:100%;object-fit:cover}.related-body{padding:12px}.related-body h4{font-size:14px;font-weight:500;color:var(--color-text-dark);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-body span{font-size:12px;color:var(--color-text-light)}
.product-detail-main{background:#fff;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.product-info{padding-left:20px}.product-detail-title{font-size:24px;font-weight:700;color:var(--color-text-dark);margin:0 0 20px}.product-price-box{display:flex;align-items:baseline;gap:10px;padding:18px 22px;background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:24px}.product-price-box .price{font-size:28px;font-weight:700;color:var(--color-primary)}.product-params{margin-bottom:24px}.param-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:14px}.param-key{color:var(--color-text-muted);min-width:60px;flex-shrink:0}.product-actions button{padding:14px 40px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.product-actions button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.product-detail-content{margin-top:32px}.product-detail-content .nav-tabs{border-bottom:2px solid var(--color-border-light);margin-bottom:24px}.product-detail-content .nav-tabs>li>a{border:none;color:var(--color-text-muted);font-weight:600;font-size:14px;padding:12px 24px;background:transparent}.product-detail-content .nav-tabs>li.active>a{color:var(--color-primary);border-bottom:3px solid var(--color-primary);margin-bottom:-2px;background:transparent}.detail-content-body{font-size:16px;line-height:2;color:var(--color-text)}.pc-slide .view img{width:100%;border-radius:var(--radius-sm)}.pc-slide .preview{position:relative;margin-top:10px}.pc-slide .preview .swiper-slide{border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.pc-slide .preview .swiper-slide.active-nav{border-color:var(--color-primary)}.pc-slide .arrow-left,.pc-slide .arrow-right{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:28px;height:28px;background:rgba(0,0,0,.4);border-radius:50%;cursor:pointer}.pc-slide .arrow-left{left:0}.pc-slide .arrow-right{right:0}
.single-main{background:#fff;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.single-content{font-size:16px;line-height:2}.subnav{margin-bottom:24px}.subnav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-bottom:2px solid var(--color-border-light)}.subnav ul li{margin-bottom:-2px}.subnav ul li a{display:block;padding:12px 24px;font-size:14px;font-weight:600;color:var(--color-text-muted);transition:all var(--transition-fast)}.subnav ul li a:hover{color:var(--color-primary)}.subnav ul li.active a{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}
.contact-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.info-card{text-align:center;padding:32px 24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.info-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.info-card i{font-size:28px;color:var(--color-primary);margin-bottom:12px}.info-card h4{font-size:16px;font-weight:600;color:var(--color-text-dark);margin:0 0 8px}.info-card p{font-size:14px;color:var(--color-text-muted);margin:0}.contact-form-wrap{margin-top:40px}.contact-form-title{font-size:22px;font-weight:600;color:var(--color-text-dark);margin:0 0 24px}.form-message{max-width:700px}.form-row{display:flex;gap:20px;margin-bottom:16px}.form-row label{flex:1;display:flex;align-items:center;gap:10px}.form-row label span{font-size:14px;color:var(--color-text);white-space:nowrap;min-width:60px;text-align:right;font-weight:500}.form-message .inp{flex:1;height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition-fast)}.form-message .inp:focus{border-color:var(--color-primary);outline:none}.form-message .mes{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}.form-message .mes span{font-size:14px;color:var(--color-text);white-space:nowrap;min-width:60px;text-align:right;font-weight:500;padding-top:8px}.form-message textarea{flex:1;min-height:140px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;resize:vertical;font-family:inherit}.form-message textarea:focus{border-color:var(--color-primary);outline:none}.msgbtn-box{display:flex;gap:12px;padding-left:70px}.btn-contact{padding:12px 36px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn-contact:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-contact-reset{padding:12px 28px;background:#fff;color:var(--color-text-muted);font-size:15px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer}.breadcrumb-box{margin-bottom:20px;font-size:14px;color:var(--color-text-muted)}.breadcrumb-box a{color:var(--color-text-muted)}.breadcrumb-box a:hover{color:var(--color-primary)}.breadcrumb-box i{margin:0 6px}
.widget{margin-bottom:24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden}.widget-head{padding:18px 24px;background:var(--color-primary-light);border-bottom:1px solid var(--color-border-light)}.widget-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0}.widget-body{padding:18px 24px}.widget-ad{border:none;background:transparent}.widget-ad img{width:100%;border-radius:var(--radius-sm)}.rank-list{list-style:none;margin:0;padding:0}.rank-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed var(--color-border-light)}.rank-item:last-child{border-bottom:none}.rank-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-bg-gray);color:var(--color-text-muted);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.rank-top{background:var(--color-primary);color:#fff}.rank-content{flex:1;min-width:0}.rank-title{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-title:hover{color:var(--color-primary)}.rank-meta{font-size:12px;color:var(--color-text-light);margin-top:2px}.latest-list{list-style:none;margin:0;padding:0}.latest-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--color-border-light)}.latest-item:last-child{border-bottom:none}.latest-thumb{flex-shrink:0;width:72px;height:54px;border-radius:var(--radius-sm);overflow:hidden}.latest-thumb img{width:100%;height:100%;object-fit:cover}.latest-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.latest-title{display:block;font-size:14px;font-weight:600;color:var(--color-text-dark);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.latest-title:hover{color:var(--color-primary)}.latest-date{font-size:12px;color:var(--color-text-light);margin-top:3px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{border-bottom:1px solid var(--color-border-light)}.nav-item:last-child{border-bottom:none}.nav-item>a{display:block;padding:12px 4px;font-size:14px;font-weight:600;color:var(--color-text);transition:all var(--transition-fast)}.nav-item>a:hover{color:var(--color-primary);padding-left:8px}.nav-item.active>a{color:var(--color-primary)}
.pagination-box{text-align:center;margin-top:36px}.pagination{display:inline-flex;list-style:none;padding:0;margin:0;gap:8px}.pagination li a,.pagination li span{display:block;min-width:38px;height:38px;line-height:36px;padding:0 14px;border:1px solid var(--color-border);background:#fff;text-align:center;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-text)}.pagination li a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination .active a,.pagination .active span{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.site-footer{background:var(--color-bg-dark);color:rgba(255,255,255,.45);padding:50px 0 0}.footer-row{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:44px}.footer-col h4{font-size:17px;font-weight:600;color:#fff;margin:0 0 16px}.footer-col p{font-size:14px;line-height:1.9;margin:0 0 8px}.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.35);padding:5px 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-copyright{font-size:12px;color:rgba(255,255,255,.2)}.footer-copyright a{color:rgba(255,255,255,.2);margin-left:10px}
#floatbtn{position:fixed;right:28px;bottom:60px;z-index:999}#back-to-top{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:18px;opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}#back-to-top.show{opacity:1;visibility:visible}#back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.search-keyword{color:var(--color-primary)}
@media(max-width:1199px){.home-page .products-grid{grid-template-columns:repeat(2,1fr)}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.images-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.skin-grid{grid-template-columns:repeat(2,1fr)}.oils-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.mobile-toggle{display:block}.main-nav .navbar-collapse{display:none}.main-nav .navbar-collapse.collapse.in{display:block}.main-menu{flex-direction:column}.main-menu>li>a{padding:12px 0;border-bottom:1px solid var(--color-border-light)}.main-menu .dropdown-menu{position:static;float:none;box-shadow:none;border:none;padding:0 0 0 16px}.hero-title{font-size:32px}.section-title{font-size:26px}.stats-grid{grid-template-columns:repeat(3,1fr)}.ingredient-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}.step-card{flex-direction:column;align-items:center;text-align:center}.step-body{text-align:center}.skin-grid{grid-template-columns:repeat(2,1fr)}.article-card{flex-direction:column}.article-cover{width:100%}.article-cover img{height:200px}.product-info{padding-left:0;padding-top:20px}.contact-info-cards{grid-template-columns:1fr}.form-row{flex-direction:column;gap:12px}.msgbtn-box{padding-left:0}.footer-row{grid-template-columns:repeat(2,1fr)}.home-page .products-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.gift-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}.pledge-badges{flex-direction:column;align-items:center;gap:10px}}
@media(max-width:767px){.hero-title{font-size:26px}.hero-section{padding:70px 0 90px}.section-title{font-size:22px}.product-grid,.images-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.stat-number{font-size:28px}.home-page .products-grid{grid-template-columns:1fr}.ingredient-grid{grid-template-columns:1fr}.skin-grid{grid-template-columns:1fr}.article-detail-title{font-size:22px}.article-detail{padding:20px}.article-detail-nav{flex-direction:column}.single-main{padding:20px}.footer-row{grid-template-columns:1fr;gap:28px}.testimonial-grid{grid-template-columns:1fr}.oils-grid{grid-template-columns:1fr}.gift-grid{grid-template-columns:1fr}.pledge-banner{padding:28px 20px}.section-cta h2{font-size:22px}}