/* Extra styles for front-page template components */

/* Preloader */
#pb-preloader{position:fixed;inset:0;z-index:9999;background:var(--pb-cream);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease;}
.pb-preloader-inner{text-align:center;}
.pb-preloader-logo{font-family:var(--font-head);font-size:2.5rem;color:var(--pb-brown);font-weight:700;}
.pb-preloader-logo em{font-style:italic;color:var(--pb-gold);}
.pb-preloader-bar{width:120px;height:3px;background:var(--pb-cream-dark);border-radius:10px;margin:16px auto 0;overflow:hidden;}
.pb-preloader-fill{height:100%;background:var(--pb-brown);border-radius:10px;animation:pb-load 1.5s ease-in-out infinite;}
@keyframes pb-load{0%{width:0%;margin-left:0}50%{width:100%;margin-left:0}100%{width:0%;margin-left:100%}}

/* Hero image side */
.pb-hero-image-side{position:absolute;right:0;top:0;bottom:0;width:48%;display:flex;align-items:center;justify-content:center;}
.pb-hero-img-wrap{position:relative;width:460px;height:520px;}
.pb-hero-img-wrap>img{width:100%;height:100%;object-fit:cover;border-radius:240px 240px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.15);}
.pb-hero-rotating-badge{position:absolute;bottom:30px;left:-50px;animation:none;}
.pb-badge-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;}

/* Hero stats */
.pb-hero-stats{display:flex;gap:40px;margin-top:48px;padding-top:40px;border-top:1px solid rgba(0,0,0,.08);}
.pb-stat-num{font-family:var(--font-head);font-size:2.2rem;font-weight:700;color:var(--pb-dark);line-height:1;}
.pb-stat-label{font-size:.8rem;color:var(--pb-text-light);margin-top:4px;text-transform:uppercase;letter-spacing:.08em;}

