/* sections/panjool-about-header.liquid */
.pj-about-header { padding-block: var(--pj-ah-pad-y, 0px); }
.pj-about-header__inner {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1258px;
  margin-inline: auto;
  text-align: start;
}
.pj-about-header__title {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.7;
  color: var(--pj-ah-title, #0f172a);
}
.pj-about-header__lead {
  max-width: var(--pj-ah-lead-width, 850px);
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--pj-ah-text, #475569);
}
.pj-about-header__lead p { margin: 0; }
@media (min-width: 750px) {
  .pj-about-header__title { font-size: 25px; }
}
/* sections/panjool-about-hero.liquid */
.pj-about-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--pj-h);
  overflow: hidden;
  background-color: #3a3a3a;
  color: #fff;
}
.pj-about-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pj-about-hero__shade {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--pj-overlay));
}
.pj-about-hero__decor {
  position: absolute;
  inset-inline-start: var(--x);
  top: var(--y);
  width: var(--s);
  height: auto;
  pointer-events: none;
}
.pj-about-hero__inner {
  position: relative;
  z-index: 1;
  padding-inline: var(--awix-gutter, 20px);
  text-align: center;
}
.pj-about-hero__title {
  margin: 0;
  color: #fff;
  font-size: var(--pj-title);
  font-weight: 900;
  line-height: 1.7;
}
@media (max-width: 749px) {
  .pj-about-hero { min-height: var(--pj-h-m); }
  .pj-about-hero__decor {
    inset-inline-start: var(--x-m);
    top: var(--y-m);
    width: var(--s-m);
  }
  .pj-about-hero__title { font-size: var(--pj-title-m); }
}
/* sections/panjool-about-intro.liquid */
.pai { margin-block-start: 90px; padding-inline: var(--awix-gutter, 20px); }
.pai__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1300px;
  margin-inline: auto;
}
.pai__text { flex: 0 1 585px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-width: 0; }
.pai__label {
  display: inline-block;
  padding: 8px 18px;
  background: #fff;
  color: var(--pai-accent);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.6;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.pai__heading { margin: 0; font-size: 25px; font-weight: 800; line-height: 1.7; color: var(--pai-heading); }
.pai__body { font-size: 13px; line-height: 27px; color: #616161; text-align: start; }
.pai__body p { margin: 0; }
.pai__body a { color: var(--pai-accent); text-decoration: none; }
.pai__media { position: relative; flex: 0 1 715px; min-width: 0; }
.pai__photo { display: block; width: 100%; height: auto; aspect-ratio: 827 / 562; object-fit: cover; }
.pai__sticker { position: absolute; height: auto; }
.pai__sticker--crown { inset-block-start: 29px; inset-inline-start: 57px; width: 110px; }
.pai__sticker--heart { inset-block-start: 194px; inset-inline-end: 72px; width: 85px; }
@media (max-width: 768px) {
  .pai { margin-block-start: 24px; }
  .pai__inner { flex-direction: column; align-items: stretch; gap: 20px; }
  .pai__text { flex-basis: auto; gap: 14px; }
  .pai__heading { font-size: 22px; }
  .pai__media { flex-basis: auto; }
  .pai__sticker--crown { width: 70px; inset-block-start: 10px; inset-inline-start: 20px; }
  .pai__sticker--heart { width: 52px; inset-block-start: 55%; inset-inline-end: 12px; }
}
/* sections/panjool-about-posts.liquid */
.pap { padding-block: var(--pap-py, 90px) var(--pap-pb, 72px); }
.pap__inner { width: calc(100% - 2 * var(--awix-gutter, 18px)); max-width: 1300px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }
.pap__badge { display: inline-block; padding: 3.6px 18px 1.8px; background: #fff; color: var(--pap-accent, #f4a965); font-weight: 800; font-size: 16px; line-height: 25.6px; border-radius: 6px; box-shadow: -4px 3px 9px rgba(0, 0, 0, 0.1); }
.pap__heading { margin: 12px 0 0; font-size: 25px; line-height: 42.5px; font-weight: 800; color: #564741; text-align: center; }
.pap__text { max-width: 520px; margin-block-start: 0; font-size: 14px; line-height: 28px; color: #616161; text-align: center; }
.pap__grid { list-style: none; margin: 28px 0 0; padding: 0; width: 100%; display: grid; grid-template-columns: repeat(var(--pap-cols, 4), minmax(0, 1fr)); gap: 24px; }
.pap__card { position: relative; display: flex; flex-direction: column; background: var(--pap-card, #fbf8f4); border-radius: 10px; overflow: hidden; }
.pap__media { display: block; height: 200px; }
.pap__media img { display: block; width: 100%; height: 200px; object-fit: cover; border-radius: 10px 10px 0 0; }
.pap__date { position: absolute; inset-inline-end: 0; top: 168px; padding: 5px 14px 3px; background: var(--pap-accent, #f4a965); color: #fff; font-weight: 800; font-size: 14px; line-height: 22.4px; border-radius: 10px 10px 0 0; }
.pap__body { display: flex; flex-direction: column; flex: 1; padding: 24px 12px 14px; }
.pap__meta { display: flex; align-items: center; font-size: 12px; line-height: 19.2px; color: #616161; }
.pap__meta span + span { margin-inline-start: 8px; padding-inline-start: 8px; border-inline-start: 1px solid #ddd; }
.pap__title { margin: 10px 0 0; font-size: 16px; line-height: 28px; font-weight: 800; color: #564741; }
.pap__title a { color: inherit; text-decoration: none; }
.pap__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 22px; min-height: 44px; font-size: 14px; font-weight: 800; color: #564741; text-decoration: none; }
.pap__more img { width: 24px; height: 24px; }
@media (max-width: 989px) {
  .pap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 749px) {
  .pap { padding-block: 40px 40px; }
  .pap__grid { grid-template-columns: repeat(var(--pap-cols-m, 1), minmax(0, 1fr)); gap: 20px; }
  .pap__heading { font-size: 25px; }
}
/* sections/panjool-about-stats.liquid */
.pj-about { position: relative; overflow: hidden; background: #3a3128; color: #fff; padding-block: var(--pj-pad, 72px); min-height: 590px; box-sizing: border-box; }
.pj-about__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pj-about__shade { position: absolute; inset: 0; background: rgba(0, 0, 0, var(--pj-overlay, 0.2)); }
.pj-about__inner { position: relative; z-index: 1; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 32px; width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1216px; margin-inline: auto; }
.pj-about__text { position: relative; flex: 0 1 431px; min-width: 0; text-align: start; }
.pj-about__heading { margin: 0 0 8px; font-size: 25px; font-weight: 800; line-height: 1.7; color: #fff; }
.pj-about__body { font-size: 14px; line-height: 2; color: #fff; }
.pj-about__body p { margin: 0; }
.pj-about__btn { display: inline-flex; align-items: center; gap: 8px; margin-block-start: 24px; min-height: 44px; padding-inline: 18px; background: #fff; color: #222; border-radius: 8px; font-size: 14px; text-decoration: none; }
.pj-about__btn img { width: 14px; height: 14px; }
.pj-about__deco { position: absolute; inset-inline-start: 100%; top: 250px; transform: rotate(-34deg); pointer-events: none; }
.pj-about__stats { flex: 0 0 504px; max-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.pj-about__stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 150px; padding: 16px; background: rgba(255, 255, 255, 0.15); border-radius: 8px; text-align: center; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.pj-about__num { order: 1; display: flex; flex-direction: row; font-size: 28px; font-weight: 800; line-height: 1.3; color: #fff; }
.pj-about__label { order: 2; font-size: 20px; font-weight: 700; line-height: 1.5; color: #fff; }
@media (max-width: 989px) {
  .pj-about { min-height: 0; }
  .pj-about__inner { flex-direction: column; align-items: stretch; gap: 24px; }
  .pj-about__text { flex: none; }
  .pj-about__stats { flex: none; width: 100%; }
  .pj-about__deco { inset-inline-start: auto; inset-inline-end: 30px; top: 275px; transform: rotate(162deg); }
}
/* sections/panjool-app-promo.liquid */
.panjool-app-promo-pap { padding-block: var(--pap-py); }
.pap-box {
  display: grid;
  grid-template-columns: 1fr var(--pap-img);
  align-items: center;
  gap: 40px;
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1300px;
  margin-inline: auto;
  padding: 25px;
  background: var(--pap-bg);
  border-radius: 50px;
  box-sizing: border-box;
}
.pap-content { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; min-width: 0; padding-inline-start: 40px; }
.pap-badge {
  display: inline-block;
  padding: 8px 20px;
  background: #fff;
  color: var(--pap-accent);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}
.pap-heading {
  margin: 0;
  max-width: 430px;
  color: var(--pap-heading);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.5;
  text-align: start;
}
.pap-list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: max-content;
  gap: 13px 56px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pap-item { display: flex; align-items: center; gap: 12px; color: var(--pap-text); font-size: 16px; line-height: 1.6; }
.pap-icon { flex: none; width: 22px; height: 22px; color: var(--pap-accent); }
.pap-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 28px;
  background: var(--pap-accent);
  color: #fff;
  border-radius: 999px;
  font-size: 16px;
  text-decoration: none;
}
.pap-media { display: flex; justify-content: center; }
.pap-media img { display: block; width: 100%; max-width: var(--pap-img); height: auto; }
@media (max-width: 749px) {
  .pap-box { grid-template-columns: 1fr; padding: 20px; gap: 24px; border-radius: 30px; }
  .pap-content { padding-inline-start: 0; gap: 20px; }
  .pap-list { grid-auto-flow: row; grid-template-rows: none; grid-auto-columns: auto; gap: 14px; }
  .pap-media img { max-width: 300px; }
}
/* sections/panjool-article-header.liquid */
.pah { color: var(--pah-meta-color, #616161); }
.pah__inner {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: var(--page-width, 1300px);
  margin-inline: auto;
  padding-block: 10px;
  padding-inline-start: 20px;
  padding-inline-end: 10px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.pah__crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--pah-title-color, #564741);
  font-weight: 600;
}
.pah__crumb { color: inherit; text-decoration: none; }
.pah__crumb--home { color: var(--pah-accent, #f0a35e); font-weight: 400; }
.pah__sep { color: var(--pah-title-color, #564741); }
.pah__title {
  margin: 8px 0 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 51px;
  text-align: start;
  color: var(--pah-title-color, #564741);
}
.pah__divider {
  width: 100%;
  max-width: 750px;
  margin: 18px 0 20px;
  margin-inline-end: auto;
  border: 0;
  border-block-start: 1px solid var(--pah-title-color, #564741);
}
.pah__meta {
  list-style: none;
  margin: 0 0 6px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  font-size: 12px;
  line-height: 19.2px;
}
.pah__item { display: flex; align-items: center; gap: 6px; }
.pah__link { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.pah__icon { width: 14px; height: 14px; flex: none; }
@media (max-width: 749px) {
  .pah__inner { padding-inline-start: 16px; padding-inline-end: 16px; }
  .pah__title { font-size: 30px; line-height: 51px; }
  .pah__divider { max-width: none; }
}
/* sections/panjool-article-image.liquid */
.pj-article-image {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1300px;
  margin-inline: auto;
}
.pj-article-image__box {
  padding: 10px;
}
.pj-article-image__img {
  display: block;
  width: 100%;
  height: var(--pj-ai-hm, 500px);
  object-fit: cover;
  object-position: center;
  border-radius: var(--pj-ai-r, 20px);
}
.pj-article-image__img--empty {
  background: rgba(0, 0, 0, 0.06);
}
@media (min-width: 750px) {
  .pj-article-image__img {
    height: var(--pj-ai-h, 500px);
  }
}
/* sections/panjool-blog-banner.liquid */
.pj-blog-banner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--pj-h);overflow:hidden;background:#2b2118;color:#fff;isolation:isolate}
.pj-blog-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.pj-blog-banner__overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--pj-overlay));z-index:-1}
.pj-blog-banner__decor{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);width:var(--w);height:auto;pointer-events:none}
.pj-blog-banner__inner{position:relative;padding-inline:var(--awix-gutter,20px);text-align:center}
.pj-blog-banner__title{margin:0;font-size:var(--pj-title);font-weight:900;line-height:1.7;color:#fff}
@media (max-width:749px){
.pj-blog-banner{min-height:var(--pj-h-m)}
.pj-blog-banner__title{font-size:var(--pj-title-m)}
.pj-blog-banner__decor{width:calc(var(--w) * .75)}
}
/* sections/panjool-breed-cards.liquid */
.pbc { padding-block: var(--pbc-py, 40px); }
.pbc-inner { width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1300px; margin-inline: auto; }
.pbc-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; margin-block-end: 24px; }
.pbc-pill { display: inline-block; padding: 8px 18px; background: #fff; color: var(--pbc-accent); font-weight: 800; font-size: 14px; line-height: 1.6; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }
.pbc-title { margin: 0; color: var(--pbc-heading); font-size: 19px; line-height: 1.5; font-weight: 800; }
.pbc-text { margin: 0; max-width: 512px; color: #616161; font-size: 14px; line-height: 2; font-weight: 500; }
.pbc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--pbc-cols, 3), minmax(0, 1fr)); gap: 40px; align-items: start; }
.pbc-card { background: var(--pbc-card-bg); border: 1px solid rgba(0, 0, 0, .06); border-radius: 24px; padding: 10px; display: flex; flex-direction: column; }
.pbc-img { display: block; width: 100%; height: auto; border-radius: 10px; }
.pbc-name { margin: 12px 0 0; color: #564741; font-size: 16px; line-height: 1.6; font-weight: 800; text-align: start; }
.pbc-feats { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; color: #616161; font-size: 14px; line-height: 1.6; }
.pbc-feats > li { position: relative; padding-inline-start: 22px; }
.pbc-feats > li::before { content: ""; position: absolute; inset-inline-start: 4px; top: .7em; width: 6px; height: 6px; border-inline-start: 2px solid var(--pbc-accent); border-block-end: 2px solid var(--pbc-accent); transform: translateY(-50%) rotate(45deg); }
.pbc-link { display: inline-block; margin-block: 14px 8px; color: var(--pbc-accent); font-size: 18px; line-height: 1.6; text-decoration: none; min-height: 44px; }
.pbc-link:hover, .pbc-link:focus-visible { text-decoration: underline; }
@media (max-width: 989px) {
  .pbc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 749px) {
  .pbc-grid { grid-template-columns: repeat(var(--pbc-cols-m, 1), minmax(0, 1fr)); gap: 40px; }
  .pbc-title { font-size: 24px; }
}
/* sections/panjool-category-cards.liquid */
.pcc { background-color: var(--pcc-bg, #fcf9f4); background-size: cover; background-position: center; background-repeat: no-repeat; padding-block: var(--pcc-pad, 72px); }
.pcc__inner { width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1200px; margin-inline: auto; }
.pcc__head { display: flex; flex-direction: column; align-items: center; text-align: center; margin-block-end: 36px; }
.pcc__badge { display: inline-block; background: #fff; color: #f59a3c; border-radius: 6px; box-shadow: -4px 3px 9px rgba(0,0,0,.1); padding: 4px 18px 2px; font-size: 16px; font-weight: 700; line-height: 1.6; margin-block-end: 14px; }
.pcc__heading { margin: 0 0 8px; font-size: clamp(24px, 6vw, 19px); font-weight: 800; line-height: 1.5; color: #564741; }
.pcc__intro { max-width: 508px; font-size: 14px; line-height: 28px; color: #616161; }
.pcc__intro p { margin: 0; }
.pcc__grid { display: grid; grid-template-columns: repeat(var(--pcc-cols-m, 1), minmax(0, 1fr)); gap: 40px 55px; }
.pcc__card { display: flex; flex-direction: column; background: #fff; border-radius: 10px; box-shadow: -4px 3px 9px rgba(0,0,0,.1); padding-block-end: 28px; min-width: 0; }
.pcc__img { display: block; width: 100%; height: 250px; object-fit: cover; border-radius: 10px 10px 0 0; background: #eee; }
.pcc__tab { position: relative; z-index: 1; margin-block-start: -36px; margin-inline-start: -22px; margin-inline-end: 22px; min-height: 76px; display: flex; align-items: center; padding-inline: 24px; background: #564741; color: #fff; border-radius: 10px; }
.pcc__tab-title { color: #fff; font-size: 28px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.pcc__body { padding-inline: 21px; margin-block-start: 27px; display: flex; flex-direction: column; gap: 18px; flex: 1; }
.pcc__text { font-size: 14px; line-height: 28px; color: #616161; text-align: start; }
.pcc__text p { margin: 0; }
.pcc__more { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-block-start: auto; color: #564741; font-size: 16px; text-decoration: none; }
.pcc__more img { width: 24px; height: 24px; }
@media (min-width: 768px) {
  .pcc__grid { grid-template-columns: repeat(var(--pcc-cols, 3), minmax(0, 1fr)); }
  .pcc__heading { font-size: 19px; }
}
@media (max-width: 767px) {
  .pcc__tab-title { font-size: 24px; }
}
/* sections/panjool-contact-form.liquid */
.pcf { position: relative; overflow: hidden; margin-block-start: 18px; }
.pcf__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .5; pointer-events: none; }
.pcf__inner { position: relative; display: grid; grid-template-columns: 1fr 390px 498px; column-gap: 27px; align-items: center; width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1300px; margin-inline: auto; }
.pcf__info { display: flex; flex-direction: column; gap: 22px; color: var(--pcf-text); }
.pcf__heading { margin: 0; font-size: 36px; font-weight: 700; line-height: 1.4; color: var(--pcf-text); }
.pcf__text { margin: 0; font-size: 14px; line-height: 28px; text-align: justify; color: #616161; }
.pcf__item { display: flex; align-items: flex-start; gap: 14px; }
.pcf__icon { flex: none; width: 41px; height: 41px; }
.pcf__item-title { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; color: var(--pcf-text); }
.pcf__item-text { margin: 0; font-size: 14px; line-height: 22.4px; color: var(--pcf-text); }
.pcf__form-card { display: flex; flex-direction: column; gap: 7px; padding: 36px 23px 54px; border-radius: 15px; background: var(--pcf-form-bg); }
.pcf__form-heading { margin: 0 0 8px; font-size: 26px; font-weight: 700; line-height: 44px; text-align: center; color: #fff; }
.pcf__form { display: flex; flex-direction: column; gap: 20px; }
.pcf__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pcf__field { box-sizing: border-box; width: 100%; min-height: 47px; padding: 10px 16px; border: 0; border-radius: 10px; background: #fff; font: inherit; font-size: 16px; color: #333; }
.pcf__field--area { min-height: 103px; resize: vertical; }
.pcf__button { min-height: 52px; padding: 15px 30px; border: 0; border-radius: 10px; background: var(--pcf-button-bg); color: #fff; font: inherit; font-size: 18px; font-weight: 600; cursor: pointer; }
.pcf__media img { display: block; width: 100%; height: auto; }
@media (max-width: 989px) {
  .pcf__inner { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
  .pcf__info { align-items: center; text-align: center; }
  .pcf__heading { font-size: 30px; }
  .pcf__item { flex-direction: column; align-items: center; gap: 6px; }
  .pcf__media { max-width: 498px; margin-inline: auto; }
}
/* sections/panjool-contact-header.liquid */
.pch { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: var(--pch-hm); background: #3a3a3a; color: #fff; }
.pch__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pch__shade { position: absolute; inset: 0; background: rgba(0, 0, 0, var(--pch-overlay)); }
.pch__decor { position: absolute; inset-block-start: var(--top); inset-inline-start: var(--start); width: calc(var(--size) * 0.7); height: auto; pointer-events: none; }
.pch__inner { position: relative; z-index: 1; padding-inline: 15px; text-align: center; }
.pch__title { margin: 0; color: #fff; font-size: 28px; font-weight: 900; line-height: 1.7; }
@media (min-width: 768px) {
  .pch { min-height: var(--pch-h); }
  .pch__decor { width: var(--size); }
  .pch__title { font-size: 45px; }
}
/* sections/panjool-counter-strip.liquid */
.pcs { position: relative; z-index: 2; margin-block-start: calc(-1 * var(--pcs-overlap, 72px)); padding-block-end: 24px; }
.pcs__box { position: relative; overflow: hidden; width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1100px; margin-inline: auto; border-radius: 10px; background: var(--pcs-bg, #f69946); color: var(--pcs-color, #fff); }
.pcs__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pcs__list { position: relative; display: grid; grid-template-columns: repeat(var(--pcs-cols, 4), 1fr); gap: 20px; margin: 0; padding: 32px 24px; list-style: none; }
.pcs__item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.pcs__value { font-size: var(--pcs-number, 40px); font-weight: 800; line-height: 1.2; }
.pcs__label { font-size: 16px; line-height: 1.6; }
@media (max-width: 749px) {
  .pcs__list { grid-template-columns: repeat(var(--pcs-cols-m, 2), 1fr); padding: 24px 16px; row-gap: 24px; }
  .pcs__value { font-size: 32px; }
}
/* sections/panjool-cta-banner.liquid */
.pcb {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1300px;
  margin-inline: auto;
  margin-block: var(--pcb-gap-top, 36px) var(--pcb-gap-bottom, 72px);
}
.pcb-card {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  min-height: 240px;
  background: var(--pcb-bg, #fbf3ea);
  border-radius: 15px;
  box-shadow: -7px 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.pcb-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  padding-block: 24px;
  padding-inline: 32px 0;
}
.pcb-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 800;
  color: #222;
}
.pcb-heading-text { display: inline-block; }
.pcb-mark {
  display: inline-block;
  padding: 4px 20px;
  background: #fff;
  color: var(--pcb-accent, #f59a3c);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.pcb-text {
  max-width: 773px;
  font-size: 16px;
  line-height: 1.9;
  color: var(--pcb-text, #616161);
}
.pcb-text p { margin: 0; }
.pcb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding-inline: 24px;
  background: var(--pcb-accent, #f59a3c);
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
}
.pcb-btn-icon { width: 14px; height: 14px; }
.pcb-media {
  position: relative;
  flex: 0 0 432px;
  width: 432px;
  padding-inline-end: 12px;
}
.pcb-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pcb-deco {
  position: absolute;
  left: 23px;
  top: 24px;
  width: 85px;
  height: auto;
}
@media (max-width: 989px) {
  .pcb-card { flex-direction: column; gap: 0; }
  .pcb-body { padding: 24px 20px 20px; }
  .pcb-heading { font-size: 24px; }
  .pcb-media { flex: 0 0 auto; width: 100%; padding-inline-end: 0; }
  .pcb-photo { height: auto; aspect-ratio: 390 / 217; }
  .pcb-deco { left: 8px; top: 24px; width: 64px; }
}
/* sections/panjool-faq-image.liquid */
.pfi { padding-block: var(--pfi-pad, 40px); }
.pfi__inner {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: end;
  max-width: 1300px;
  margin-inline: auto;
  padding-inline: var(--awix-gutter, 20px);
  box-sizing: content-box;
}
.pfi__text { align-self: center; padding-block-start: 0; }
.pfi__eyebrow {
  display: inline-block;
  padding: 8px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  color: var(--pfi-accent, #f79a3b);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.6;
}
.pfi__heading {
  margin: 20px 0 30px;
  color: rgb(86, 71, 65);
  font-size: 25px;
  font-weight: 800;
  line-height: 42.5px;
  text-align: start;
}
.pfi__list { display: flex; flex-direction: column; gap: 10px; }
.pfi__item { background: #faf7f2; border-radius: 8px; }
.pfi__q {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
  color: rgb(86, 71, 65);
  font-size: 13px;
  font-weight: 700;
  line-height: 26px;
}
.pfi__q::-webkit-details-marker { display: none; }
.pfi__icon {
  position: relative;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
}
.pfi__icon::before,
.pfi__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: var(--pfi-accent, #f79a3b);
  border-radius: 1px;
}
.pfi__icon::before { width: 12px; height: 3px; }
.pfi__icon::after { width: 3px; height: 12px; }
.pfi__item[open] .pfi__icon::after { display: none; }
.pfi__a {
  padding: 0 54px 16px 16px;
  padding-inline: 54px 16px;
  color: rgb(97, 97, 97);
  font-size: 13px;
  line-height: 26px;
}
.pfi__a p { margin: 0 0 8px; }
.pfi__media { position: relative; display: flex; justify-content: center; align-items: flex-end; }
.pfi__img { display: block; width: 82%; max-width: 638px; height: auto; }
.pfi__heart { position: absolute; width: 85px; height: auto; }
.pfi__heart--1 { inset-inline-end: 89%; top: 0; }
.pfi__heart--2 { inset-inline-end: 4%; top: 40%; }
.pfi__heart--3 { inset-inline-end: 74%; top: 77%; }
@media (max-width: 749px) {
  .pfi__inner { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .pfi__heading { font-size: 25px; margin-block: 16px 24px; }
  .pfi__img { width: 100%; }
  .pfi__heart { width: 56px; }
  .pfi__heart--1 { inset-inline-end: 80%; }
  .pfi__heart--2 { inset-inline-end: 2%; }
  .pfi__heart--3 { inset-inline-end: 72%; }
}
/* sections/panjool-focus-areas.liquid */
.pfa {
  background-color: var(--pfa-bg, #fcf9f4);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-block: var(--pfa-pt, 54px) var(--pfa-pb, 180px);
  padding-inline: var(--awix-gutter, 20px);
  overflow: hidden;
}
.pfa__inner {
  max-width: 1270px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 20px;
  align-items: center;
}
.pfa__media {
  position: relative;
  min-width: 0;
  aspect-ratio: 750 / 484;
}
.pfa__watermark {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pfa__photo {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pfa__sticker {
  position: absolute;
  height: auto;
}
.pfa__sticker--crown {
  inset-inline-start: 5%;
  top: 0;
  width: 14.7%;
}
.pfa__sticker--bone {
  inset-inline-end: 10%;
  top: 69%;
  width: 14%;
}
.pfa__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
.pfa__tag {
  align-self: flex-start;
  background: #fff;
  color: var(--pfa-accent, #f59a45);
  font-size: 14px;
  font-weight: 800;
  line-height: 31px;
  padding-inline: 19px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.pfa__heading {
  margin: 0;
  color: #564741;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.7;
  text-align: start;
}
.pfa__text {
  color: #616161;
  font-size: 13px;
  line-height: 27px;
  text-align: start;
}
.pfa__text p { margin: 0; }
.pfa__text a { color: var(--pfa-accent, #f59a45); text-decoration: none; }
.pfa__bar { display: flex; flex-direction: column; gap: 8px; }
.pfa__bar-title {
  color: #564741;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.6;
}
.pfa__track {
  display: block;
  height: 12px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.pfa__fill {
  display: block;
  height: 100%;
  width: var(--pfa-p, 0%);
  background: var(--pfa-accent, #f59a45);
  border-radius: 8px;
}
@media (max-width: 749px) {
  .pfa { padding-block-end: 120px; }
  .pfa__inner { grid-template-columns: 1fr; gap: 30px; }
  .pfa__content { order: 1; }
  .pfa__media { order: 2; }
  .pfa__heading { font-size: 28px; }
}
/* sections/panjool-footer-cta.liquid */
.pfc { margin-block-start: 30px; }
.pfc__box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1238px;
  margin-inline: auto;
  padding: 18px 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--pfc-from), var(--pfc-to));
  color: #fff;
  box-sizing: border-box;
}
.pfc__text { display: flex; flex-direction: column; gap: 6px; text-align: start; }
.pfc__title { font-size: 16px; font-weight: 700; line-height: 1.6; color: #fff; }
.pfc__desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.65); }
.pfc__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 28px;
  border-radius: 10px;
  background: var(--pfc-btn);
  color: var(--pfc-btn-text);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.pfc__btn:hover { filter: brightness(1.08); }
.pfc__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 749px) {
  .pfc__box { flex-direction: column; align-items: stretch; padding: 24px 20px; gap: 20px; }
  .pfc__title { font-size: 15px; }
  .pfc__desc { font-size: 14px; }
  .pfc__btn { align-self: center; }
}
/* sections/panjool-footer.liquid */
.pj-footer { position: relative; color: var(--pj-text, #fff); }
.pj-footer p, .pj-footer ul { margin: 0; padding: 0; }
.pj-footer ul { list-style: none; }
.pj-footer a { color: inherit; text-decoration: none; }

.pj-footer__strip {
  position: relative;
  z-index: 2;
  margin-block-end: -63px;
  padding: 36px 40px;
  border-radius: 10px;
  background-color: var(--pj-strip-bg, #f69946);
  background-image: var(--pj-strip-image, none);
  background-size: cover;
  background-position: center;
}
.pj-footer__features { display: flex; justify-content: space-evenly; align-items: center; gap: 24px; }
.pj-footer__feature { display: flex; align-items: center; gap: 12px; }
.pj-footer__feature-icon { width: 40px; height: 40px; flex: 0 0 auto; object-fit: contain; }
.pj-footer__feature-title { font-size: 16px; font-weight: 700; line-height: 1.6; color: #fff; }
.pj-footer__feature-desc { font-size: 12px; line-height: 1.6; color: #fcf9f4; }

.pj-footer__body {
  padding-block-start: 129px;
  background-color: var(--pj-bg, #3a3330);
  background-image: var(--pj-footer-image, none);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.pj-footer__inner { max-width: 1300px; margin-inline: auto; padding-inline: 36px; }
.pj-footer__cols { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px; padding-block-end: 92px; }
.pj-footer__col--contact { flex: 0 1 290px; }
.pj-footer__col--links { flex: 0 1 auto; min-width: 250px; }
.pj-footer__col--hours { flex: 0 1 268px; }
.pj-footer__col--badge img { display: block; max-width: 100%; height: auto; }

.pj-footer__logo { display: block; max-width: 100%; height: auto; }
.pj-footer__phone { display: flex; align-items: center; gap: 12px; margin-block-start: 14px; }
.pj-footer__phone-icon { width: 40px; height: 40px; flex: 0 0 auto; }
.pj-footer__phone-number { font-size: 19px; font-weight: 800; line-height: 1.3; }
.pj-footer__phone-note { font-size: 12px; line-height: 1.6; }
.pj-footer__address-heading { margin-block-start: 22px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.pj-footer__address { margin-block-start: 10px; font-size: 12px; line-height: 1.8; }
.pj-footer__social { display: flex; gap: 10px; margin-block-start: 16px; }
.pj-footer__social-link {
  display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50%;
}
.pj-footer__social-link img { width: 12px; height: 12px; }

.pj-footer__heading { margin-block-end: 28px; font-size: 20px; font-weight: 700; line-height: 1; }
.pj-footer__links {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--pj-rows, 4), auto);
  justify-content: start;
  column-gap: 60px;
}
.pj-footer__links a, .pj-footer__links span { display: block; padding-block: 4px; font-size: 16px; line-height: 1.6; white-space: nowrap; }

.pj-footer__hours {
  display: grid; gap: 7.5px; padding: 23px 30px;
  border-radius: 12px; background: rgba(255, 255, 255, 0.16);
}
.pj-footer__hours li { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 33px; font-size: 16px; line-height: 1.6; }
.pj-footer__hours-time { text-align: end; }

.pj-footer__bottom {
  max-width: 1300px; margin-inline: auto; padding-block: 22px 30px;
  border-block-start: 1px solid rgba(255, 255, 255, 0.25);
  text-align: center;
}
.pj-footer__copyright { font-size: 13px; line-height: 1.6; }

@media (max-width: 749px) {
  .pj-footer__strip {
    margin-inline: 18px;
    margin-block-end: -64px;
    padding: 24px 12px;
    border-radius: 16px;
  }
  .pj-footer__features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 12px; align-items: start; }
  .pj-footer__feature { flex-direction: column; text-align: center; gap: 6px; }
  .pj-footer__feature-title { font-size: 14px; }
  .pj-footer__feature-desc { font-size: 11px; }
  .pj-footer__body { padding-block-start: 130px; }
  .pj-footer__inner { padding-inline: 18px; }
  .pj-footer__cols { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 28px; padding-block-end: 80px; }
  .pj-footer__col--contact, .pj-footer__col--links, .pj-footer__col--hours { flex: 0 0 auto; min-width: 0; }
  .pj-footer__links { column-gap: 40px; }
  .pj-footer__hours { padding: 20px 18px; border-radius: 16px; }
  .pj-footer__hours-time { font-weight: 700; }
  .pj-footer__bottom { width: calc(100% - 36px); padding-block: 22px 30px; }
}
/* sections/panjool-header.liquid */
.pj-header { position: sticky; top: 0; z-index: 50; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.pj-bar { width: 100%; }
.pj-desktop { background: var(--pj-bg); height: 100px; }
.pj-mobile { display: none; background: var(--pj-bg-m); height: 80px; }
.pj-inner { height: 100%; max-width: var(--awix-page-width, 1200px); margin-inline: auto; padding-inline: 20px; display: flex; align-items: center; gap: 24px; }
.pj-inner-m { justify-content: space-between; gap: 12px; }
.pj-logo { display: flex; align-items: center; flex-shrink: 0; }
.pj-logo img { width: var(--pj-logo-w); max-width: 100%; height: auto; display: block; padding-block: 5px; }
.pj-logo-text { font-weight: 700; font-size: 22px; color: var(--pj-accent); }
.pj-nav { flex: 1; display: flex; justify-content: center; }
.pj-nav > .pj-nav-list { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0; padding: 0; }
.pj-item { position: relative; display: flex; align-items: center; height: 40px; }
.pj-link { display: inline-flex; align-items: center; gap: 4px; font-size: 16px; line-height: 40px; color: #333; text-decoration: none; font-weight: 500; }
.pj-link:hover, .pj-item:first-child > .pj-link { color: var(--pj-accent); }
.pj-chev { width: 5px; height: 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; transform: rotate(45deg); margin-block-start: -3px; }
.pj-item > .pj-sub { display: none; position: absolute; inset-block-start: 100%; inset-inline-start: 0; z-index: 60; min-width: 178px; margin: 0; padding: 10px 0; list-style: none; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.12); border-radius: 6px; }
.pj-item.pj-has-sub:hover > .pj-sub, .pj-item.pj-has-sub:focus-within > .pj-sub { display: block; }
.pj-sub a { display: block; padding: 6px 18px; font-size: 15px; line-height: 1.6; color: #767676; text-decoration: none; white-space: nowrap; }
.pj-sub a:hover { color: var(--pj-accent); }
.pj-tools { display: flex; align-items: center; gap: 18px; }
.pj-tool { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; cursor: pointer; list-style: none; }
.pj-tool::-webkit-details-marker { display: none; }
.pj-tool img { display: block; width: 24px; height: 24px; }
.pj-tools > .pj-tool { min-width: 26px; }
.pj-count { position: absolute; inset-block-start: 4px; inset-inline-start: -2px; min-width: 16px; height: 16px; padding-inline: 3px; border-radius: 8px; background: var(--pj-accent); color: #fff; font-size: 10px; line-height: 16px; text-align: center; }
.pj-cta { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding-inline: 28px; border-radius: 8px; background: var(--pj-btn); color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.pj-cta img { width: 18px; height: 18px; display: block; }
.pj-search { position: relative; }
.pj-search-form { position: absolute; inset-block-start: 100%; inset-inline-end: 0; z-index: 60; display: flex; gap: 8px; width: 320px; padding: 12px; background: #fff; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.pj-search-form input { flex: 1; min-height: 44px; font-size: 16px; padding-inline: 12px; border: 1px solid #ddd; border-radius: 6px; }
.pj-search-form button { min-height: 44px; padding-inline: 16px; font-size: 16px; border: 0; border-radius: 6px; background: var(--pj-accent); color: #fff; cursor: pointer; }
.pj-burger { position: relative; }
.pj-burger-icon, .pj-burger-icon::before, .pj-burger-icon::after { display: block; width: 24px; height: 2px; background: #fff; border-radius: 2px; }
.pj-burger-icon { position: relative; }
.pj-burger-icon::before, .pj-burger-icon::after { content: ""; position: absolute; inset-inline-start: 0; }
.pj-burger-icon::before { inset-block-start: -7px; }
.pj-burger-icon::after { inset-block-start: 7px; }
.pj-drawer { position: absolute; inset-block-start: 100%; inset-inline-start: 0; z-index: 60; width: 260px; max-height: 70vh; overflow-y: auto; background: #fff; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.2); padding: 8px 0; }
.pj-drawer ul { list-style: none; margin: 0; padding: 0; }
.pj-drawer a { display: block; padding: 10px 18px; font-size: 16px; color: #333; text-decoration: none; }
.pj-drawer ul ul a { padding-inline-start: 34px; font-size: 15px; color: #767676; }
.pj-logo-m img { width: 170px; }
.pj-tools-m { gap: 4px; }
@media (max-width: 989px) {
  .pj-desktop { display: none; }
  .pj-mobile { display: block; }
}
/* sections/panjool-hero.liquid */
.pj-hero { background: var(--pj-bg); padding-block: 0; }
.pj-hero-box {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1270px;
  margin-inline: auto;
  min-height: var(--pj-min-m);
  padding: 24px 18px;
  border-radius: 15px;
  box-sizing: border-box;
}
.pj-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pj-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.35));
  opacity: var(--pj-overlay);
  pointer-events: none;
}
.pj-hero-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 555px;
  text-align: start;
}
.pj-hero-kicker {
  margin: 0;
  color: var(--pj-kicker);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.6;
}
.pj-hero-heading {
  margin: 0 0 8px;
  color: var(--pj-heading);
  font-size: 30px;
  font-weight: 900;
  line-height: 1.6;
}
.pj-hero-text {
  margin: 0 0 20px;
  max-width: 494px;
  color: var(--pj-heading);
  font-size: 13px;
  line-height: 24px;
}
.pj-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding-inline: 20px;
  border-radius: 8px;
  background: var(--pj-btn);
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.pj-hero-btn img { width: 14px; height: 14px; }
.pj-deco { position: absolute; z-index: 1; height: auto; pointer-events: none; }
.pj-deco-ball { left: 35%; top: 3%; width: 44px; }
.pj-deco-stroke { left: 17%; top: 23%; width: 134px; transform: rotate(-18deg); }
.pj-deco-paw { left: 14%; top: 79%; width: 48px; }
.pj-deco-bone { left: 65%; top: 74%; width: 48px; }
@media (min-width: 750px) {
  .pj-hero-box { min-height: var(--pj-min); padding-block: 0; }
  .pj-hero-kicker { font-size: 45px; line-height: 76.5px; }
  .pj-hero-heading { font-size: 45px; line-height: 76.5px; margin-bottom: 9px; }
  .pj-hero-text { font-size: 14px; line-height: 28px; margin-bottom: 8px; }
}
@media (max-width: 749px) {
  .pj-deco-ball { left: 76%; top: 4%; }
  .pj-deco-stroke { left: 6%; top: 8%; width: 110px; }
  .pj-deco-paw { left: 8%; top: 84%; }
  .pj-deco-bone { left: 52%; top: 88%; }
}
/* sections/panjool-info-cards.liquid */
.pic {
  position: relative;
  z-index: 2;
  margin-block-start: calc(-1 * var(--pic-overlap, 54px));
}
.pic__inner {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1100px;
  margin-inline: auto;
}
.pic__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(var(--pic-cols, 3), minmax(0, 1fr));
  gap: 35px;
}
.pic__card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  padding: 21.6px 30.6px;
  background: var(--pic-card-bg, #fff);
  border-radius: 15px;
  box-shadow: 12px 9px 40px 0 rgba(0, 0, 0, 0.08);
  min-height: 150px;
  box-sizing: border-box;
}
.pic__icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  display: block;
}
.pic__icon img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.pic__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: start;
}
.pic__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--pic-title, #4a3228);
  text-decoration: none;
}
.pic__text {
  margin: 0;
  font-size: 13px;
  line-height: 2;
  color: var(--pic-text, #616161);
}
@media (max-width: 989px) {
  .pic {
    margin-block-start: 0;
  }
  .pic__grid {
    grid-template-columns: repeat(var(--pic-cols-m, 1), minmax(0, 1fr));
    gap: 28px;
  }
  .pic__card {
    min-height: 0;
    padding: 20px;
  }
}
/* sections/panjool-latest-posts.liquid */
.plp { background: var(--plp-bg, transparent); padding-block: 40px; }
.plp__inner { width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1300px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }
.plp__badge { display: inline-block; padding: 3.6px 18px 1.8px; background: #fff; color: var(--plp-accent, #f4a965); font-weight: 800; font-size: 16px; line-height: 1.6; border-radius: 6px; box-shadow: -4px 3px 9px rgba(0, 0, 0, 0.1); }
.plp__heading { margin: 30px 0 0; font-size: 35px; line-height: 1.7; font-weight: 800; color: #564741; text-align: center; }
.plp__text { max-width: 520px; margin-block: 14px 0; font-size: 14px; line-height: 2; color: #616161; text-align: center; }
.plp__text p { margin: 0; }
.plp__grid { list-style: none; margin: 40px 0 0; padding: 0; width: 100%; display: grid; grid-template-columns: repeat(var(--plp-cols-m, 1), minmax(0, 1fr)); gap: 25px; }
.plp__card { display: flex; flex-direction: column; background: var(--plp-card, #fbf8f4); border-radius: 10px; overflow: hidden; }
.plp__media { position: relative; }
.plp__media a { display: block; }
.plp__img { display: block; width: 100%; height: 200px; object-fit: cover; border-radius: 10px 10px 0 0; }
.plp__date { position: absolute; inset-block-end: 0; inset-inline-start: 0; padding: 6px 14px; background: var(--plp-accent, #f4a965); color: #fff; font-size: 14px; font-weight: 800; line-height: 1.6; border-start-end-radius: 10px; }
.plp__body { display: flex; flex-direction: column; flex: 1; padding: 22px 18px 18px; }
.plp__meta { display: flex; align-items: center; font-size: 12px; line-height: 1.6; color: #616161; }
.plp__meta-item + .plp__meta-item { margin-inline-start: 8px; padding-inline-start: 8px; border-inline-start: 1px solid #d9d4ce; }
.plp__title { margin: 10px 0 0; font-size: 18px; line-height: 2; font-weight: 800; color: #564741; }
.plp__title a { color: inherit; text-decoration: none; }
.plp__more { display: inline-flex; align-items: center; gap: 6px; margin-block-start: auto; padding-block-start: 22px; min-height: 44px; font-size: 14px; font-weight: 800; color: #564741; text-decoration: none; }
.plp__more img { width: 24px; height: 24px; }
@media (min-width: 750px) { .plp__grid { grid-template-columns: repeat(min(var(--plp-cols, 4), 2), minmax(0, 1fr)); } }
@media (min-width: 990px) { .plp__grid { grid-template-columns: repeat(var(--plp-cols, 4), minmax(0, 1fr)); } }
@media (max-width: 749px) { .plp { padding-block: 28px; } .plp__heading { font-size: 26px; margin-block-start: 18px; } }
/* sections/panjool-logo-strip.liquid */
.pj-logos { position: relative; z-index: 2; margin-block-start: calc(var(--pj-overlap) * -0.5); }
.pj-logos__box {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: var(--pj-max);
  margin-inline: auto;
  background: var(--pj-bg);
  border-radius: var(--pj-radius);
  padding-block: 12px;
  padding-inline: 24px;
  box-sizing: border-box;
}
.pj-logos__track {
  display: flex;
  gap: var(--pj-gap);
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.pj-logos__track::-webkit-scrollbar { display: none; }
.pj-logos__slide {
  flex: 0 0 calc((100% - (var(--pj-cols-m) - 1) * var(--pj-gap)) / var(--pj-cols-m));
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.pj-logos__slide a { display: flex; align-items: center; justify-content: center; }
.pj-logos__img { display: block; width: 100%; height: 80px; object-fit: contain; }
@media (min-width: 990px) {
  .pj-logos { margin-block-start: calc(var(--pj-overlap) * -1); }
  .pj-logos__box { padding-block: 18px; padding-inline: 90px; }
  .pj-logos__slide { flex-basis: calc((100% - (var(--pj-cols) - 1) * var(--pj-gap)) / var(--pj-cols)); }
  .pj-logos__img { height: 100px; }
}
/* sections/panjool-map.liquid */
.panjool-map { padding-inline: var(--awix-gutter, 20px); }
.panjool-map__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1300px;
  height: var(--map-h-m);
  margin-block: 72px;
  margin-inline: auto;
  background: var(--map-bg);
  overflow: hidden;
}
.panjool-map__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.panjool-map__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 20px;
  border-radius: var(--radius, 8px);
  background: #fff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}
@media (min-width: 750px) {
  .panjool-map { padding-inline: 0; }
  .panjool-map__box { height: var(--map-h); }
}
@media (max-width: 749px) {
  .panjool-map__box { margin-block: 32px; }
}
/* sections/panjool-newsletter.liquid */
.pj-news {
  background: var(--pj-bg, #fcf9f4);
  padding-block: var(--pj-pad, 16px);
  overflow: hidden;
}
.pj-news__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1270px;
  margin-inline: auto;
}
.pj-news__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.pj-news__badge {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  color: var(--pj-accent, #f69946);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
.pj-news__heading {
  margin: 0;
  color: var(--pj-heading, #4b3f3a);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  text-align: start;
}
.pj-news__text {
  margin: 0;
  color: #616161;
  font-size: 14px;
  line-height: 28px;
  text-align: start;
}
.pj-news__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  margin-block-start: 8px;
}
.pj-news__input {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
  color: #616161;
  font: inherit;
  font-size: 16px;
  text-align: start;
}
.pj-news__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 49px;
  padding: 15px 30px;
  border: 0;
  border-radius: 10px;
  background: var(--pj-accent, #f69946);
  color: #fff;
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.pj-news__icon {
  width: 16px;
  height: 16px;
}
.pj-news__media {
  display: flex;
  justify-content: center;
}
.pj-news__image {
  display: block;
  width: 100%;
  max-width: 618px;
  height: auto;
}
@media (min-width: 990px) {
  .pj-news__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
  }
  .pj-news__body {
    flex: 0 0 390px;
    max-width: 390px;
  }
  .pj-news__heading {
    font-size: 32px;
  }
  .pj-news__form {
    align-items: flex-start;
  }
  .pj-news__button {
    min-width: 134px;
    align-self: flex-end;
  }
  .pj-news__media {
    flex: 0 1 618px;
  }
}
/* sections/panjool-pillars.liquid */
.pj-pillars { width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1238px; margin-inline: auto; padding-block: var(--pj-pad-y); }
.pj-pillars__grid { display: grid; grid-template-columns: repeat(var(--pj-cols-m), minmax(0, 1fr)); gap: var(--pj-gap); }
.pj-pillars__card { display: flex; align-items: flex-start; gap: 14px; padding: 16px; background: #fafbfd; border: 1px solid #e8ecf2; border-radius: 16px; }
.pj-pillars__icon { flex: 0 0 42px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; }
.pj-pillars__icon--orange { background: #fff4e5; color: #f59e0b; }
.pj-pillars__icon--blue { background: #eaf2ff; color: #3b82f6; }
.pj-pillars__icon--green { background: #e8f8ef; color: #22c55e; }
.pj-pillars__icon--purple { background: #f6ecff; color: #a855f7; }
.pj-pillars__body { min-width: 0; flex: 1; text-align: start; }
.pj-pillars__title { margin: 0 0 4px; font-size: 13.5px; line-height: 1.7; font-weight: 700; color: #1e293b; }
.pj-pillars__text { margin: 0; font-size: 12px; line-height: 1.6; color: #64748b; }
@media (min-width: 750px) {
  .pj-pillars__grid { grid-template-columns: repeat(var(--pj-cols), minmax(0, 1fr)); }
}
/* sections/panjool-product-tabs.liquid */
.pt { margin-block: 72px 54px; }
.pt__inner {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1300px;
  margin-inline: auto;
}
.pt__radio { position: absolute; opacity: 0; pointer-events: none; }
.pt__nav { display: flex; gap: 30px; flex-wrap: wrap; text-align: start; }
.pt__tab {
  display: block;
  padding-block: 8px;
  min-height: 44px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #333;
  cursor: pointer;
  border-block-end: 2px solid transparent;
}
.pt__r1:checked ~ .pt__nav .pt__l1,
.pt__r2:checked ~ .pt__nav .pt__l2 {
  color: var(--pt-accent);
  border-block-end-color: var(--pt-accent);
}
.pt__r1:focus-visible ~ .pt__nav .pt__l1,
.pt__r2:focus-visible ~ .pt__nav .pt__l2 { outline: 2px solid var(--pt-accent); outline-offset: 2px; }
.pt__panel {
  display: none;
  background: var(--pt-bg);
  border: 1px solid #ece6df;
  border-radius: 12px;
  padding: 36px;
  color: #616161;
}
.pt__r1:checked ~ .pt__p1,
.pt__r2:checked ~ .pt__p2 { display: block; }
.pt__text { font-size: 14px; line-height: 36px; text-align: justify; }
.pt__text p { margin: 0; }
.pt__title { margin: 0 0 16px; font-size: 18px; font-weight: 600; color: #564741; }
.pt__empty { margin: 0 0 24px; font-size: 16px; }
.pt__reviews { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 16px; }
.pt__stars { color: var(--pt-accent); margin-inline-start: 8px; }
.pt__form { display: grid; gap: 15px; }
.pt__form-title { margin: 0; font-size: 16px; font-weight: 600; }
.pt__field { display: grid; gap: 6px; font-size: 14px; }
.pt__field input,
.pt__field select,
.pt__field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  font: inherit;
  font-size: 16px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.pt__submit {
  justify-self: start;
  min-height: 44px;
  padding-inline: 32px;
  font: inherit;
  font-size: 16px;
  color: #fff;
  background: var(--pt-accent);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
@media (max-width: 749px) {
  .pt { margin-block: 32px 40px; }
  .pt__tab { font-size: 16px; }
  .pt__panel { padding: 28px 24px; }
}
/* sections/panjool-section-heading.liquid */
.pj-sh {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1300px;
  margin-inline: auto;
  margin-block: var(--pj-sh-top, 90px) var(--pj-sh-bottom, 0px);
}
.pj-sh__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.pj-sh__pill {
  display: inline-block;
  padding: 3.6px 18px 1.8px;
  background: #fff;
  color: var(--pj-sh-pill, #ff9a3c);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 6px;
  box-shadow: -4px 3px 9px rgba(0, 0, 0, 0.1);
}
.pj-sh__title {
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--pj-sh-title, #564741);
  font-size: var(--pj-sh-size-m, 25px);
  font-weight: 800;
  line-height: 1.7;
}
@media (min-width: 750px) {
  .pj-sh__title { font-size: var(--pj-sh-size, 25px); }
}
/* sections/panjool-team-cards.liquid */
.pj-team { background: var(--pj-bg); padding-block: var(--pj-py); }
.pj-team__inner { width: calc(100% - 2 * var(--awix-gutter, 20px)); max-width: 1300px; margin-inline: auto; }
.pj-team__head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; margin-block-end: 40px; }
.pj-team__pill { display: inline-block; padding: 8px 18px; background: #fff; color: var(--pj-accent); font-weight: 800; font-size: 14px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.pj-team__title { margin: 0; font-size: 19px; line-height: 28px; font-weight: 800; color: #564741; }
.pj-team__text { margin: 0; max-width: 504px; font-size: 14px; line-height: 28px; font-weight: 500; color: #616161; }
.pj-team__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--pj-cols), minmax(0, 1fr)); gap: 20px; }
.pj-team__card { display: flex; flex-direction: column; background: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, .22); }
.pj-team__top { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 15px 35px; background: var(--pj-head); border-radius: 10px 10px 10px 0; }
.pj-team__info { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.pj-team__name { margin: 0; font-size: 12px; line-height: 32px; font-weight: 600; color: #fff; }
.pj-team__role { margin: 0; font-size: 11px; line-height: 22px; font-weight: 400; color: #dedede; }
.pj-team__license { margin-block-start: 8px; padding: 0 12px; line-height: 28px; border-radius: 20px; background: var(--pj-accent); color: #fff; font-size: 9px; font-weight: 600; white-space: nowrap; }
.pj-team__photo { flex: none; width: 130px; height: 130px; border-radius: 10px; object-fit: cover; }
.pj-team__in { position: absolute; inset-block-end: -25px; inset-inline-start: 15px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 14px; background: var(--pj-accent); }
.pj-team__in img { width: 34px; height: 34px; }
.pj-team__bio { margin: 0; padding: 40px 10px 12px; font-size: 14px; line-height: 28px; font-weight: 600; color: #616161; text-align: center; }
@media (max-width: 989px) {
  .pj-team__grid { grid-template-columns: repeat(var(--pj-cols-m), minmax(0, 1fr)); }
  .pj-team__title { font-size: 28px; line-height: 40px; }
  .pj-team__head { margin-block-end: 28px; }
}
/* sections/panjool-tool-cards.liquid */
.ptc { padding-block: var(--ptc-pad, 60px); padding-inline: var(--awix-gutter, 20px); }
.ptc-inner { max-width: 1300px; margin-inline: auto; }
.ptc-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; margin-block-end: 36px; }
.ptc-badge { display: inline-block; padding: 8px 18px; background: #fff; color: var(--ptc-accent); border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, .12); font-size: 14px; font-weight: 700; line-height: 1.6; }
.ptc-title { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.5; color: rgb(86, 71, 65); }
.ptc-sub { margin: 0; max-width: 512px; font-size: 14px; font-weight: 500; line-height: 28px; color: rgb(97, 97, 97); }
.ptc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 20px; justify-content: center; }
.ptc-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 35px; background: #fff; border: 1px solid var(--ptc-accent); border-radius: 16px; text-align: center; min-height: 300px; }
.ptc-icon { width: 65px; height: 65px; object-fit: contain; }
.ptc-text { margin: 0; font-size: 15px; font-weight: 600; line-height: 25.5px; color: rgb(134, 131, 129); }
.ptc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: 24px; background: var(--ptc-accent); color: #fff; border-radius: 999px; font-size: 15px; text-decoration: none; }
@media (min-width: 900px) {
  .ptc-grid { grid-template-columns: repeat(3, minmax(0, 300px)); }
  .ptc-card { height: 300px; min-height: 0; }
}
/* sections/panjool-trust-strip.liquid */
.pj-trust {
  margin-block-start: var(--pj-mt);
}
.pj-trust__box {
  width: calc(100% - 2 * var(--awix-gutter, 20px));
  max-width: 1300px;
  margin-inline: auto;
  box-sizing: border-box;
  background: var(--pj-bg);
  border: 1px solid var(--pj-border);
  border-radius: 10px;
  padding-block: var(--pj-py);
  padding-inline: 20px;
}
.pj-trust__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(var(--pj-cols), 1fr);
  gap: 24px 16px;
}
.pj-trust__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: start;
}
.pj-trust__icon {
  width: var(--pj-icon);
  height: var(--pj-icon);
  flex: none;
  object-fit: contain;
}
.pj-trust__title {
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--pj-title);
}
.pj-trust__text {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--pj-text);
}
@media (max-width: 749px) {
  .pj-trust__box {
    padding-block: 24px;
    padding-inline: 12px;
  }
  .pj-trust__list {
    grid-template-columns: repeat(var(--pj-cols-m), 1fr);
    gap: 28px 12px;
  }
  .pj-trust__item {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}
/* sections/panjool-video-cards.liquid */
.pvc { padding-block: var(--pvc-py, 50px); padding-inline: 10px; }
.pvc__inner { max-width: 1280px; margin-inline: auto; }
.pvc__head { display: flex; flex-direction: column; align-items: center; text-align: center; }
.pvc__pill { display: inline-block; padding: 6px 20px; background: #fff; color: var(--pvc-accent, #f59a49); font-size: 16px; font-weight: 800; line-height: 1.6; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
.pvc__heading { margin: 22px 0 0; font-size: 19px; line-height: 28.5px; font-weight: 800; color: var(--pvc-title, #564741); }
.pvc__text { max-width: 504px; margin-top: 0; font-size: 14px; line-height: 28px; font-weight: 500; color: #616161; }
.pvc__row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; margin-top: 40px; padding-inline: 95px; padding-block-end: 18px; }
.pvc__card { position: relative; display: flex; flex-direction: column; width: calc((100% - 190px - (var(--pvc-cols, 3) - 1) * 20px) / var(--pvc-cols, 3)); max-width: 350px; min-width: 0; padding-block-end: 18px; background: #fff; border-radius: 10px; box-shadow: -5px 9px 12px rgba(0, 0, 0, 0.1); }
.pvc__media { position: relative; height: 250px; border-radius: 10px 10px 0 0; overflow: hidden; }
.pvc__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pvc__play { position: absolute; inset-block-start: 100px; inset-inline-start: 50%; width: 40px; height: 40px; transform: translateX(50%); }
[dir="ltr"] .pvc__play { transform: translateX(-50%); }
.pvc__plate { position: relative; z-index: 1; margin-block-start: -35px; margin-inline-start: 10px; margin-inline-end: -10px; padding: 11px 20px; background: var(--pvc-accent, #f59a49); border-radius: 10px; color: #fff; font-size: 19px; font-weight: 800; line-height: 28px; }
.pvc__desc { margin: 27px 0 0; padding-inline: 22px; font-size: 14px; line-height: 28px; color: #616161; text-align: start; }
.pvc__link { display: flex; align-items: center; gap: 6px; margin-block-start: 24px; padding-inline: 27px; min-height: 44px; font-size: 16px; line-height: 25.6px; color: var(--pvc-title, #564741); text-decoration: none; }
.pvc__link-icon { width: 24px; height: 24px; }
@media (max-width: 749px) {
  .pvc { padding-inline: 38px; }
  .pvc__heading { font-size: 26px; line-height: 1.6; }
  .pvc__text { font-size: 14px; }
  .pvc__row { padding-inline: 0; gap: 40px; margin-top: 40px; }
  .pvc__card { width: calc((100% - (var(--pvc-cols-m, 1) - 1) * 40px) / var(--pvc-cols-m, 1)); max-width: none; }
  .pvc__plate { margin-inline-start: 0; margin-inline-end: 0; transform: translateX(-18px); width: auto; }
  .pvc__desc { padding-inline: 20px; }
}