/* LambdaTest Playground — custom chrome for the Poco (mz_poco) OC4 theme */
:root{ --teal:#FFB71B; --teal-d:#E89E00; --red:#ff2a2a; --ink:#17202a;
       --pg-primary:#FFB71B; --pg-primary-dk:#E89E00; --pg-accent:#ff2a2a;
       --pg-text:#17202a; --pg-muted:#7a8591; --pg-bg:#f6f7f8; --pg-card:#fff;
       --pg-border:#eef1f4; --pg-radius:10px; --pg-shadow:0 2px 8px rgba(0,0,0,.06);
       --pg-shadow-h:0 10px 28px rgba(255,183,27,.22); }

body.common-home .content, body .content{ min-height:40vh; }

/* ===== announcement bar ===== */
.pg-announce{ background:var(--red); color:#fff; text-align:center; font-weight:700;
  font-size:14px; letter-spacing:.2px; padding:8px 10px; }

/* ===== main header ===== */
.pg-main-header{ background:#fff; border-bottom:1px solid #eef1f4; }
.pg-hdr-row{ display:flex; align-items:center; gap:22px; padding:16px 0; flex-wrap:wrap; }
.pg-logo img{ height:50px; width:auto; display:block; }
.pg-search{ display:flex; flex:1 1 420px; border:2px solid var(--teal); border-radius:30px;
  overflow:hidden; background:#fff; min-width:280px; }
.pg-search-cat .pg-cat-btn{ border:0; background:#f4f7f8; color:#333; padding:0 16px; height:44px;
  font-weight:600; white-space:nowrap; cursor:pointer; }
.pg-search-cat{ display:flex; }
.pg-search-input{ border:0; outline:0; flex:1; padding:0 14px; height:44px; font-size:14px; min-width:80px; }
.pg-search-btn{ border:0; background:var(--teal); color:#222; font-weight:700; padding:0 24px;
  height:44px; cursor:pointer; white-space:nowrap; }
.pg-search-btn:hover{ background:var(--teal-d); }
.pg-hdr-icons{ display:flex; align-items:center; gap:18px; margin-left:auto; font-size:20px; }
.pg-hdr-icons a{ color:var(--ink); position:relative; text-decoration:none; }
.pg-hdr-icons a:hover{ color:var(--teal); }
.pg-cart span{ position:absolute; top:-8px; right:-10px; background:var(--teal); color:#fff;
  font-size:11px; font-weight:700; min-width:17px; height:17px; border-radius:9px; text-align:center;
  line-height:17px; padding:0 4px; }

/* ===== nav bar ===== */
.pg-nav{ background:linear-gradient(90deg,var(--teal),var(--teal-d)); }
.pg-nav-list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:stretch; }
.pg-nav-list>li{ display:flex; }
.pg-nav-list>li>a{ color:#fff; text-decoration:none; padding:13px 16px; font-weight:600; display:block; }
.pg-nav-list>li>a:hover{ background:rgba(255,255,255,.14); }
.pg-shop-cat{ background:rgba(0,0,0,.14); color:#fff; padding:13px 18px; font-weight:700; }
.pg-shop-cat i{ margin-right:8px; }

/* ===== hero (legacy — kept for other pages) ===== */
.pg-hero{ background:linear-gradient(120deg,#0f2b33,#17c0cb); color:#fff; }
.pg-hero-inner{ padding:64px 0; max-width:640px; }
.pg-hero h1{ font-size:40px; font-weight:800; margin:0 0 12px; }
.pg-hero p{ font-size:18px; opacity:.92; margin:0 0 22px; }
.pg-btn{ display:inline-block; background:#fff; color:var(--teal-d); font-weight:700;
  padding:12px 28px; border-radius:30px; text-decoration:none; }
.pg-btn:hover{ background:var(--ink); color:#fff; }

/* ===== footer ===== */
.pg-footer{ background:var(--ink); color:#c7ced6; margin-top:50px; padding:40px 0 0; }
.pg-footer-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.pg-footer h5{ color:#fff; margin-bottom:14px; }
.pg-footer ul{ list-style:none; margin:0; padding:0; }
.pg-footer li{ margin:7px 0; }
.pg-footer a{ color:#c7ced6; text-decoration:none; }
.pg-footer a:hover{ color:var(--teal); }
.pg-footer-bottom{ border-top:1px solid #2a333d; margin-top:30px; padding:18px 0; text-align:center;
  font-size:13px; color:#9aa6b2; }

/* ===== HOME PAGE SECTIONS ===== */
.pg-home{ overflow:hidden; }
.pg-home .container{ max-width:1240px; }

/* Section heads */
.pg-section-head{ text-align:center; margin:40px 0 24px; }
.pg-section-head.pg-center{ text-align:center; }
.pg-section-title{ font-size:26px; font-weight:800; color:var(--pg-text); margin:0;
  position:relative; display:inline-block; padding-bottom:10px; text-align:center; }
.pg-section-title:after{ content:""; display:block; width:60px; height:3px;
  background:var(--teal); margin:8px auto 0; border-radius:2px; }
.pg-section-sub{ color:var(--pg-muted); margin:6px 0 0; font-size:14px; }
.pg-section-title.pg-light,.pg-section-sub.pg-light{ color:#fff; }
.pg-section-title.pg-light:after{ background:#fff; }

/* Hero slider (home) */
.pg-slider{ margin:0 0 0; }
.pg-slider .carousel-item img{ height:460px; object-fit:cover; width:100%; display:block; }
.pg-slider .carousel-control-prev-icon,.pg-slider .carousel-control-next-icon{
  background-color:rgba(0,0,0,.45); border-radius:50%; padding:18px; background-size:50%; }
.pg-slider .carousel-control-prev,.pg-slider .carousel-control-next{ width:60px; opacity:.85; }
.pg-slider .carousel-indicators{ margin-bottom:14px; }
.pg-slider .carousel-indicators [data-bs-target]{
  width:10px; height:10px; border-radius:50%; background:#fff; opacity:.5; border:0; margin:0 5px; }
.pg-slider .carousel-indicators .active{ opacity:1; background:var(--red); }

/* Service features strip */
.pg-features-strip{ background:var(--pg-bg); padding:22px 0; margin:30px 0;
  border-top:1px solid var(--pg-border); border-bottom:1px solid var(--pg-border); }
.pg-features-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pg-feature{ display:flex; align-items:center; gap:14px; }
.pg-feature i{ font-size:26px; color:var(--teal); background:#fff; width:52px; height:52px;
  border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:var(--pg-shadow); }
.pg-feature-t{ font-weight:700; font-size:15px; color:var(--ink); }
.pg-feature-s{ color:var(--pg-muted); font-size:13px; }

/* Promo banners */
.pg-promos{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:30px auto; max-width:1240px; padding:0 15px; }
.pg-promos a{ display:block; overflow:hidden; border-radius:var(--pg-radius); box-shadow:var(--pg-shadow); }
.pg-promos img{ width:100%; display:block; transition:transform .5s ease; }
.pg-promos a:hover img{ transform:scale(1.04); }

/* Trending categories grid (home) */
.pg-cats{ padding:10px 15px; }
.pg-cats .pg-cat-grid{ display:grid; grid-template-columns:repeat(8,1fr); gap:16px; margin-top:8px; }
.pg-cats .pg-cat-card{ display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:22px 10px; border-radius:var(--pg-radius); background:#fff; border:1px solid var(--pg-border);
  text-decoration:none; color:var(--pg-text); transition:all .25s; }
.pg-cats .pg-cat-card:hover{ transform:translateY(-4px); box-shadow:var(--pg-shadow-h);
  border-color:var(--teal); color:var(--teal-d); }
.pg-cat-ico{ width:52px; height:52px; border-radius:50%; background:var(--pg-bg);
  display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--teal);
  transition:background .25s,color .25s; }
.pg-cats .pg-cat-card:hover .pg-cat-ico{ background:var(--teal); color:#fff; }
.pg-cat-name{ font-size:13px; font-weight:500; }

/* Deals strip */
.pg-deals-wrap{ background:linear-gradient(135deg,var(--teal) 0%,var(--teal-d) 100%);
  padding:40px 0 48px; margin:50px 0; color:#fff; }
.pg-deals-wrap .pg-section-head{ text-align:left; margin:0; }
.pg-deals-wrap .pg-section-title{ display:inline-block; text-align:left; color:#fff; }
.pg-deals-wrap .pg-section-title:after{ margin:8px 0 0; background:#fff; }
.pg-deals-head{ display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:20px; margin-bottom:28px; }
.pg-countdown{ display:flex; gap:10px; }
.pg-cd{ background:rgba(255,255,255,.15); border-radius:8px; padding:10px 14px;
  text-align:center; min-width:62px; }
.pg-cd-n{ display:block; font-size:22px; font-weight:800; line-height:1; }
.pg-cd-l{ display:block; font-size:11px; text-transform:uppercase; opacity:.9; margin-top:4px; }
.pg-deals-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pg-deals-grid .pg-prod-card{ background:#fff; color:var(--pg-text); }

/* Product cards (home overrides) */
.pg-home .pg-prod-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pg-home .pg-prod-card{ position:relative; background:var(--pg-card); border:1px solid var(--pg-border);
  border-radius:var(--pg-radius); overflow:hidden; transition:all .25s;
  display:flex; flex-direction:column; }
.pg-home .pg-prod-card:hover{ box-shadow:var(--pg-shadow-h); transform:translateY(-3px); border-color:transparent; }
.pg-home .pg-prod-img{ display:block; aspect-ratio:1/1; overflow:hidden; background:#fafafa; padding:0; }
.pg-home .pg-prod-img img{ width:100%; height:100%; object-fit:contain; padding:16px;
  transition:transform .35s; max-width:none; }
.pg-home .pg-prod-card:hover .pg-prod-img img{ transform:scale(1.05); }
.pg-home .pg-prod-body{ padding:14px; display:flex; flex-direction:column; gap:8px; flex:1; align-items:stretch; }
.pg-home .pg-prod-name{ color:var(--pg-text); text-decoration:none; font-weight:600; font-size:14px;
  line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:38px; }
.pg-home .pg-prod-name:hover{ color:var(--teal-d); }
.pg-rating{ color:#F6B100; font-size:12px; letter-spacing:1px; }
.pg-home .pg-prod-price{ font-size:15px; font-weight:800; color:var(--teal-d); }
.pg-price-old{ color:var(--pg-muted); text-decoration:line-through; font-weight:400; font-size:13px; margin-right:4px; }
.pg-price-new{ color:var(--red); }

/* Badges */
.pg-badge{ position:absolute; top:10px; left:10px; font-size:11px; font-weight:800;
  padding:4px 10px; border-radius:20px; color:#fff; z-index:2; text-transform:uppercase; letter-spacing:.5px; }
.pg-badge-sale{ background:var(--red); }
.pg-badge-new{ background:var(--teal); }

/* Buttons (home) */
.pg-home .pg-btn-primary{ background:var(--teal); color:#fff; text-decoration:none;
  padding:9px 14px; border-radius:6px; font-size:13px; font-weight:700; text-align:center;
  display:inline-block; transition:background .2s; margin-top:auto; }
.pg-home .pg-btn-primary:hover{ background:var(--teal-d); color:#fff; }
.pg-home .pg-btn-sm{ background:var(--teal); color:#fff; text-decoration:none;
  padding:7px 12px; border-radius:5px; font-size:12px; font-weight:700; display:inline-block; }
.pg-home .pg-btn-sm:hover{ background:var(--teal-d); color:#fff; }

/* Collection */
.pg-collection{ padding:10px 15px; }
.pg-collection-grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:20px; margin-top:8px; }
.pg-collection-card{ position:relative; overflow:hidden; border-radius:var(--pg-radius);
  box-shadow:var(--pg-shadow); display:block; height:260px; }
.pg-collection-card img{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.pg-collection-card:hover img{ transform:scale(1.06); }
.pg-col-overlay{ position:absolute; inset:auto 0 0 0; padding:18px 20px;
  background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 100%); color:#fff; }
.pg-col-overlay h3{ margin:0 0 6px; font-size:20px; color:#fff; }
.pg-col-tag{ background:var(--red); color:#fff; font-size:11px; padding:3px 8px;
  border-radius:3px; text-transform:uppercase; letter-spacing:.5px; }
.pg-col-cta{ color:#fff; font-weight:700; font-size:13px; }

/* Sale band */
.pg-sale-wrap{ background:var(--pg-bg); padding:30px 0 50px; margin:50px 0; }
.pg-sale-wrap .container{ max-width:1240px; }

/* Brands */
.pg-brands{ padding:10px 15px; }
.pg-brand-row{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-top:8px; }
.pg-brand-card{ border:1px solid var(--pg-border); border-radius:var(--pg-radius);
  padding:20px; background:#fff; display:flex; align-items:center; justify-content:center;
  transition:all .25s; height:100px; }
.pg-brand-card:hover{ border-color:var(--teal); box-shadow:var(--pg-shadow-h); }
.pg-brand-card img{ max-height:50px; max-width:100%; object-fit:contain;
  filter:grayscale(1); opacity:.75; transition:all .25s; }
.pg-brand-card:hover img{ filter:none; opacity:1; }

/* Testimonials */
.pg-testi-wrap{ background:var(--pg-bg); padding:40px 0 50px; margin:50px 0 0; }
.pg-testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:28px; }
.pg-testi-card{ background:#fff; border-radius:var(--pg-radius); padding:24px;
  box-shadow:var(--pg-shadow); position:relative; }
.pg-testi-card:before{ content:"\201C"; position:absolute; top:-12px; left:18px;
  font-size:70px; line-height:1; color:var(--teal); font-family:Georgia,serif; }
.pg-testi-stars{ color:#F6B100; margin-bottom:10px; }
.pg-testi-body{ color:var(--pg-text); margin:0 0 14px; line-height:1.55; font-size:14px; }
.pg-testi-who strong{ display:block; color:var(--teal-d); }
.pg-testi-who span{ color:var(--pg-muted); font-size:12px; }

/* Newsletter */
.pg-newsletter{ background:linear-gradient(135deg,var(--teal-d) 0%,var(--teal) 100%);
  padding:36px 0; color:#fff; }
.pg-newsletter-inner{ display:flex; align-items:center; justify-content:space-between;
  gap:30px; flex-wrap:wrap; }
.pg-newsletter h3{ margin:0 0 4px; font-size:22px; color:#fff; }
.pg-newsletter p{ margin:0; opacity:.95; font-size:14px; }
.pg-newsletter-form{ display:flex; gap:0; background:#fff; border-radius:6px;
  overflow:hidden; min-width:360px; }
.pg-newsletter-form input{ border:0; padding:12px 16px; flex:1; outline:none; font-size:14px; color:#222; }
.pg-newsletter-form button{ background:var(--red); color:#fff; border:0;
  padding:12px 24px; font-weight:800; cursor:pointer; font-size:14px; }
.pg-newsletter-form button:hover{ background:#c22; }

/* Responsive */
@media(max-width:1100px){
  .pg-cats .pg-cat-grid{ grid-template-columns:repeat(4,1fr); }
  .pg-home .pg-prod-grid,.pg-deals-grid{ grid-template-columns:repeat(3,1fr); }
  .pg-brand-row{ grid-template-columns:repeat(4,1fr); }
  .pg-features-grid{ grid-template-columns:repeat(2,1fr); }
  .pg-collection-grid{ grid-template-columns:1fr 1fr; }
  .pg-testi-grid{ grid-template-columns:1fr 1fr; }
  .pg-footer-cols{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:860px){
  .pg-cats .pg-cat-grid{ grid-template-columns:repeat(3,1fr); }
  .pg-home .pg-prod-grid,.pg-deals-grid{ grid-template-columns:repeat(2,1fr); }
  .pg-brand-row{ grid-template-columns:repeat(3,1fr); }
  .pg-promos{ grid-template-columns:1fr; }
  .pg-collection-grid{ grid-template-columns:1fr; }
  .pg-testi-grid{ grid-template-columns:1fr; }
  .pg-newsletter-form{ min-width:unset; width:100%; }
  .pg-newsletter-inner{ text-align:center; }
  .pg-slider .carousel-item img{ height:260px; }
}

/* ===== Font + body tweaks ===== */
body,
body.common-home,
.pg-header,
.pg-nav,
.pg-home{
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  color: var(--ink);
}

/* ===== New nav bar (white background, demo/2 style) ===== */
.pg-nav{
  background:#fff !important;
  border-bottom:1px solid var(--pg-border);
  position:relative;
}
.pg-nav-row{
  display:flex;
  align-items:center;
  gap:18px;
  padding:0;
}
.pg-nav-shop{
  position:relative;
  background:#2a8f8f;
  display:flex;
  align-items:center;
}
.pg-nav-shop-btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
}
.pg-nav-shop-btn i{ color:#fff; }
.pg-nav-shop:hover .pg-nav-shop-panel{ display:block; }
.pg-nav-shop-panel{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:260px;
  background:#fff;
  border:1px solid var(--pg-border);
  border-radius:0 0 var(--pg-radius) var(--pg-radius);
  box-shadow:var(--pg-shadow-h);
  z-index:2000;
  padding:8px 0;
}
.pg-nav-shop-panel a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 18px;
  color:var(--ink);
  text-decoration:none;
  font-size:14px;
}
.pg-nav-shop-panel a i{ color:var(--teal); width:18px; text-align:center; }
.pg-nav-shop-panel a:hover{ background:#f5fbfc; color:var(--teal-d); }

.pg-nav-sep{
  width:1px;
  height:28px;
  background:#dde3e8;
  margin:0 4px;
}

.pg-nav-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:4px;
  flex:1;
}
.pg-nav-list>li{
  position:relative;
}
.pg-nav-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:18px 14px;
  color:var(--ink);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  white-space:nowrap;
}
.pg-nav-link:hover,
.pg-nav-link.pg-active{ color:var(--red); }

.pg-caret{
  font-size:11px;
  opacity:.65;
}

.pg-pill{
  display:inline-block;
  font-size:10px;
  font-weight:800;
  padding:2px 8px;
  border-radius:12px;
  text-transform:uppercase;
  letter-spacing:.5px;
  line-height:1.3;
}
.pg-pill-hot{ background:var(--red); color:#fff; }
.pg-pill-featured{ background:#ffce00; color:#4a3a00; }

/* Dropdown panels */
.pg-dd{ position:relative; }
.pg-dd:hover .pg-dd-panel{ display:block; }
.pg-dd-panel{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:200px;
  background:#fff;
  border:1px solid var(--pg-border);
  border-radius:var(--pg-radius);
  box-shadow:var(--pg-shadow-h);
  padding:10px 0;
  z-index:1000;
}
.pg-dd-panel a{
  display:block;
  padding:8px 18px;
  color:var(--ink);
  text-decoration:none;
  font-size:14px;
}
.pg-dd-panel a:hover{ background:#f5fbfc; color:var(--teal-d); }
.pg-dd-right{ left:auto; right:0; }

/* Mega menu */
.pg-dd-panel.pg-mega{
  display:none;
  min-width:560px;
  padding:20px 24px;
  display:none;
}
.pg-dd:hover .pg-dd-panel.pg-mega{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.pg-mega-col h6{
  color:var(--teal-d);
  font-weight:700;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:0 0 10px;
  padding-bottom:8px;
  border-bottom:1px solid var(--pg-border);
}
.pg-mega-col a{
  display:block;
  padding:6px 0;
  color:var(--ink);
  text-decoration:none;
  font-size:14px;
}
.pg-mega-col a:hover{ color:var(--teal); }

/* Account link on the right */
.pg-nav-account{
  margin-left:auto;
  position:relative;
}
.pg-nav-account .pg-nav-link{ padding:16px 20px; }
.pg-nav-account .pg-dd-panel{ left:auto; right:0; }

/* Coupon strip under the nav */
.pg-coupon-strip{
  background:var(--red);
  color:#fff;
  padding:10px 0;
}
.pg-coupon-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  font-size:14px;
}
.pg-coupon-code{
  display:inline-block;
  border:1px dashed #fff;
  padding:3px 12px;
  font-weight:700;
  letter-spacing:1px;
  font-size:13px;
  border-radius:3px;
}

/* Keep legacy chrome nav resets neutral; .pg-nav-link handles all styling */

@media(max-width:1100px){
  .pg-nav-shop{ display:none; }
  .pg-nav-sep{ display:none; }
  .pg-dd-panel.pg-mega{ min-width:0; grid-template-columns:1fr; }
  .pg-dd:hover .pg-dd-panel.pg-mega{ grid-template-columns:1fr; }
}
@media(max-width:860px){
  .pg-nav-row{ flex-wrap:wrap; }
  .pg-nav-list{ overflow-x:auto; }
  .pg-nav-link{ padding:12px 10px; font-size:13px; }
}


/* ========= PRODUCT DETAIL PAGE (product.twig uses stock Bootstrap classes) ========= */
#product-info{
  max-width:1240px;
  padding-top:24px;
}
#product-info .breadcrumb{
  background:transparent;
  padding:12px 0 18px;
  font-size:14px;
  color:#8a95a0;
  margin-bottom:14px;
  border-bottom:1px solid var(--pg-border);
}
#product-info .breadcrumb a{ color:#8a95a0; text-decoration:none; }
#product-info .breadcrumb a:hover{ color:var(--teal-d); }
#product-info .breadcrumb-item+.breadcrumb-item::before{ content:"/"; color:#c0c7cf; }

#product-info h1{
  font-size:32px;
  font-weight:800;
  color:var(--ink);
  margin:0 0 10px;
  letter-spacing:-.3px;
}

/* product image gallery */
#product-info .magnific-popup{ border:1px solid var(--pg-border); border-radius:var(--pg-radius);
  padding:14px; background:#fff; }
#product-info .magnific-popup .img-thumbnail{ border:0; padding:0; max-width:100%; height:auto; }

/* product meta list */
#product-info .list-unstyled{ color:#555; font-size:15px; line-height:2; margin-bottom:14px; }
#product-info .list-unstyled a{ color:var(--teal-d); text-decoration:none; font-weight:600; }
#product-info .list-unstyled a:hover{ text-decoration:underline; }

/* rating stars */
#product-info .rating{ margin:8px 0 18px; }
#product-info .rating .fa-star{ color:#FFB71B; font-size:16px; margin-right:1px; }
#product-info .rating .fa-regular.fa-star{ color:#d8d8d8; }

/* price block */
#product-info .price-new,
#product-info h2 .price-new{
  color:var(--ink);
  font-size:30px;
  font-weight:800;
}
#product-info .price-old{
  color:#9aa6b2;
  font-size:16px;
  text-decoration:line-through;
  margin-left:10px;
  font-weight:500;
}
#product-info .price-tax{ color:#8a95a0; font-size:13px; margin-top:4px; }

/* quantity + action buttons */
#product-info #input-quantity{
  width:60px;
  text-align:center;
  border:1px solid var(--pg-border);
  border-radius:6px;
  padding:8px;
  margin:0 8px;
}
#product-info #button-cart,
#product-info button[id*="cart"]{
  background:var(--red) !important;
  border:0 !important;
  color:#fff !important;
  padding:12px 28px !important;
  font-weight:700 !important;
  border-radius:30px !important;
  letter-spacing:.5px !important;
  text-transform:uppercase;
  transition:background .2s;
}
#product-info #button-cart:hover{ background:#c02020 !important; }

#product-info .btn-primary,
#product-info .btn-info{
  background:var(--teal);
  border-color:var(--teal);
  color:#222;
  font-weight:700;
  border-radius:30px;
  padding:10px 24px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
#product-info .btn-primary:hover,
#product-info .btn-info:hover{ background:var(--teal-d); border-color:var(--teal-d); color:#222; }

#product-info .btn-light,
#product-info button[onclick*="wishlist"],
#product-info button[onclick*="compare"]{
  background:#f4f7f8;
  border:1px solid var(--pg-border);
  color:#555;
  width:42px; height:42px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
#product-info .btn-light:hover{ background:var(--teal); color:#222; border-color:var(--teal); }

/* tabs (description / reviews) */
#product-info .nav-tabs{
  border-bottom:2px solid var(--pg-border);
  margin-top:30px;
}
#product-info .nav-tabs .nav-link{
  color:#8a95a0;
  font-weight:600;
  border:0;
  padding:12px 20px;
  border-bottom:2px solid transparent;
  margin-bottom:-2px;
}
#product-info .nav-tabs .nav-link.active{
  color:var(--ink);
  background:transparent;
  border-bottom-color:var(--teal);
}

/* tab content */
#product-info .tab-content{
  padding:20px 0;
  color:#444;
  line-height:1.65;
}

/* ========= CATEGORY / LIST PAGE POLISH ========= */
#product-category .breadcrumb,
#product-manufacturer .breadcrumb,
#product-search .breadcrumb{
  background:transparent;
  padding:12px 0 18px;
  font-size:14px;
  border-bottom:1px solid var(--pg-border);
  margin-bottom:20px;
}
.product-thumb{
  border:1px solid var(--pg-border);
  border-radius:var(--pg-radius);
  background:#fff;
  overflow:hidden;
  transition:box-shadow .2s, transform .2s;
}
.product-thumb:hover{ box-shadow:var(--pg-shadow-h); transform:translateY(-3px); }
.product-thumb .caption h4 a,
.product-thumb h4 a{ color:var(--ink); text-decoration:none; font-weight:600; }
.product-thumb .price,
.product-thumb .price-new{ color:var(--ink); font-weight:800; font-size:17px; }
.product-thumb .price-old{ color:#9aa6b2; text-decoration:line-through; font-size:14px; }

/* ========= Misc chrome polish ========= */
/* Fix dropdown-menu (All Categories in header search) z-index above hero slider */
.pg-search .dropdown-menu{ z-index:2500 !important; min-width:200px; }
.pg-search .dropdown-menu .dropdown-item{ padding:9px 18px; font-size:14px; }
.pg-search .dropdown-menu .dropdown-item:hover{ background:#fff8e8; color:var(--teal-d); }

/* Nav row — give main nav more breathing room */
.pg-nav-row{ padding:0 0 0 0; min-height:56px; }
.pg-nav-list{ gap:6px; padding-left:12px; }

/* Shop by Category — match demo teal-pill look (left-aligned block) */
.pg-nav-shop{ border-radius:0; }

/* Nav separator visibility */
.pg-nav-sep{ height:32px; margin:0 10px; }

/* Wishlist/account icons in header: slightly larger spacing */
.pg-hdr-icons{ gap:22px; font-size:22px; }

/* Cart badge: restyle to red (more visible on white) */
.pg-cart span{ background:var(--red); }

/* Logo size tweak so it aligns with the taller search bar */
.pg-logo img{ height:52px; }


/* ========= CATEGORY / LIST PAGE SIDEBAR + CONTENT ========= */
#product-category,
#product-manufacturer,
#product-search{
  max-width:1240px;
  padding-top:24px;
}

/* Left column (list of sibling categories) — compact, demo-like */
#column-left .list-group{
  border-radius:var(--pg-radius);
  overflow:hidden;
  border:1px solid var(--pg-border);
  margin-bottom:24px;
}
#column-left .list-group-item{
  border:0;
  border-bottom:1px solid var(--pg-border);
  padding:10px 16px;
  font-size:14px;
  font-weight:500;
  color:#444;
  background:#fff;
  text-decoration:none;
  line-height:1.4;
  transition:background .15s, color .15s;
}
#column-left .list-group-item:last-child{ border-bottom:0; }
#column-left .list-group-item:hover{ background:#fff8e8; color:var(--teal-d); }
#column-left .list-group-item.active{
  background:var(--teal);
  color:#222;
  font-weight:700;
  border-color:var(--teal);
}

/* Category page heading & description — normalize font sizes */
#product-category h1,
#product-manufacturer h1,
#product-search h1{
  font-size:26px;
  font-weight:800;
  color:var(--ink);
  margin:4px 0 16px;
  letter-spacing:-.2px;
}
#product-category > .row > #content > .row{ margin-bottom:18px; }
#product-category .col-3 .img-thumbnail{ max-width:120px; border:1px solid var(--pg-border); border-radius:8px; }
#product-category .col-9,
#product-category .col-9 p,
#product-category .col-9 *{
  font-size:14px !important;
  line-height:1.65 !important;
  color:#555 !important;
  font-weight:400 !important;
}
#product-category hr{ margin:20px 0; border-top:1px solid var(--pg-border); opacity:1; }

/* Sort / Show / Compare row */
#product-category #compare-total,
#product-category .btn-primary{
  background:var(--teal);
  border-color:var(--teal);
  color:#222;
  font-weight:700;
  border-radius:24px;
  padding:8px 18px;
}
#product-category #compare-total:hover,
#product-category .btn-primary:hover{
  background:var(--teal-d);
  border-color:var(--teal-d);
  color:#222;
}
#product-category #button-list,
#product-category #button-grid{
  background:#fff;
  border:1px solid var(--pg-border);
  color:#777;
  padding:6px 12px;
}
#product-category #button-list:hover,
#product-category #button-grid:hover{ background:var(--teal); color:#222; border-color:var(--teal); }
#product-category .input-group-text{ background:#fff; border-color:var(--pg-border); font-weight:600; color:#555; font-size:13px; }
#product-category .form-select{ border-color:var(--pg-border); font-size:14px; }

/* Product list cards (the actual products shown below the sort bar) */
#product-list .col{ padding:0 10px; }
#product-list .product-thumb,
#product-list .card{
  border:1px solid var(--pg-border);
  border-radius:var(--pg-radius);
  background:#fff;
  overflow:hidden;
  transition:box-shadow .2s, transform .2s;
  height:100%;
  display:flex;
  flex-direction:column;
}
#product-list .product-thumb:hover,
#product-list .card:hover{ box-shadow:var(--pg-shadow-h); transform:translateY(-3px); }
#product-list .product-thumb .image img,
#product-list .card-img-top,
#product-list img{ max-width:100%; height:200px; object-fit:contain; padding:12px; background:#fafafa; }
#product-list .caption,
#product-list .card-body{ padding:12px 14px; }
#product-list h4,
#product-list .card-title{ font-size:14px; font-weight:600; margin:0 0 8px; }
#product-list h4 a{ color:var(--ink); text-decoration:none; }
#product-list h4 a:hover{ color:var(--teal-d); }
#product-list .price{ font-size:16px; font-weight:800; color:var(--ink); }
#product-list .price-old{ color:#9aa6b2; text-decoration:line-through; font-size:13px; font-weight:400; margin-left:6px; }

/* ========= PRODUCT PAGE — layout polish on top of earlier CSS ========= */
#product-info > .row{ margin-top:10px; }
#product-info #content{ padding-top:10px; }

/* Make breadcrumb match category page */
#product-info .breadcrumb .breadcrumb-item a,
#product-category .breadcrumb .breadcrumb-item a{
  color:var(--teal-d);
  font-weight:600;
}
#product-info .breadcrumb .breadcrumb-item.active,
#product-category .breadcrumb .breadcrumb-item.active{
  color:#8a95a0;
  font-weight:500;
}

/* Image column (left): thumbnail strip under main image */
#product-info .magnific-popup > a > img.img-thumbnail{
  margin-bottom:12px !important;
  width:100%;
  height:auto;
  max-height:460px;
  object-fit:contain;
  border:1px solid var(--pg-border);
  padding:16px;
}
#product-info .magnific-popup > div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#product-info .magnific-popup > div a{
  flex:0 0 72px;
  display:block;
}
#product-info .magnific-popup > div .img-thumbnail{
  width:72px;
  height:72px;
  object-fit:contain;
  padding:4px;
  border:1px solid var(--pg-border);
  border-radius:6px;
  cursor:pointer;
}
#product-info .magnific-popup > div .img-thumbnail:hover{ border-color:var(--teal); }

/* Right column: bordered price+cart section (demo-style) */
#product-info .price-tax,
#product-info .list-unstyled + hr{ display:none; }

/* Inject bordered styling on the quantity/cart area */
#product-info form[id*="form-product"] > .mb-3:has(#button-cart),
#product-info form > div:has(#button-cart){
  background:#fff;
  border:1px solid var(--pg-border);
  border-radius:10px;
  padding:16px;
  margin-top:20px;
}

/* ========= Nav bar: ensure spacing works ========= */
.pg-nav-list{ gap:6px; padding-left:12px; }
.pg-nav-list > li { margin:0; }

/* The dark-teal "Shop by Category" pill: make text size match demo */
.pg-nav-shop-btn{ font-size:14px; }

/* ========= Section headings on home page ========= */
.pg-section-head{ margin:28px 0 22px; }

/* ========= Fix the "FEATURED" pill contrast ========= */
.pg-pill-featured{ background:#ffce00; color:#4a3a00; font-size:10px; padding:2px 8px; }
.pg-pill-hot{ background:var(--red); color:#fff; font-size:10px; padding:2px 8px; }


/* ========= FONT SIZE NORMALIZATION (match demo.pocotheme.com/2) ========= */

/* Base body font — 14px default across all pages */
body,
body.common-home,
body .content{
  font-size:14px !important;
  line-height:1.6 !important;
  color:var(--ink);
}

/* Page container headings — demo scale */
#product-info h1,
#product-category h1,
#product-manufacturer h1,
#product-search h1,
#account-account h1,
#checkout-cart h1,
#information-information h1{
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  margin:4px 0 14px !important;
  letter-spacing:-.2px;
  color:var(--ink);
}

/* Section subheads */
#product-info h2,
#product-category h2,
#product-manufacturer h2,
#product-search h2,
.content h2{ font-size:22px !important; font-weight:700 !important; margin:16px 0 10px !important; color:var(--ink); }

#product-info h3,
#product-category h3,
#product-manufacturer h3,
#product-search h3,
.content h3{ font-size:18px !important; font-weight:700 !important; margin:14px 0 10px !important; color:var(--ink); }

#product-info h4,
#product-category h4,
#product-manufacturer h4,
.content h4{ font-size:15px !important; font-weight:700 !important; color:var(--ink); }

#product-info h5, .content h5{ font-size:14px !important; font-weight:700 !important; color:var(--ink); }
#product-info h6, .content h6{ font-size:13px !important; font-weight:700 !important; color:var(--ink); }

/* Paragraphs, list items, generic text under content */
#product-info p, #product-category p, #product-manufacturer p, #product-search p,
#product-info li, #product-category li, #product-manufacturer li, #product-search li,
#product-info td, #product-category td,
#product-info .tab-content, #product-info .tab-content *,
#product-info .list-unstyled, #product-info .list-unstyled *{
  font-size:14px !important;
  line-height:1.65 !important;
  color:#333 !important;
  font-weight:400 !important;
}

/* Strong tags keep bold */
#product-info strong, #product-info b,
#product-info .tab-content strong, #product-info .tab-content b{
  font-weight:700 !important;
  color:var(--ink) !important;
  font-size:14px !important;
}

/* Tab buttons (DESCRIPTION / REVIEWS) */
#product-info .nav-tabs .nav-link{
  font-size:14px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.5px;
  padding:14px 22px !important;
}

/* Description tab wrapper padding */
#product-info .tab-content #tab-description,
#product-info .tab-content #tab-review{ padding:24px 4px !important; }

/* Price block normalization */
#product-info .price-new, #product-info h2 .price-new{ font-size:30px !important; }
#product-info .price-old{ font-size:16px !important; }
#product-info .list-unstyled li{ font-size:14px !important; line-height:2 !important; }

/* ========= NAV LINK VISIBILITY — Maza combine CSS override ========= */
.pg-nav .pg-nav-list .pg-nav-link,
.pg-nav .pg-nav-list .pg-nav-link:visited,
nav.pg-nav ul.pg-nav-list li a.pg-nav-link{
  color:#17202a !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  background:transparent !important;
}
.pg-nav .pg-nav-list .pg-nav-link.pg-active,
nav.pg-nav ul.pg-nav-list li a.pg-nav-link.pg-active{
  color:#ff2a2a !important;
}
.pg-nav .pg-nav-list .pg-nav-link:hover{ color:#ff2a2a !important; }
.pg-nav .pg-nav-account .pg-nav-link{
  color:#17202a !important;
  font-size:14px !important;
}
/* Keep caret + icons visible */
.pg-nav .pg-nav-link .pg-caret,
.pg-nav .pg-nav-link i{ color:inherit !important; opacity:.8; }

/* ========= IMAGE SIZING NORMS (match demo) ========= */

/* Product list / grid images */
#product-list .product-thumb .image img,
#product-list .card-img-top,
#product-list img,
.product-thumb img,
#content .product-layout img{
  max-width:100% !important;
  height:230px !important;
  object-fit:contain !important;
  padding:12px !important;
  background:#fff !important;
}

/* Product detail main image */
#product-info .magnific-popup > a > img.img-thumbnail{
  max-height:500px !important;
  height:auto !important;
  width:100% !important;
  object-fit:contain !important;
  padding:20px !important;
  background:#fff !important;
}

/* Product detail thumbnails */
#product-info .magnific-popup > div .img-thumbnail{
  width:80px !important;
  height:80px !important;
  padding:6px !important;
}

