/* ═══════════════════════════════════════════════════════════
   PEETALYA — UNIFIED TYPOGRAPHY SYSTEM
   Single source of truth for all type decisions.
   Do not add font rules anywhere else.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. CSS TOKENS ───────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════
   PEETALYA — UNIFIED TYPOGRAPHY SYSTEM
   Single source of truth for all type decisions.
   Do not add font rules anywhere else.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. CSS TOKENS ───────────────────────────────────────── */
:root {


/* ── BRAND COLOR TOKENS ──────────────────────────────────── */
--pt-color-ivory:      #F9F6EF;   /* page background */
--pt-color-text:       #2C241C;   /* primary text & headings */
--pt-color-text-soft:  #4E4034;   /* body text, descriptions */
--pt-color-brass:      #B08D57;   /* accents, dividers, hover */
--pt-color-burgundy:   #660D40;   /* CTAs, eyebrows, buttons */
--pt-color-taupe:      #8A7A63;   /* labels, meta, subdued */
--pt-color-white:      #FFFFFF;
--pt-color-dark:       #121212;   /* dark scheme background */


  /* ── FONT FAMILIES ───────────────────────────────────── */
  --pt-font-heading: 'Fraunces', Georgia, serif;
  --pt-font-body:    'Manrope', system-ui, sans-serif;

  /* ── WEIGHT SCALE ────────────────────────────────────── */
  --pt-weight-heading:  500;   /* SemiBold — luxury presence */
  --pt-weight-subhead:  500;
  --pt-weight-body:     500;
  --pt-weight-label:    500;

  /* ── SIZE SCALE (rem — base 10px via Dawn's 62.5%) ───── */
  --pt-size-hero:    clamp(3.6rem, 6vw, 7.2rem);
  --pt-size-h1:      clamp(3.0rem, 4vw, 5.4rem);
  --pt-size-h2:      clamp(2.4rem, 3vw, 3.6rem);
  --pt-size-h3:      clamp(1.8rem, 2vw, 2.4rem);
  --pt-size-h4:      1.8rem;
  --pt-size-body:    1.6rem;
  --pt-size-small:   1.4rem;
  --pt-size-caption: 1.2rem;
  --pt-size-label:   1.1rem;

  /* ── LETTER SPACING ──────────────────────────────────── */
  --pt-ls-heading:  -0.02em;
  --pt-ls-body:      0.01em;
  --pt-ls-label:     0.12em;
  --pt-ls-nav:       0.16em;
  --pt-ls-cta:       0.08em;

  /* ── LINE HEIGHTS ────────────────────────────────────── */
  --pt-lh-heading: 1.1;
  --pt-lh-body:    1.65;
  --pt-lh-label:   1.4;
}

/* ── BRAND COLOR TOKENS ──────────────────────────────────── */
--pt-color-ivory:      var(--pt-color-ivory);   /* page background */
--pt-color-text:       var(--pt-color-text);   /* primary text & headings */
--pt-color-text-soft:  var(--pt-color-text-soft);   /* body text, descriptions */
--pt-color-brass:      var(--pt-color-brass);   /* accents, dividers, hover */
--pt-color-burgundy:   var(--pt-color-burgundy);   /* CTAs, eyebrows, buttons */
--pt-color-taupe:      var(--pt-color-taupe);   /* labels, meta, subdued */
--pt-color-white:      var(--pt-color-white);
--pt-color-dark:       var(--pt-color-dark);   /* dark scheme background */

/* ── 2. HEADING HIERARCHY ────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 {
  font-family: var(--pt-font-heading);
  font-weight: var(--pt-weight-heading);
  line-height: var(--pt-lh-heading);
  letter-spacing: var(--pt-ls-heading);
  margin-top: 0;
}

h1 { font-size: var(--pt-size-h1); }
h2 { font-size: var(--pt-size-h2); }
h3 { font-size: var(--pt-size-h3); font-weight: var(--pt-weight-subhead); }
h4 { font-size: var(--pt-size-h4); font-weight: var(--pt-weight-subhead); }

/* ── 3. BODY ─────────────────────────────────────────────── */
body {
  font-family: var(--pt-font-body);
  font-weight: var(--pt-weight-body);
  line-height: var(--pt-lh-body);
  letter-spacing: var(--pt-ls-body);
}

p, .rte p, li { font-size: var(--pt-size-body); }

