:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(58,58,58);
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(107,31,50);
	--wd-alternative-color: rgb(244,233,230);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(107,31,50);
	--btn-accented-bgcolor-hover: rgb(107,31,50);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://parisperfumebd.com/wp-content/uploads/2021/09/glasses-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(244,233,230);
	--wd-bordered-bg:rgb(244,233,230);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(109,23,43);
	background-image: none;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(107,31,50);
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//parisperfumebd.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff2") format("woff2"), 
url("//parisperfumebd.com/wp-content/uploads/2021/09/hkgroteskpro-regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//parisperfumebd.com/wp-content/uploads/2021/09/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//parisperfumebd.com/wp-content/uploads/2021/09/hkgroteskpro-semibold.woff") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//parisperfumebd.com/wp-content/uploads/2021/09/hkgroteskpro-medium.woff2") format("woff2"), 
url("//parisperfumebd.com/wp-content/uploads/2021/09/hkgroteskpro-medium.woff") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

/* ==========================================================================
   Paris Perfume — home page CSS for the WOODMART version of the template
   (paris-perfume-home-woodmart.json)

   Paste into: WoodMart ▸ Theme Settings ▸ Custom CSS ▸ Global custom CSS
   (or Appearance ▸ Customize ▸ Additional CSS)

   Much shorter than the pure-Elementor stylesheet: WoodMart's own widgets
   style their product cards, brand logos and banners. All that's left is the
   brand palette, the section headings, and the bits that are still Elementor
   core widgets (reviews, trust bar, SEO block).
   ------------------------------------------------------------------------ */
:root{
  --pp-brand:#6B1F32;
  --pp-brand-dark:#4E1624;
  --pp-tint:#F3EDEF;
  --pp-border:#DAC7CC;
  --pp-ink:#1E1A1B;
  --pp-muted:#6E6367;
  --pp-gold:#B08D57;
  --pp-radius:10px;
  --pp-shadow:0 1px 2px rgba(30,26,27,.05), 0 6px 18px rgba(30,26,27,.06);
}

/* ---------- 1. Section titles: small maroon bar + heading ---------------- */
.pp-sec-head{ align-items:center !important; }
.pp-sec-title .elementor-heading-title{
  position:relative; padding-left:14px; color:var(--pp-ink);
}
.pp-sec-title .elementor-heading-title::before{
  content:""; position:absolute; left:0; top:.18em; bottom:.18em;
  width:4px; border-radius:3px; background:var(--pp-brand);
}
.pp-sec-title--center .elementor-heading-title{ padding-left:0; }
.pp-sec-title--center .elementor-heading-title::before{ display:none; }
.pp-sec-title--center .elementor-heading-title::after{
  content:""; display:block; width:56px; height:3px; border-radius:3px;
  background:var(--pp-brand); margin:12px auto 0;
}

/* ---------- 2. "View All" pill ------------------------------------------ */
.pp-viewall .elementor-button{
  background:transparent; color:var(--pp-brand) !important;
  border:1px solid var(--pp-border); transition:.18s ease;
}
.pp-viewall .elementor-button:hover{
  background:var(--pp-brand); color:#fff !important; border-color:var(--pp-brand);
}
.pp-viewall--big .elementor-button{
  background:var(--pp-brand); color:#fff !important;
  border-color:var(--pp-brand); padding:12px 30px; letter-spacing:.02em;
}
.pp-viewall--big .elementor-button:hover{ background:var(--pp-brand-dark); }

/* ---------- 3. WoodMart accents: recolour to the brand maroon ----------- */
/* product row nav arrows + pagination */
.pp-wd-products .wd-btn-arrow,
.pp-wd-hero .wd-btn-arrow,
.pp-wd-brands .wd-btn-arrow{
  --wd-arrow-color:var(--pp-brand);
  color:var(--pp-brand);
}
.pp-wd-products .wd-nav-pagin li.wd-active span,
.pp-wd-hero .wd-nav-pagin li.wd-active span{ background:var(--pp-brand); }

/* price + add-to-cart inside WoodMart's own cards */
.pp-wd-products .price,
.pp-wd-products .price ins{ color:var(--pp-brand) !important; }
.pp-wd-products .price del,
.pp-wd-products .price del .amount{ color:var(--pp-muted) !important; opacity:.85; }
.pp-wd-products .wd-add-btn > a,
.pp-wd-products .product .button{
  background-color:var(--pp-brand) !important;
  border-color:var(--pp-brand) !important;
  color:#fff !important;
}
.pp-wd-products .wd-add-btn > a:hover,
.pp-wd-products .product .button:hover{
  background-color:var(--pp-brand-dark) !important;
  border-color:var(--pp-brand-dark) !important;
}
/* sale badge */
.pp-wd-products .product-label.onsale{
  background-color:var(--pp-brand) !important; color:#fff !important;
}
/* WoodMart's "Load More" on the Just For You row */
.pp-justforyou .wd-products-load-more .btn,
.pp-justforyou .wd-load-more-btn{
  background-color:var(--pp-brand) !important;
  border-color:var(--pp-brand) !important;
  color:#fff !important;
}