/* Category page small thumbnail */
#product-category .col-3 .img-thumbnail,
#product-manufacturer .col-3 .img-thumbnail{
  max-width:120px !important;
  height:auto !important;
}

/* Breadcrumb uniform */
.breadcrumb{ font-size:14px !important; }
.breadcrumb .breadcrumb-item{ font-size:14px !important; }

/* Links color consistency (demo yellow/orange for active) */
#product-info a, #product-category a, #product-manufacturer a, #product-search a,
#account-account a, .tab-content a{
  color:var(--teal-d) !important;
  text-decoration:none;
}
#product-info a:hover, #product-category a:hover, #product-manufacturer a:hover{
  text-decoration:underline;
  color:var(--teal) !important;
}

/* Sidebar list (category sibling nav) — normalize */
#column-left .list-group-item{ font-size:14px !important; padding:10px 14px !important; }

/* Pagination */
.pagination .page-link{ font-size:14px !important; color:var(--ink) !important; border-color:var(--pg-border); }
.pagination .page-item.active .page-link{ background:var(--teal); border-color:var(--teal); color:#222; }

/* Form fields default */
.form-control, .form-select{ font-size:14px !important; }

/* Buttons default */
.btn{ font-size:14px !important; }

/* ========= FIX category product grid: show one image only, kill auto-cycle ========= */
/* Each .product-thumb wraps its image in a bootstrap carousel w/ 3 slides.
   Force only the first (active) slide to show, hide indicators. */
#product-list .product-thumb .carousel-item{ display:none !important; }
#product-list .product-thumb .carousel-item.active{ display:block !important; }
#product-list .product-thumb .carousel-indicators{ display:none !important; }
#product-list .product-thumb .carousel-inner{ height:auto !important; }

/* Single visible image sizing (override earlier blanket rule) */
#product-list .product-thumb .carousel-item img,
#product-list .product-thumb .image img{
  width:100% !important;
  height:260px !important;
  object-fit:contain !important;
  padding:18px !important;
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Lazy-load transparent placeholder: don't paint it big/forced */
#product-list .lazy-load[src*="transparent-"]{
  min-height:260px;
  background:#fafafa !important;
}