/* Features Bar */
.pb-features-bar{background:var(--pb-brown);padding:28px 60px;display:flex;gap:40px;justify-content:center;flex-wrap:wrap;}
.pb-feature-item{display:flex;align-items:center;gap:14px;color:#fff;font-size:.95rem;font-weight:500;}
.pb-feature-item span:first-child{font-size:1.6rem;}

/* About */
.pb-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.pb-about-images{position:relative;height:520px;}
.pb-about-img-main{position:absolute;left:0;top:0;width:360px;height:440px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12);}
.pb-about-img-main img,.pb-about-img-float img{width:100%;height:100%;object-fit:cover;}
.pb-about-img-float{position:absolute;right:0;bottom:0;width:200px;height:240px;border-radius:var(--radius-lg);overflow:hidden;border:6px solid #fff;box-shadow:0 20px 60px rgba(0,0,0,.12);}
.pb-about-exp-badge{position:absolute;top:20px;right:10px;background:var(--pb-brown);color:#fff;width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px rgba(139,94,60,.4);}
.pb-about-exp-badge strong{font-family:var(--font-head);font-size:1.8rem;font-weight:700;}
.pb-about-exp-badge span{font-size:.65rem;opacity:.9;line-height:1.3;margin-top:2px;}
.pb-about-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:24px 0 32px;}
.pb-about-list li{display:flex;align-items:center;gap:12px;font-size:.95rem;}
.pb-about-list li::before{content:'✦';color:var(--pb-gold);font-size:.7rem;flex-shrink:0;}

/* Products */
.pb-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.pb-product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:0 4px 20px rgba(0,0,0,.05);}
.pb-product-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.12);}
.pb-product-img{height:220px;overflow:hidden;position:relative;background:var(--pb-cream-dark);}
.pb-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pb-product-card:hover .pb-product-img img{transform:scale(1.08);}
.pb-product-badge{position:absolute;top:14px;left:14px;background:var(--pb-gold);color:#fff;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;}
.pb-product-info{padding:20px;}
.pb-product-name{font-family:var(--font-head);font-size:1.2rem;color:var(--pb-dark);margin-bottom:6px;}
.pb-product-desc{font-size:.85rem;color:var(--pb-text-light);margin-bottom:14px;line-height:1.6;}
.pb-product-footer{display:flex;justify-content:space-between;align-items:center;}
.pb-product-price{font-family:var(--font-head);font-size:1.3rem;color:var(--pb-brown);font-weight:600;}
.pb-product-btn{background:var(--pb-brown);color:#fff;padding:9px 18px;border-radius:50px;font-size:.8rem;font-weight:600;text-decoration:none;transition:var(--transition);}
.pb-product-btn:hover{background:var(--pb-brown-dark);}

/* Special Offer */
.pb-offer-section{background:var(--pb-dark);padding:100px 60px;position:relative;overflow:hidden;}
.pb-offer-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,94,60,.25) 0%,transparent 60%);}
.pb-offer-inner{display:grid;grid-template-columns:1fr 420px 1fr;gap:60px;align-items:center;position:relative;z-index:1;}
.pb-offer-title{font-family:var(--font-head);font-size:clamp(2rem,3.5vw,3rem);color:#fff;line-height:1.2;margin:16px 0 20px;}
.pb-offer-title em{color:var(--pb-gold);}
.pb-offer-desc{color:rgba(255,255,255,.65);font-size:1rem;line-height:1.8;margin-bottom:32px;}
.pb-offer-center-img{width:420px;height:520px;border-radius:210px 210px 0 0;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4);}
.pb-offer-center-img img{width:100%;height:100%;object-fit:cover;}
.pb-offer-right{text-align:right;color:rgba(255,255,255,.7);font-size:.95rem;}
.pb-offer-old-price{font-size:1.1rem;color:rgba(255,255,255,.35);text-decoration:line-through;margin-bottom:8px;}
.pb-offer-price{font-family:var(--font-head);font-size:3.5rem;color:var(--pb-gold);font-weight:700;line-height:1;margin-bottom:16px;}
.pb-btn-gold{background:var(--pb-gold);color:var(--pb-dark);padding:16px 36px;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;transition:var(--transition);display:inline-block;}
.pb-btn-gold:hover{background:#e6b94c;transform:translateY(-3px);box-shadow:0 10px 30px rgba(201,168,76,.4);}

/* Process */
.pb-process-section{background:var(--pb-charcoal);padding:100px 60px;}
.pb-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:20px;}
.pb-step-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:36px 28px;text-align:center;position:relative;transition:var(--transition);}
.pb-step-card:hover{background:rgba(139,94,60,.15);border-color:var(--pb-brown);}
.pb-step-num{font-family:var(--font-head);font-size:5rem;color:rgba(255,255,255,.05);position:absolute;top:10px;right:20px;line-height:1;font-weight:700;}
.pb-step-icon-wrap{font-size:2rem;width:64px;height:64px;background:var(--pb-brown);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.pb-step-title{font-family:var(--font-head);font-size:1.2rem;color:#fff;margin-bottom:12px;}
.pb-step-desc{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.7;}

/* Testimonials */
.pb-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.pb-testi-card{background:#fff;border-radius:var(--radius-lg);padding:36px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:var(--transition);}
.pb-testi-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.1);}
.pb-testi-stars{color:var(--pb-gold);font-size:1.1rem;letter-spacing:3px;margin-bottom:16px;}
.pb-testi-text{font-size:.95rem;color:var(--pb-text);line-height:1.8;margin-bottom:24px;font-style:italic;}
.pb-testi-author{display:flex;align-items:center;gap:14px;}
.pb-testi-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.pb-testi-name{font-weight:600;font-size:.9rem;color:var(--pb-dark);}
.pb-testi-role{font-size:.8rem;color:var(--pb-text-light);}

/* Gallery */
.pb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:260px 260px;gap:16px;}
.pb-gal-item{border-radius:var(--radius);overflow:hidden;cursor:pointer;}
.pb-gal-wide{grid-column:span 2;}
.pb-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pb-gal-item:hover img{transform:scale(1.06);}