/* ---------- 4. Heroes + banners (all 11 layouts) ------------------------
   WoodMart renders a banner as .promo-banner > .banner-image > img with
   `object-fit: cover` at the height set by the widget's own responsive
   `image_height` control. Heights are NOT set here — only rounding, the
   legibility scrim, and text sizing.                                     */
.pp-hero .promo-banner,
.pp-wide-banner .promo-banner{
  border-radius:var(--pp-radius);
  overflow:hidden;
}

/* dark scrim so the overlaid headline stays readable on any image */
.pp-hero .wrapper-content-banner,
.pp-wide-banner .wrapper-content-banner{
  background:linear-gradient(90deg,
    rgba(20,10,14,.62) 0%, rgba(20,10,14,.28) 58%, rgba(20,10,14,0) 100%);
}
.pp-hero :is(.banner-title,.banner-subtitle),
.pp-wide-banner :is(.banner-title,.banner-subtitle){ color:#fff; }
.pp-hero .banner-subtitle{ opacity:.92; }

/* small cards and tiles carry less text — centre it and drop the side scrim */
.pp-hero-tile .wrapper-content-banner{
  background:linear-gradient(0deg, rgba(20,10,14,.68) 0%, rgba(20,10,14,.18) 100%);
  align-items:flex-end;
  justify-content:center;
  text-align:center;
  padding:14px;
}
.pp-hero-tile .banner-title{ font-size:14px; margin:0; }
.pp-hero-card .banner-title{ font-size:18px; }
.pp-hero-card--slim .wrapper-content-banner{ padding:14px 18px; }
.pp-hero-card--slim .banner-title{ font-size:15px; }
.pp-hero-third .banner-title{ font-size:22px; }

/* H07 editorial: the maroon text panel and its two buttons */
.pp-hero-07 .pp-hero-lede{ max-width:44ch; }
.pp-hero-07 .pp-hero-editorial-img .promo-banner{
  border-radius:0 var(--pp-radius) var(--pp-radius) 0;
}
.pp-hero-07 .pp-hero-editorial-img .wrapper-content-banner{ background:none; }
.pp-hero-btn .elementor-button{ box-shadow:none; }
.pp-hero-btn--ghost .elementor-button{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.55);
}
.pp-hero-btn--ghost .elementor-button:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:#fff;
}