/* ── 4. PRODUCT CARD TITLES ──────────────────────────────── */
.card__heading,
.card__heading a {
  font-family: var(--pt-font-heading);
  font-size: var(--pt-size-h4);
  font-weight: var(--pt-weight-subhead);
  letter-spacing: var(--pt-ls-heading);
  line-height: 1.2;
}

/* ── 5. PRICE ────────────────────────────────────────────── */
.price,
.price__regular,
.price-item {
  font-family: var(--pt-font-body);
  font-size: 1.8rem;
  font-weight: var(--pt-weight-subhead);
  letter-spacing: 0;
}

.price--on-sale .price-item--regular {
  font-size: var(--pt-size-small);
  font-weight: var(--pt-weight-body);
  opacity: 0.55;
}

/* ── 6. PDP — PRODUCT PAGE ───────────────────────────────── */
.product__title {
  font-size: var(--pt-size-h2);
  font-weight: var(--pt-weight-heading);
  letter-spacing: var(--pt-ls-heading);
}

.product__description-title {
  font-size: var(--pt-size-h4);
  font-weight: var(--pt-weight-subhead);
  letter-spacing: var(--pt-ls-label);
  text-transform: uppercase;
}

/* ── 7. LABELS / META / CAPTIONS ─────────────────────────── */
.caption,
.caption-with-letter-spacing,
.product__sku,
.product__vendor,
.product__text.caption-with-letter-spacing {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-label);
  font-weight: var(--pt-weight-label);
  letter-spacing: var(--pt-ls-label);
  text-transform: uppercase;
  line-height: var(--pt-lh-label);
}

/* ── 8. BUTTONS / CTA ────────────────────────────────────── */
.button,
.shopify-payment-button__button--unbranded {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-small);
  font-weight: var(--pt-weight-label);
  letter-spacing: var(--pt-ls-cta);
  text-transform: uppercase;
}

/* ── 9. HERO BANNER OVERRIDE ─────────────────────────────── */
.banner__heading,
.image-banner .banner__heading {
  font-size: var(--pt-size-hero);
  font-weight: var(--pt-weight-heading);
  letter-spacing: -0.03em;
  line-height: 1.0;
}

/* ── 10. RICH TEXT / EDITORIAL SECTIONS ──────────────────── */
.rich-text__heading {
  font-size: var(--pt-size-h2);
  font-weight: var(--pt-weight-heading);
  letter-spacing: var(--pt-ls-heading);
}

.rich-text__text p {
  font-size: var(--pt-size-body);
  line-height: var(--pt-lh-body);
  max-width: 65ch; /* readability cap */
}

/* ── 11. FOOTER ──────────────────────────────────────────── */
.footer__heading {
  font-size: var(--pt-size-caption);
  font-weight: var(--pt-weight-label);
  letter-spacing: var(--pt-ls-label);
  text-transform: uppercase;
}

.footer a,
.footer li {
  font-size: var(--pt-size-small);
  letter-spacing: 0.04em;
}


/* ── PEETALYA IMAGE HERO ─────────────────────────────── */
.pe-hero{position:relative;width:100%;min-height:var(--hero-height);overflow:hidden}
.pe-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pe-hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--overlay-opacity));z-index:1}
.pe-hero__content{position:relative;z-index:2;min-height:var(--hero-height);display:flex;flex-direction:column;justify-content:center;max-width:var(--content-width);margin:0 auto;padding:60px 24px}
.pe-align-left{align-items:flex-start;text-align:left}
.pe-align-center{align-items:center;text-align:center}
.pe-align-right{align-items:flex-end;text-align:right}

.pe-glass{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:16px}

.pe-hero__eyebrow{margin-bottom:18px;color:var(--eyebrow-color);font-size:var(--pt-size-label);font-weight:600;letter-spacing:var(--pt-ls-label);text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.7)}
.pe-hero__heading{margin:0 0 20px;color:var(--heading-color);font-size:var(--pt-size-hero);line-height:1.05;text-shadow:0 3px 15px rgba(0,0,0,.8),0 6px 30px rgba(0,0,0,.7)}
.pe-hero__text{max-width:720px;margin-bottom:30px;color:var(--text-color);font-size:18px;line-height:1.7;text-shadow:0 2px 10px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.7)}
.pe-hero__button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:15px 30px;background:var(--button-bg);color:var(--button-text);text-decoration:none;font-weight:600;letter-spacing:var(--pt-ls-cta);transition:.25s ease}
.pe-hero__button:hover{transform:translateY(-2px)}