/* Counter */
.pb-counter-section{background:var(--pb-brown);padding:80px 60px;}
.pb-counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center;}
.pb-counter-num{font-family:var(--font-head);font-size:3.5rem;color:#fff;font-weight:700;line-height:1;}
.pb-counter-label{font-size:.85rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.1em;margin-top:10px;}

/* Blog */
.pb-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.pb-blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:0 4px 20px rgba(0,0,0,.05);}
.pb-blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.1);}
.pb-blog-img{height:220px;overflow:hidden;}
.pb-blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pb-blog-card:hover .pb-blog-img img{transform:scale(1.06);}
.pb-blog-info{padding:28px;}
.pb-blog-cat{font-size:.75rem;color:var(--pb-brown);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
.pb-blog-title{font-family:var(--font-head);font-size:1.2rem;color:var(--pb-dark);line-height:1.4;margin-bottom:12px;}
.pb-blog-excerpt{font-size:.88rem;color:var(--pb-text-light);line-height:1.7;margin-bottom:20px;}
.pb-blog-meta{display:flex;gap:16px;font-size:.8rem;color:var(--pb-text-light);}

/* Newsletter */
.pb-newsletter-section{background:var(--pb-brown-dark);padding:100px 60px;text-align:center;}
.pb-nl-form{display:flex;gap:12px;max-width:480px;margin:0 auto;}
.pb-nl-form input{flex:1;padding:16px 24px;border-radius:50px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:.95rem;font-family:var(--font-body);outline:none;transition:var(--transition);}
.pb-nl-form input::placeholder{color:rgba(255,255,255,.5);}
.pb-nl-form input:focus{border-color:var(--pb-gold);}
.pb-nl-form button{background:var(--pb-gold);color:var(--pb-dark);padding:16px 28px;border-radius:50px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:var(--transition);}
.pb-nl-form button:hover{background:#e6b94c;}

/* Footer */
.pb-footer{background:var(--pb-dark);padding:80px 60px 40px;color:rgba(255,255,255,.65);}
.pb-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
.pb-footer-logo{font-family:var(--font-head);font-size:2rem;color:#fff;font-weight:700;margin-bottom:16px;}
.pb-footer-logo span{color:var(--pb-gold);font-style:italic;}
.pb-footer-about p{font-size:.9rem;line-height:1.8;margin-bottom:28px;}
.pb-footer-socials{display:flex;gap:10px;}
.pb-social-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.8rem;font-weight:700;transition:var(--transition);}
.pb-social-btn:hover{background:var(--pb-brown);}
.pb-footer-heading{font-family:var(--font-head);font-size:1.1rem;color:#fff;margin-bottom:24px;}
.pb-footer-links{list-style:none;display:flex;flex-direction:column;gap:10px;}
.pb-footer-links a{color:rgba(255,255,255,.55);text-decoration:none;font-size:.9rem;transition:color var(--transition);}
.pb-footer-links a:hover{color:var(--pb-gold);}
.pb-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:28px;text-align:center;font-size:.85rem;color:rgba(255,255,255,.35);}

/* Mobile nav */
.pb-nav-open{display:flex !important;flex-direction:column;position:fixed;top:70px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:999;}

/* Responsive */
@media(max-width:1200px){
  .pb-products-grid{grid-template-columns:repeat(2,1fr);}
  .pb-offer-inner{grid-template-columns:1fr 1fr;}
  .pb-offer-center-img{display:none;}
  .pb-process-grid{grid-template-columns:repeat(2,1fr);}
  .pb-footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
}
@media(max-width:900px){
  .pb-about{grid-template-columns:1fr;}
  .pb-about-images{height:400px;margin-bottom:40px;}
  .pb-testi-grid,.pb-blog-grid{grid-template-columns:1fr;}
  .pb-counter-grid{grid-template-columns:repeat(2,1fr);}
  .pb-hero-image-side{display:none;}
  .pb-features-bar{padding:28px 24px;}
}
@media(max-width:600px){
  .pb-section,#pb-header.scrolled,.pb-offer-section,.pb-process-section,.pb-counter-section,.pb-newsletter-section,.pb-footer{padding-left:20px;padding-right:20px;}
  .pb-hero{padding:100px 20px 60px;}
  .pb-products-grid{grid-template-columns:1fr;}
  .pb-counter-grid{grid-template-columns:1fr 1fr;}
  .pb-footer-grid{grid-template-columns:1fr;}
  .pb-gallery-grid{grid-template-columns:1fr;grid-template-rows:auto;}
  .pb-gal-wide{grid-column:span 1;}
  .pb-nl-form{flex-direction:column;}
  .pb-nav,.pb-header-btn{display:none;}
  .pb-hamburger{display:flex;}
  .pb-process-grid{grid-template-columns:1fr;}
}