/* Hide the random HP/Compaq banner carousel that bleeds under the sidebar */
#column-left #carousel-banner-0,
#column-left .carousel.carousel-fade{
  display:none !important;
}

/* Category product card chrome */
#product-list .product-thumb{
  position:relative;
  overflow:hidden;
  background:#fff;
}
#product-list .product-thumb .caption,
#product-list .product-thumb .caption .title{ padding:0; margin:0; }
#product-list .product-thumb .caption{ padding:12px 14px 16px !important; }
#product-list .product-thumb .caption h4.title{ margin-bottom:6px !important; font-size:15px !important; }
#product-list .product-thumb .caption h4.title a{ color:var(--teal-d) !important; font-weight:700; }
#product-list .product-thumb .caption h4.title a:hover{ color:var(--teal) !important; }
#product-list .product-thumb .price{ font-size:17px !important; font-weight:800 !important; color:var(--ink) !important; margin-top:4px; }
#product-list .product-thumb .price-new{ color:var(--ink) !important; }
#product-list .product-thumb .price-old{ color:#9aa6b2 !important; text-decoration:line-through; font-weight:500 !important; margin-left:6px; font-size:14px !important; }

/* Small description under price (if any) — match demo */
#product-list .product-thumb .caption .description,
#product-list .product-thumb .caption p{
  font-size:13px !important;
  color:#666 !important;
  line-height:1.5 !important;
  margin:6px 0 0 !important;
}