@media(max-width:749px){
.pe-hero{min-height:var(--mobile-height)}
.pe-hero__content{min-height:var(--mobile-height);padding:40px 24px;max-width:100%}
.pe-glass{padding:24px;border-radius:12px}
.pe-hero__heading{font-size:clamp(3.0rem,9vw,4.2rem)}
.pe-hero__text{font-size:var(--pt-size-small);max-width:320px}

.pe-hero__button{width:100%;max-width:280px;min-width:unset}
}



/* ── PEETALYA EDITORIAL CONTENT ─────────────────────────────── */
.pe-editorial{
  background:var(--bg);
  color:var(--text);
  padding-top:var(--pt);
  padding-bottom:var(--pb);
}

.pe-editorial__inner{
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 24px;
}

.pe-align-left{
  text-align:left;
}

.pe-align-center{
  text-align:center;
}

.pe-editorial__eyebrow{
  margin-bottom:14px;
  font-size:var(--pt-size-label);
  letter-spacing:var(--pt-ls-label);
  font-weight:var(--pt-weight-label);
  text-transform:uppercase;
  color:var(--pt-color-burgundy);
}


.pe-editorial__heading{
  margin:0;
  font-size:clamp(3.4rem, 4vw, 6.4rem);
  line-height:1.1;
  color:var(--pt-color-text);
}


.pe-editorial__divider{
  width:80px;
  height:1px;

  margin:24px auto;

  background:var(--pt-color-brass);
}

.pe-align-left .pe-editorial__divider{
  margin-left:0;
}

.pe-editorial__text{
  margin-top:24px;

  font-size: var(--pt-size-body);
  line-height:1.9;

  color:var(--pt-color-text-soft);
}

.pe-editorial__text p{
  margin:0 0 20px;
}

@media(max-width:749px){

  .pe-editorial{
    padding-top:60px;
    padding-bottom:60px;
  }

  .pe-editorial__heading{
    font-size: 3.4rem;
  }

.pe-editorial__text{ font-size:var(--pt-size-small); line-height:1.8;}
}

/* ── PEETALYA HERITAGE ─────────────────────────────── */
.peetalya-heritage-story{
  background:var(--pt-color-white);
}

.phs-media{
  width:100%;
}

.phs-image{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:16/8;
  object-fit:cover;
}

.phs-content{
  max-width:1100px;
  margin:0 auto;
  padding:90px 24px;
  text-align:center;
}

.phs-eyebrow{
  color:var(--pt-color-brass);
  text-transform:uppercase;
  letter-spacing:.35em;
  font-size:var(--pt-size-label);
  margin-bottom:18px;
}






.phs-text{
 font-size: var(--pt-size-body);
  line-height:1.9;
  color:var(--pt-color-text-soft);
  max-width:760px;
  margin:0 auto;
}

.phs-signature{
  margin-top:34px;
  font-size: var(--pt-size-body);
  color: var(--pt-color-burgundy);

}

.phs-values{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:70px;
  padding-top:35px;
  border-top:1px solid rgba(176,141,87,.35);
}

.phs-value{
  font-size:var(--pt-size-small);
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--pt-color-text);
}

.phs-closing{
  margin-top:50px;
  font-style:italic;
  color: var(--pt-color-burgundy: #660D40;);
  font-size: var(--pt-size-body);
}

@media(max-width:749px){
  .phs-content{
    padding:60px 20px;
  }

 .phs-text{ font-size:var(--pt-size-small); line-height:1.8; }


  .phs-values{
    grid-template-columns:repeat(2,1fr);
  }
}
/* ── PEETALYA HALLMARKS ─────────────────────────────── */

.peetalya-hallmarks{
  padding:100px 0;
  background:var(--pt-color-white);
}

.ph-wrap{
  width:min(1400px,92%);
  margin:auto;
}

.ph-header{
  text-align:center;
  max-width:720px;
  margin:0 auto 70px;
}

 .ph-header h2{ margin:0 0 16px; font-size:clamp(3.6rem, 4vw, 5.8rem);
  line-height:1.05;
  	font-weight:var(--pt-weight-heading);
  letter-spacing:-0.03em;
}

.ph-header p{
  margin:0;
  font-size: var(--pt-size-body);
  line-height:1.8;
  opacity:.75;
}

.ph-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);

  border-top:1px solid rgba(176,141,87,.22);
  border-bottom:1px solid rgba(176,141,87,.22);

  border-left:1px solid rgba(176,141,87,.18);
  border-right:1px solid rgba(176,141,87,.18);
}