/* H09 trust strip sits inside the hero section */
.pp-hero-truststrip .elementor-icon-box-wrapper{
  background:#fff;
  border:1px solid var(--pp-border);
  border-radius:var(--pp-radius);
  padding:14px;
  height:100%;
}
.pp-hero-truststrip .elementor-icon{
  background:var(--pp-tint);
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.pp-hero-truststrip .elementor-icon-box-icon{ margin-bottom:0 !important; }

/* H10 live 2x2 category grid beside the banner */
.pp-hero-catgrid{ height:100%; }
.pp-hero-catgrid .wd-cat{ height:100%; }

/* ---------- 5. Featured category tiles --------------------------------- */
.pp-wd-cats .wd-cat{
  background:#fff; border:1px solid var(--pp-border);
  border-radius:var(--pp-radius); transition:.18s ease;
}
.pp-wd-cats .wd-cat:hover{
  border-color:var(--pp-brand); box-shadow:var(--pp-shadow);
  transform:translateY(-2px);
}
.pp-wd-cats .wd-entities-title a{ color:var(--pp-ink); }
.pp-wd-cats .wd-cat:hover .wd-entities-title a{ color:var(--pp-brand); }

/* ---------- 6. Brand logos --------------------------------------------
   The column count is pinned here rather than left to WoodMart's variable
   cascade. Why: woodmart_get_carousel_attributes() emits --wd-col-lg,
   --wd-col-md and --wd-col-sm and stops. But style.css:1308 switches to
   --wd-col-xs below 576px — the width of nearly every phone — and nothing in
   the theme ever emits --wd-col-xs for a carousel or a grid. It only works via
   the fallback `--wd-col-xs: var(--wd-col-sm)` in the same rule, which any
   theme-settings override, cached CSS file or RTL sheet can outrank.
   So: set every tier, and set --wd-col directly per breakpoint as well, which
   bypasses the chain completely. Belt and braces on purpose.        */
.pp-wd-brands .wd-carousel,
.pp-wd-brands [class*="wd-grid"]{
  --wd-col-lg:6 !important;
  --wd-col-md:4 !important;
  --wd-col-sm:3 !important;
  --wd-col-xs:2 !important;
}
@media (max-width:1024px){
  .pp-wd-brands [class*="wd-grid"]{ --wd-col:4 !important; }
}
@media (max-width:768.98px){
  .pp-wd-brands [class*="wd-grid"]{ --wd-col:3 !important; }
}
@media (max-width:576px){
  .pp-wd-brands [class*="wd-grid"]{ --wd-col:2 !important; }
}

.pp-wd-brands .wd-brand-item{
  border-color:var(--pp-border) !important;
  border-radius:var(--pp-radius);
  display:flex; align-items:center; justify-content:center;
  min-height:84px;
  padding:12px;
}
.pp-wd-brands img{
  filter:grayscale(1); opacity:.75; transition:.2s ease;
  max-height:52px; width:auto; max-width:100%; object-fit:contain;
}
.pp-wd-brands .wd-brand-item:hover img{ filter:none; opacity:1; }

@media (max-width:1024px){
  .pp-wd-brands .wd-brand-item{ min-height:74px; padding:10px; }
  .pp-wd-brands img{ max-height:44px; }
}
@media (max-width:768.98px){
  .pp-wd-brands .wd-brand-item{ min-height:66px; padding:9px; }
  .pp-wd-brands img{ max-height:38px; }
}
@media (max-width:576px){
  .pp-wd-brands .wd-brand-item{ min-height:58px; padding:8px; }
  .pp-wd-brands img{ max-height:32px; }
  /* WoodMart hides carousel arrows below 1024px when "disable carousel on
     mobile devices" is on (opt-carousel-disable.css) and turns the row into a
     horizontal scroll strip — make that swipe obvious instead of looking stuck */
  .pp-wd-brands .wd-carousel-wrap{ scroll-snap-type:x mandatory; }
  .pp-wd-brands .wd-carousel-item{ scroll-snap-align:start; }
}

/* ---------- 7. Reviews (Elementor core testimonial) -------------------- */
.pp-review .elementor-testimonial-wrapper{
  background:#fff; border:1px solid var(--pp-border);
  border-radius:var(--pp-radius); padding:20px; height:100%;
}
.pp-review .elementor-testimonial-content{ margin-bottom:14px; }
.pp-review .elementor-testimonial-content::before{
  content:"\201C"; display:block; font-family:Georgia,serif;
  font-size:40px; line-height:.6; color:var(--pp-border); margin-bottom:8px;
}
.pp-review .elementor-testimonial-image img{
  width:44px; height:44px; border-radius:50%; object-fit:cover;
}
.pp-review .elementor-testimonial-name{ font-size:14px; font-weight:700; }
.pp-review .elementor-testimonial-job{ font-size:12.5px; }

/* ---------- 8. Trust bar (Elementor core icon-box) -------------------- */
.pp-trustbar{ border-top:1px solid var(--pp-border); }
.pp-trust .elementor-icon-box-wrapper{
  background:#fff; border:1px solid var(--pp-border);
  border-radius:var(--pp-radius); padding:16px; height:100%;
}
.pp-trust .elementor-icon-box-icon{ margin-bottom:0 !important; }
.pp-trust .elementor-icon{
  background:var(--pp-tint); width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.pp-trust .elementor-icon-box-title{ margin-bottom:4px !important; }

/* ---------- 9. SEO copy block --------------------------------------- */
.pp-seo-copy{ max-width:840px; margin:0 auto; }

/* ==========================================================================
   RESPONSIVE
   Breakpoints match Elementor's defaults, which is what the widgets' own
   _tablet / _mobile settings key off:
     tablet  <= 1024px      mobile  <= 767px
   Banner heights, product columns, brand slides and category columns are all
   already responsive from the template's own settings. What is left here is
   the Elementor-core furniture and the multi-column rows that would otherwise
   collapse into a very tall stack.
   ------------------------------------------------------------------------ */

/* ---------------------------------------------------- tablet (<=1024px) -- */
@media (max-width:1024px){
  .pp-block{ padding-left:16px !important; padding-right:16px !important; }
  .pp-hero{  padding-left:16px !important; padding-right:16px !important; }

  .pp-sec-title .elementor-heading-title{ font-size:21px !important; }

  /* H07: the text panel gets tighter, headline steps down */
  .pp-hero-07 .elementor-column:first-child{ padding:32px 26px !important; }
  .pp-hero-07 .pp-hero-lede{ max-width:none; }

  .pp-hero-third .banner-title{ font-size:19px; }
  .pp-trust .elementor-icon-box-description{ font-size:12px; }
}

/* ---------------------------------------------------- mobile (<=767px) --- */
@media (max-width:767px){
  .pp-block{ padding-left:12px !important; padding-right:12px !important; }
  .pp-hero{  padding-left:12px !important; padding-right:12px !important; }
  .pp-block > .elementor-container{ padding-top:0; }

  /* --- section heads: keep title left / View All right on one line ------ */
  .pp-sec-head .elementor-container{
    flex-direction:row !important;
    flex-wrap:nowrap;
    align-items:center;
  }
  .pp-sec-head .elementor-column{ width:auto !important; }
  .pp-sec-head .elementor-column:first-child{ flex:1 1 auto; min-width:0; }
  .pp-sec-title .elementor-heading-title{ font-size:17px !important; }
  .pp-viewall .elementor-button{
    padding:7px 12px; font-size:11.5px !important; white-space:nowrap;
  }
  .pp-viewall .elementor-button-icon{ display:none; }
  .pp-viewall--big .elementor-button{ padding:11px 22px; font-size:13px !important; }

  /* --- heroes ----------------------------------------------------------- */
  /* stacked hero columns need breathing room once they are full width */
  .pp-hero-03 .elementor-column,
  .pp-hero-04 .elementor-column,
  .pp-hero-05 .elementor-column,
  .pp-hero-08 .elementor-column,
  .pp-hero-10 .elementor-column{ margin-bottom:10px; }
  .pp-hero .elementor-column:last-child{ margin-bottom:0; }

  /* H05/H08: slider first, shortcut cards under it */
  .pp-hero-05 .elementor-container{ flex-direction:column-reverse !important; }

  /* H06 tiles hold 2x2 instead of stacking into a 4-storey tower */
  .pp-hero-tilerow .elementor-container{
    flex-direction:row !important;
    flex-wrap:wrap !important;
  }
  .pp-hero-tilerow .elementor-column{ width:50% !important; }

  /* H09 trust strip: same, 2x2 */
  .pp-hero-truststrip .elementor-container{
    flex-direction:row !important;
    flex-wrap:wrap !important;
  }
  .pp-hero-truststrip .elementor-column{ width:50% !important; }
  .pp-hero-truststrip .elementor-icon-box-description{ display:none; }
  .pp-hero-truststrip .elementor-icon-box-wrapper{ padding:10px; }
  .pp-hero-truststrip .elementor-icon{ width:34px; height:34px; }
  .pp-hero-truststrip .elementor-icon-box-title{ font-size:12.5px !important; }

  /* H07: rounding moves to the top corners once it stacks */
  .pp-hero-07 .elementor-column:first-child{
    padding:26px 20px !important;
    border-radius:8px 8px 0 0 !important;
  }
  .pp-hero-07 .pp-hero-editorial-img .promo-banner{
    border-radius:0 0 var(--pp-radius) var(--pp-radius);
  }
  /* the two hero buttons stay side by side, half width each */
  .pp-hero-07 .pp-hero-btn .elementor-button{
    width:100%; padding:11px 10px; font-size:12.5px !important;
  }

  /* banner text: WoodMart already scales title/subtitle in vw — just cap it */
  .pp-hero .banner-title{ font-size:min(5vw, 22px) !important; }
  .pp-hero .banner-subtitle{ font-size:min(3.2vw, 13px) !important; }
  .pp-hero-tile .banner-title,
  .pp-hero-card--slim .banner-title{ font-size:13px !important; }
  .pp-hero-tile .wrapper-content-banner{ padding:10px; }

  /* --- trust bar (standalone section) ---------------------------------- */
  .pp-trustbar .elementor-column{ width:50% !important; }
  .pp-trust .elementor-icon-box-wrapper{ padding:12px; }
  .pp-trust .elementor-icon-box-description{ display:none; }

  /* --- reviews ---------------------------------------------------------- */
  .pp-reviews .elementor-column{ width:100% !important; }
  .pp-review .elementor-testimonial-wrapper{ margin-bottom:10px; padding:16px; }

  /* --- SEO block -------------------------------------------------------- */
  .pp-seo-copy{ font-size:14px !important; }

  /* --- WoodMart product rows: tighter cards, readable price ------------- */
  .pp-wd-products .wd-entities-title{ font-size:13px !important; }
  .pp-wd-products .price{ font-size:14px !important; }
  .pp-justforyou .wd-products-load-more .btn{ width:100%; }
}

/* --------------------------------------------- small phones (<=480px) --- */
@media (max-width:480px){
  .pp-sec-title .elementor-heading-title{ font-size:16px !important; }
  /* 3-up hero banners are too short to read side by side — full width */
  .pp-hero-04 .elementor-column{ width:100% !important; }
  .pp-hero-truststrip .elementor-icon-box-title{ font-size:11.5px !important; }
}