/* Category page: pet memorial jewelry. */
.memorial-jewelry-page{--j-ink:#0c4057;--j-muted:#5b7078;--j-blue:#168cbd;--j-teal:#25bcb5;--j-soft:#edf8fc;--j-mint:#e7f8f7;color:var(--j-ink);overflow:hidden}
.memorial-jewelry-page .container{position:relative}
.jewelry-hero{position:relative;isolation:isolate;overflow:hidden;padding:112px 0 94px;background:linear-gradient(135deg,#f0fbfc 0%,#fff 54%,#f3fbfa 100%)}
.jewelry-hero:before{position:absolute;inset:0;content:"";z-index:-2;background:radial-gradient(circle at 14% 18%,rgba(117,213,215,.2),transparent 24%),radial-gradient(circle at 86% 14%,rgba(193,220,129,.18),transparent 23%)}
.jewelry-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:36px;align-items:center;min-height:555px}
.jewelry-hero__copy{position:relative;z-index:2;max-width:720px;padding:24px 0 30px}.jewelry-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #a7dfe7;border-radius:999px;color:var(--j-blue);background:rgba(255,255,255,.76);font-size:14px;font-weight:800;letter-spacing:.09em}.jewelry-hero h1{margin:20px 0 18px;color:var(--j-ink);font-size:clamp(40px,5vw,70px);line-height:1.13;letter-spacing:-.04em}.jewelry-hero h1 em{font-style:normal;color:var(--j-blue)}.jewelry-hero__copy>p{max-width:650px;margin:0;color:var(--j-muted);font-size:17px;line-height:1.9}.jewelry-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.jewelry-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:13px 23px;border-radius:999px;font-size:15px;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.jewelry-btn:hover{transform:translateY(-2px)}.jewelry-btn--primary{color:#fff;background:var(--j-blue);box-shadow:0 10px 22px rgba(22,140,189,.2)}.jewelry-btn--primary:hover{color:#fff;background:#0c5f80}.jewelry-btn--outline{color:#0c5f80;background:#fff;border:1px solid #8bd2d0}.jewelry-btn--outline:hover{color:#fff;background:#0c5f80;border-color:#0c5f80}.jewelry-hero__trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#668088;font-size:13px;font-weight:700}.jewelry-hero__trust i{margin-right:5px;color:var(--j-teal)}
.jewelry-hero__visual{position:relative;z-index:1;min-height:500px}.jewelry-hero__halo{position:absolute;inset:8% 4% 8% 8%;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,rgba(184,234,231,.65) 36% 63%,rgba(184,234,231,0) 64%);filter:blur(.2px)}.jewelry-hero__card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 24px 55px rgba(9,76,96,.16)}.jewelry-hero__card--back{inset:18% 7% 7% 23%;background:linear-gradient(135deg,#bbdedb,#e7f8f7);transform:rotate(8deg)}.jewelry-hero__card--front{top:4%;right:13%;bottom:8%;left:10%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:27px 26px 24px;background:rgba(255,255,255,.88);transform:rotate(-4deg)}.jewelry-hero__card--front:after{position:absolute;inset:0;content:"";background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(238,251,251,.55));z-index:-1}.jewelry-hero__card-label{align-self:flex-start;color:#66939b;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.jewelry-hero__card img{display:block;width:min(72%,270px);height:72%;object-fit:contain;filter:drop-shadow(0 17px 12px rgba(13,77,90,.16));transform:rotate(4deg)}.jewelry-hero__card-note{align-self:flex-start;color:var(--j-ink);font-size:14px;font-weight:800}.jewelry-hero__shape{position:absolute;border:1px solid rgba(37,188,181,.22);border-radius:50%;z-index:-1}.jewelry-hero__shape--one{top:-180px;right:-90px;width:480px;height:480px}.jewelry-hero__shape--two{bottom:-250px;left:-160px;width:520px;height:520px;border-color:rgba(167,196,44,.2)}.jewelry-hero__paw{position:absolute;color:rgba(37,188,181,.17);font-size:44px;z-index:-1}.jewelry-hero__paw--one{top:20%;left:7%;transform:rotate(-18deg)}.jewelry-hero__paw--two{right:8%;bottom:21%;color:rgba(167,196,44,.24);font-size:34px;transform:rotate(15deg)}
.jewelry-products{padding:98px 0 110px;background:var(--j-soft)}.jewelry-section-heading{max-width:720px;margin-bottom:42px}.jewelry-section-heading--center{text-align:center;margin-right:auto;margin-left:auto}.jewelry-section-heading h2{margin:15px 0 12px;color:var(--j-ink);font-size:clamp(30px,4vw,50px);line-height:1.2}.jewelry-section-heading p{margin:0;color:var(--j-muted);font-size:16px;line-height:1.8}.jewelry-filter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;margin-bottom:32px}.jewelry-filter__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.jewelry-filter__tabs button{min-height:42px;padding:9px 17px;border:1px solid #b8d9df;border-radius:999px;color:#4a6b75;background:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}.jewelry-filter__tabs button:hover,.jewelry-filter__tabs button.is-active{border-color:var(--j-blue);color:#fff;background:var(--j-blue)}.jewelry-filter__sort{display:flex;align-items:center;gap:8px;color:#647b82;font-size:13px;font-weight:700}.jewelry-filter__sort select{min-height:42px;padding:9px 31px 9px 13px;border:1px solid #b8d9df;border-radius:999px;color:#0c5f80;background:#fff;font:inherit;font-size:13px;cursor:pointer}.jewelry-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.jewelry-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d4e8ed;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(12,95,128,.06);transition:transform .25s ease,box-shadow .25s ease}.jewelry-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(12,95,128,.13)}.jewelry-product-card.is-hidden{display:none}.jewelry-product-card__media{position:relative;display:grid;place-items:center;aspect-ratio:1.2;overflow:hidden;background:#eff8fc}.jewelry-product-card__media:after{position:absolute;inset:0;content:"";background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 47%);pointer-events:none}.jewelry-product-card__media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.jewelry-product-card:hover .jewelry-product-card__media img{transform:scale(1.04)}.jewelry-product-card__badge{position:absolute;top:15px;left:15px;z-index:1;padding:7px 12px;border-radius:999px;color:#fff;background:#0c4057;font-size:12px;font-weight:800}.jewelry-product-card__badge--new{background:linear-gradient(135deg,#0c5f80,#168cbd);box-shadow:0 3px 8px rgba(22,140,189,.35)}.jewelry-product-card__body{display:flex;flex:1;flex-direction:column;padding:21px 22px 22px}.jewelry-product-card__type{color:var(--j-blue);font-size:12px;font-weight:800;letter-spacing:.08em}.jewelry-product-card h3{margin:8px 0 7px;color:var(--j-ink);font-size:20px;line-height:1.35}.jewelry-product-card p{min-height:52px;margin:0;color:var(--j-muted);font-size:14px;line-height:1.75}.jewelry-product-card__link{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:17px;color:#0c5f80;font-size:14px;font-weight:800}.jewelry-product-card__link i{font-size:12px;transition:transform .2s}.jewelry-product-card__link:hover{color:var(--j-blue)}.jewelry-product-card__link:hover i{transform:translateX(4px)}.jewelry-products__note{margin:25px 0 0;text-align:center;color:#789097;font-size:13px}.jewelry-products__note i{margin-right:5px;color:var(--j-blue)}
.jewelry-flow{padding-top:100px;padding-bottom:96px;background:#fff}.jewelry-flow__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative;margin:60px 0 0;padding:0;list-style:none}.jewelry-flow__step{position:relative;min-width:0;text-align:center}.jewelry-flow__connector{position:absolute;top:92px;left:50%;width:calc(100% + 28px);border-top:2px dashed #9cd5dc;z-index:0}.jewelry-flow__step:last-child .jewelry-flow__connector{display:none}.jewelry-flow__disc{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:185px;height:185px;margin:0 auto 23px;border:1px solid #cde9ee;border-radius:50%;background:#f8fcfd;box-shadow:0 12px 28px rgba(12,95,128,.08)}.jewelry-flow__step:nth-child(even) .jewelry-flow__disc{background:#f0fbfa}.jewelry-flow__disc i{margin:18px 0 12px;color:var(--j-blue);font-size:31px}.jewelry-flow__step:nth-child(even) .jewelry-flow__disc i{color:#149b96}.jewelry-flow__disc h3{margin:0;color:var(--j-ink);font-size:16px;line-height:1.4}.jewelry-flow__number{position:absolute;top:-17px;display:grid;place-items:center;width:48px;height:48px;border:5px solid #fff;border-radius:50%;color:#fff;background:var(--j-blue);box-shadow:0 5px 14px rgba(22,140,189,.23);font-size:14px;font-weight:800}.jewelry-flow__step:nth-child(even) .jewelry-flow__number{background:#159b96}.jewelry-flow__step>p{max-width:230px;margin:0 auto;color:var(--j-muted);font-size:14px;line-height:1.8}
.jewelry-cta{padding:82px 0!important;background:#fff!important}.jewelry-cta .cta-demo__card{min-height:315px}.jewelry-stories{padding-top:102px!important;padding-bottom:112px!important}.jewelry-stories .testimonial-demo__heading h2{font-size:clamp(31px,4vw,52px)}.jewelry-stories .testimonial-demo__heading p{font-size:16px}.jewelry-faq{padding-top:100px;padding-bottom:110px}.jewelry-faq .service-section-heading{margin-bottom:44px}.jewelry-faq .service-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jewelry-faq .service-faq-item{background:#f8fcfd}
@media (max-width:1199.98px){.jewelry-hero{padding-top:100px}.jewelry-hero__inner{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:16px}.jewelry-hero__visual{min-height:440px}.jewelry-hero__card--front{right:3%;left:4%}.jewelry-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jewelry-flow__steps{gap:18px}.jewelry-flow__connector{width:calc(100% + 18px)}}
@media (max-width:767.98px){.jewelry-hero{padding:77px 0 66px}.jewelry-hero__inner{display:flex;flex-direction:column;gap:16px;min-height:0}.jewelry-hero__copy{padding:0;text-align:center}.jewelry-hero h1{font-size:clamp(37px,10vw,52px);letter-spacing:-.03em}.jewelry-hero__copy>p{font-size:15px;line-height:1.85}.jewelry-hero__actions{justify-content:center}.jewelry-btn{min-height:49px;padding:12px 18px;font-size:14px}.jewelry-hero__trust{justify-content:center;gap:10px 15px;font-size:12px}.jewelry-hero__visual{width:min(100%,420px);min-height:390px;margin:0 auto}.jewelry-hero__card--front{top:3%;right:8%;bottom:5%;left:8%;padding:22px 21px}.jewelry-hero__card img{width:min(68%,245px);height:70%}.jewelry-products,.jewelry-flow,.jewelry-faq{padding-top:72px;padding-bottom:76px}.jewelry-section-heading{margin-bottom:31px}.jewelry-section-heading h2{font-size:32px}.jewelry-section-heading p{font-size:15px}.jewelry-filter{align-items:stretch;flex-direction:column;gap:13px;margin-bottom:25px}.jewelry-filter__tabs{gap:7px}.jewelry-filter__tabs button{min-height:39px;padding:8px 13px;font-size:13px}.jewelry-filter__sort{justify-content:center}.jewelry-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jewelry-product-card__media{aspect-ratio:1}.jewelry-product-card__badge{top:10px;left:10px;padding:6px 8px;font-size:10px}.jewelry-product-card__body{padding:15px 14px 16px}.jewelry-product-card__type{font-size:10px}.jewelry-product-card h3{margin:6px 0;font-size:16px}.jewelry-product-card p{min-height:0;font-size:12px;line-height:1.65}.jewelry-product-card__link{margin-top:13px;font-size:12px}.jewelry-products__note{text-align:left;font-size:12px;line-height:1.7}.jewelry-flow__steps{display:flex;flex-direction:column;gap:0;margin-top:45px}.jewelry-flow__step{display:grid;grid-template-columns:82px minmax(0,1fr);column-gap:15px;align-items:center;padding:0 5px 31px;text-align:left}.jewelry-flow__step:last-child{padding-bottom:0}.jewelry-flow__connector{top:100px;left:41px;width:0;height:calc(100% - 81px);border-top:0;border-left:2px dashed #9cd5dc}.jewelry-flow__disc{grid-row:1 / span 2;width:82px;height:82px;margin:0;border-radius:24px}.jewelry-flow__number{top:-10px;right:-7px;width:30px;height:30px;border-width:3px;font-size:10px}.jewelry-flow__disc i{margin:0 0 5px;font-size:23px}.jewelry-flow__disc h3{padding:0 5px;text-align:center;font-size:12px}.jewelry-flow__step>p{max-width:none;margin:0;font-size:13px;line-height:1.75}.jewelry-cta{padding:55px 0 72px!important}.jewelry-stories{padding-top:72px!important;padding-bottom:78px!important}.jewelry-stories .testimonial-demo__heading h2{font-size:31px}.jewelry-stories .testimonial-demo__heading p{font-size:14px}.jewelry-faq .service-faq-grid{grid-template-columns:1fr}.jewelry-faq .service-faq-item__title{font-size:16px}}
@media (max-width:430px){.jewelry-product-grid{grid-template-columns:1fr}.jewelry-product-card__media{aspect-ratio:1.18}.jewelry-hero__visual{min-height:350px}.jewelry-hero__card--front{right:4%;left:4%}.jewelry-hero__card img{height:68%}}

/* About page label treatment used by story and FAQ section headings. */
.jewelry-about-label{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--j-blue);font-size:15px;font-weight:800;letter-spacing:.08em;line-height:1.35}
.jewelry-about-label i{color:#a7c42c;font-size:16px}
.jewelry-about-label--story{margin-bottom:15px}
.jewelry-stories .testimonial-demo__heading .jewelry-about-label{margin:0 0 15px;color:var(--j-blue);font-size:15px;font-weight:800;letter-spacing:.08em}
.jewelry-faq .service-section-heading .jewelry-about-label{margin-bottom:14px;color:var(--j-blue);font-size:15px;font-weight:800;letter-spacing:.08em}
@media (max-width:767.98px){.jewelry-about-label{font-size:14px}.jewelry-stories .testimonial-demo__heading .jewelry-about-label,.jewelry-faq .service-section-heading .jewelry-about-label{font-size:14px}}

.jewelry-faq .service-faq-item__answer ol{margin:0 0 14px 22px;padding:0;list-style:decimal}
.jewelry-faq .service-faq-item__answer ol li{margin:0 0 8px;padding-left:4px}
.jewelry-faq .service-faq-item__answer ul{margin-bottom:14px}
.jewelry-faq .service-faq-item__answer li:last-child{margin-bottom:0}
.jewelry-faq .service-faq-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.jewelry-faq .service-faq-table-wrap table{min-width:620px}
@media (max-width:767.98px){.jewelry-faq .service-faq-table-wrap table{min-width:680px}.jewelry-faq .service-faq-item__answer ol,.jewelry-faq .service-faq-item__answer ul{margin-left:20px}}

/* FAQ cards use a two-column editorial grid on desktop and iPad. */
.jewelry-faq .service-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.jewelry-faq .service-faq-item--table{grid-column:auto}
@media (max-width:767.98px){.jewelry-faq .service-faq-grid{grid-template-columns:1fr}}

.jewelry-stories .testimonial-demo__product{margin:12px 0 0;color:#0c5f80;font-size:20px;line-height:1.35;letter-spacing:.02em}
.jewelry-stories .testimonial-demo__card .testimonial-demo__stars{margin-top:12px}
.jewelry-stories .testimonial-demo__card footer{align-items:center}
.jewelry-stories .testimonial-demo__card footer strong{font-size:15px}
.jewelry-stories .testimonial-demo__pet{display:inline-flex;align-items:center;gap:6px;color:#168cbd;font-size:13px;font-weight:700;white-space:nowrap}
.jewelry-stories .testimonial-demo__pet i{color:#48c3c3;font-size:12px}
@media (max-width:699.98px){.jewelry-stories .testimonial-demo__product{font-size:19px}.jewelry-stories .testimonial-demo__card footer{align-items:flex-start;flex-wrap:wrap;gap:7px}.jewelry-stories .testimonial-demo__pet{font-size:12px}}

/* Match the rounded label treatment used by the About page. */
.jewelry-stories .testimonial-demo__heading .jewelry-about-label,
.jewelry-faq .service-section-heading .jewelry-about-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0 0 16px;
  padding: 7px 17px;
  border: 1px solid rgba(22, 140, 189, .24);
  border-radius: 999px;
  color: var(--j-blue);
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 6px 16px rgba(18, 59, 82, .06);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.35;
}
.jewelry-stories .testimonial-demo__heading .jewelry-about-label i,
.jewelry-faq .service-section-heading .jewelry-about-label i { display: none; }
@media (max-width: 767.98px) {
  .jewelry-stories .testimonial-demo__heading .jewelry-about-label,
  .jewelry-faq .service-section-heading .jewelry-about-label {
    min-height: 36px;
    padding: 7px 15px;
    font-size: 13px;
  }
}

.jewelry-hero__description{color:var(--j-muted);font-size:17px;line-height:1.9}
.jewelry-hero__description p{margin:0}
@media (max-width:767.98px){.jewelry-hero__description{font-size:15px;line-height:1.85}}

.jewelry-product-card__type{display:inline-flex;align-items:center;align-self:flex-start;min-height:29px;padding:5px 11px;border:1px solid rgba(22,140,189,.24);border-radius:999px;color:var(--j-blue);background:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;line-height:1.25}
@media (max-width:767.98px){.jewelry-product-card__type{min-height:26px;padding:4px 9px;font-size:10px}}

.jewelry-flow__body{max-width:270px;margin:0 auto;color:var(--j-muted);font-size:14px;line-height:1.8;text-align:left}
.jewelry-flow__body p{margin:0}
.jewelry-flow__body p+p{margin-top:9px}
.jewelry-flow__time{display:inline-flex;margin:0 0 9px;padding:5px 10px;border:1px solid rgba(22,140,189,.2);border-radius:999px;color:var(--j-blue);background:#f4fbfd;font-size:12px;font-weight:800;line-height:1.3}
.jewelry-flow__body strong{color:var(--j-ink)}
@media (max-width:767.98px){
  .jewelry-flow__body{grid-column:2;max-width:none;margin:0;font-size:13px;line-height:1.75}
  .jewelry-flow__time{margin-bottom:6px;padding:4px 8px;font-size:11px}
  .jewelry-flow__body p+p{margin-top:7px}
}

/* Keep heading and body text colours aligned with the homepage design system. */
.memorial-jewelry-page{--j-ink:#0c5f80;--j-muted:#63747a}
.jewelry-hero h1{color:#173c4a}
.jewelry-section-heading h2,
.jewelry-product-card h3,
.jewelry-flow__disc h3,
.jewelry-flow__step>h3,
.jewelry-cta .cta-demo__content h2,
.jewelry-faq .service-faq-item__title,
.jewelry-stories .testimonial-demo__heading h2,
.jewelry-faq .service-section-heading h2{color:#0c5f80}
.jewelry-section-heading p,
.jewelry-hero__copy>p,
.jewelry-hero__description,
.jewelry-product-card p,
.jewelry-flow__body,
.jewelry-flow__step>p,
.jewelry-stories .testimonial-demo__heading p,
.jewelry-faq .service-section-heading>p:last-child{color:#63747a}

.jewelry-product-card__media,
.jewelry-product-card h3 a{color:inherit;text-decoration:none}
.jewelry-products__more{display:flex;justify-content:center;margin-top:38px}
.jewelry-products__more-button{min-height:48px;padding:12px 28px;border:1px solid #9ad8df;border-radius:999px;color:#0c5f80;background:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.jewelry-products__more-button:hover{color:#fff;background:var(--j-blue);transform:translateY(-2px)}
.jewelry-products__more-button[hidden]{display:none}
.jewelry-flow__body{text-align:center}
.jewelry-cta .cta-demo__content h2{font-size:clamp(30px,4vw,38px)!important;line-height:1.3!important}
.jewelry-faq .service-faq-item__title{font-size:18px;line-height:1.55}
.jewelry-flow__step>h3{margin:0 0 13px;color:var(--j-ink);font-size:22px;line-height:1.3}
@media (max-width:767.98px){.jewelry-flow__step>h3{margin:0 0 5px;font-size:16px;line-height:1.35}.jewelry-flow__body{text-align:center}.jewelry-faq .service-faq-item__title{font-size:17px}}

/* Keep this page's heading scale aligned with the homepage. */
.jewelry-hero h1{font-size:clamp(40px,4.7vw,62px);line-height:1.12}
.jewelry-section-heading h2,
.jewelry-stories .testimonial-demo__heading h2,
.jewelry-faq .service-section-heading h2{font-size:clamp(30px,4vw,38px);line-height:1.3}
.jewelry-product-card h3{font-size:clamp(18px,2vw,22px);line-height:1.3}
.jewelry-flow__disc h3{font-size:22px;line-height:1.3}
.jewelry-faq .service-faq-item__title{font-size:18px;line-height:1.55}
.jewelry-stories .testimonial-demo__product{font-size:22px;line-height:1.3}
@media (max-width:767.98px){
  .jewelry-hero h1{font-size:clamp(37px,10vw,52px)}
  .jewelry-section-heading h2,
  .jewelry-stories .testimonial-demo__heading h2,
  .jewelry-faq .service-section-heading h2{font-size:clamp(30px,8vw,38px)}
  .jewelry-product-card h3{font-size:18px}
  .jewelry-flow__disc h3{font-size:16px}
  .jewelry-faq .service-faq-item__title{font-size:17px}
  .jewelry-stories .testimonial-demo__product{font-size:19px}
}