.ph-item:not(:last-child){
  border-right:1px solid rgba(176,141,87,.18);
}

.ph-item{
  padding:40px 28px;
  text-align:center;
  position:relative;
}

.ph-item:not(:last-child){
  border-right:1px solid rgba(176,141,87,.25);
}

.ph-item h3{
  margin:0 0 12px;
  font-size:var(--pt-size-h4);
  font-weight:600;
  letter-spacing:.04em;
}

.ph-item p{
  margin:0;
  font-size: var(--pt-size-small);
  line-height:1.7;
  opacity:.75;
}

@media(max-width:989px){
  .ph-grid{
    grid-template-columns:1fr;
  }

  .ph-item:not(:last-child){
    border-right:none;
    border-bottom:1px solid rgba(176,141,87,.20);
  }

  .peetalya-hallmarks{
    padding:80px 0;
  }
}




/* ═══════════════════════════════════════════════════════════
   PEETALYA — CUSTOM SECTIONS TYPOGRAPHY OVERRIDES
   Overrides hardcoded values in peetalya-*.liquid sections.
   All values reference the token system above.
   ═══════════════════════════════════════════════════════════ */

/* ── SHARED EYEBROW (all sections) ──────────────────────── */
.pe-hero__eyebrow,
.pe-editorial__eyebrow,
.phs-eyebrow,
.pc-eyebrow,
.peetalya-page-hero__eyebrow,
.pe-blog-hero__eyebrow,
.peetalya-faq__eyebrow,
.peetalya-chips-header p + *,
.pc-card-eyebrow,
.pc-link {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-label) !important;
  font-weight: var(--pt-weight-label) !important;
  letter-spacing: var(--pt-ls-label) !important;
  text-transform: uppercase !important;
}

/* ── SHARED SECTION HEADINGS (H1/H2 level) ──────────────── */
.pe-hero__heading,
.pe-editorial__heading,
.phs-title,
.pc-heading,
.peetalya-page-hero__title,
.pe-blog-hero__heading,
.peetalya-faq__heading,
.peetalya-chips-header h2,
.pt-multirow__heading {
  font-family: var(--pt-font-heading) !important;
  font-weight: var(--pt-weight-heading) !important;  /* 600 — fixes all 400/500 weight issues */
  letter-spacing: var(--pt-ls-heading) !important;
  line-height: var(--pt-lh-heading) !important;
}

/* ── SHARED BODY TEXT (all sections) ────────────────────── */
.pe-hero__text,
.pe-editorial__text p,
.phs-text,
.pc-subheading,
.peetalya-page-hero__text,
.pe-blog-hero__text,
.peetalya-faq__subheading,
.peetalya-faq__answer-inner p,
.peetalya-chips-header p,
.pt-multirow__text {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-body) !important;
  font-weight: var(--pt-weight-body) !important;
  line-height: var(--pt-lh-body) !important;
  letter-spacing: var(--pt-ls-body) !important;
}

/* ── COLLECTION SLIDER — fix Inter → Manrope ────────────── */
.pc-desc,
.pc-card .pc-desc {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-small) !important;
  line-height: 1.7 !important;
}

/* ── COLLECTION CARD TITLES ─────────────────────────────── */
.pc-title,
.pc-card .pc-title {
  font-family: var(--pt-font-heading) !important;
  font-weight: var(--pt-weight-subhead) !important;
  letter-spacing: var(--pt-ls-heading) !important;
}

/* ── FAQ QUESTION ITEMS ──────────────────────────────────── */
.peetalya-faq__button {
  font-family: var(--pt-font-heading) !important;
  font-size: var(--pt-size-h3) !important;
  font-weight: var(--pt-weight-subhead) !important;
  line-height: 1.2 !important;
}

/* ── EDITORIAL GRID ──────────────────────────────────────── */
.peetalya-header h2 {
  font-family: var(--pt-font-heading) !important;
  font-size: var(--pt-size-h2) !important;
  font-weight: var(--pt-weight-heading) !important;
  letter-spacing: var(--pt-ls-heading) !important;
}

