:root{
  --color-primary:#ff6b2b;
  --color-primary-light:#FDECE3;
  --color-secondary:#5b8def;
  --color-secondary-dark:#1E3766;
  --color-cream:#FDF6EC;
}
html{scroll-behavior:smooth}
body{background-color:var(--color-cream)}
.img-ph{
  background:linear-gradient(135deg,#FDECE3,#FDF6EC);
  display:flex;align-items:center;justify-content:center;
  color:#EA5A2B;
}
.img-ph svg{width:15%;height:15%;opacity:.55}
.accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.accordion-panel.open{max-height:600px}
.accordion-icon{transition:transform .3s ease}
.accordion-icon.rotate{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer.open{max-height:400px}
.faq-icon{transition:transform .3s ease}
.faq-icon.rotate{transform:rotate(45deg)}
.plan-card{transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}
.plan-card:hover{transform:translateY(-2px)}
.plan-card.selected{border-color:var(--color-primary);box-shadow:0 8px 24px -8px rgba(234,90,43,.35)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background:#EAD9C8;border-radius:8px}

.star-icon{
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  background-color:#facc15;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18.4C311.6 7.5 300.4 0 288 0s-23.6 7.5-28.9 18.4L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 471.4c-2.1 12 2.8 24.2 12.6 31.3s22.8 8 33.5 2.4L288 439.6l128.7 65.5c10.7 5.5 23.8 4.6 33.5-2.4s14.7-19.3 12.6-31.3L438.2 329l104.2-102.9c8.6-8.5 11.6-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381 150.3 316.9 18.4z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18.4C311.6 7.5 300.4 0 288 0s-23.6 7.5-28.9 18.4L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 471.4c-2.1 12 2.8 24.2 12.6 31.3s22.8 8 33.5 2.4L288 439.6l128.7 65.5c10.7 5.5 23.8 4.6 33.5-2.4s14.7-19.3 12.6-31.3L438.2 329l104.2-102.9c8.6-8.5 11.6-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381 150.3 316.9 18.4z'/%3E%3C/svg%3E");

  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center;
  mask-position:center;
}

.star-rating{
  display:flex;
  align-items:center;
  gap:2px;
}

.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.plan-radio-dot::after{content:"";position:absolute;inset:3px;border-radius:9999px;background:transparent}
.plan-radio-dot.is-checked::after{background:var(--color-primary)}
 
.myth-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.myth-answer.open{max-height:300px}
.myth-icon.rotate{transform:rotate(180deg)}
.privacy-toggle.is-on{background:#1c2b1f}
.privacy-dot.is-on{transform:translateX(16px)}

[data-cart-backdrop]{transition:opacity .3s ease}
[data-cart-panel]{transition:transform .3s ease}

.cookie-toggle{transition:background-color .2s ease}
.cookie-toggle.is-on{background:var(--color-primary)}
.cookie-dot{transition:transform .2s ease}
.cookie-toggle.is-on .cookie-dot{transform:translateX(20px)}
.cookie-toggle.is-locked{opacity:.6;cursor:not-allowed}