.peetalya-header .subtext {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-body) !important;
  line-height: var(--pt-lh-body) !important;
}

.editorial-card h3 {
  font-family: var(--pt-font-heading) !important;
  font-size: var(--pt-size-h3) !important;
  font-weight: var(--pt-weight-subhead) !important;
}

.editorial-card p,
.card .story {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-small) !important;
  line-height: 1.65 !important;
}

/* ── STICKY BUY BAR ──────────────────────────────────────── */
.peetalya-sticky-bar__title {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-small) !important;
  font-weight: var(--pt-weight-label) !important;
  letter-spacing: 0 !important;
}

.peetalya-sticky-bar__price {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-body) !important;
  font-weight: var(--pt-weight-subhead) !important;
}

/* ── CATEGORY CHIP TITLES ────────────────────────────────── */
.peetalya-chip-title {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-label) !important;
  font-weight: var(--pt-weight-label) !important;
  letter-spacing: var(--pt-ls-label) !important;
  text-transform: uppercase !important;
}

/* ── MULTIROW BUTTONS ────────────────────────────────────── */
.pt-btn {
  font-family: var(--pt-font-body) !important;
  font-size: var(--pt-size-small) !important;
  font-weight: var(--pt-weight-label) !important;
  letter-spacing: var(--pt-ls-cta) !important;
  text-transform: uppercase !important;
}
/* ── FOOTER ─────────────────────────────────────────────── */
.pe-footer__brand-heading {
  font-size: var(--pt-size-h2) !important;
  font-weight: var(--pt-weight-heading) !important;
  letter-spacing: var(--pt-ls-heading) !important;
}

.pe-footer__brand-text {
  font-size: var(--pt-size-body) !important;
  line-height: var(--pt-lh-body) !important;
}

@media screen and (max-width: 749px) {
  .pe-footer__brand-heading {
    font-size: clamp(2.8rem, 5vw, 3.6rem) !important;
  }
}


/* ==================================================
   PEETALYA ANNOUNCEMENT BAR
================================================== */

/*
Announcement 1:
✦ Where Metal Becomes Legacy
*/

/*
Announcement 2:
✦ Handcrafted Brass, Copper & Kansa for Modern Indian Homes
*/

/*
Announcement 3:
✦ Made in India by Skilled Artisans
*/



.announcement-bar__message {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Subtle luxury pulse */
.announcement-bar__message {
  animation: peAnnouncementFade 4s ease-in-out infinite;
}

@keyframes peAnnouncementFade {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.75;
  }
}


/* ── PDP — VARIANT OPTION SELECTED STATE ────────────────── */
.swatch-input:checked ~ .swatch-input__label,
.variant-input:checked ~ .variant-input__label {
  border-color: var(--pt-color-burgundy) !important;
  color: var(--pt-color-burgundy) !important;
}

.swatch-input:focus-visible ~ .swatch-input__label {
  outline-color: var(--pt-color-burgundy);
}
/* ── COLLECTION PAGE ─────────────────────────────────────── */
.collection-hero__title {
  font-family: var(--pt-font-heading);
  font-weight: var(--pt-weight-heading);
  letter-spacing: var(--pt-ls-heading);
}

.collection-hero__description {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-body);
  line-height: var(--pt-lh-body);
  letter-spacing: var(--pt-ls-body);
  opacity: 0.8;
}

/* ── COLLECTION FILTER / SORT BAR ────────────────────────── */
.facets__heading,
.facet-filters__label {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-label);
  font-weight: var(--pt-weight-label);
  letter-spacing: var(--pt-ls-label);
  text-transform: uppercase;
}

.facets__summary {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-small);
  font-weight: var(--pt-weight-body);
}

/* Active filter pills */
.facets__tag {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-label);
  letter-spacing: var(--pt-ls-label);
}

/* ── PAGINATION ──────────────────────────────────────────── */
.pagination__item {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-small);
  font-weight: var(--pt-weight-label);
  letter-spacing: var(--pt-ls-label);
}

.pagination__item--current {
  border-color: var(--pt-color-burgundy);
  color: var(--pt-color-burgundy);
}

/* ── PRODUCT COUNT ───────────────────────────────────────── */
.product-count__text {
  font-family: var(--pt-font-body);
  font-size: var(--pt-size-label);
  letter-spacing: var(--pt-ls-label);
  text-transform: uppercase;
  opacity: 0.65;
}