.bopiko-personality{--personality-section-bg: var(--bopiko-cream);background:var(--personality-section-bg)}.bopiko-personality--peach{--personality-section-bg: #fdf5ef}.bopiko-personality--lavender{--personality-section-bg: #f9f6fc}.bopiko-personality__inner{padding-top:var(--bopiko-personality-padding-top);padding-bottom:var(--bopiko-personality-padding-bottom)}.bopiko-personality__intro{max-width:76rem;margin:0 auto 3.8rem;text-align:center}.bopiko-personality__eyebrow{display:block;margin-bottom:1rem;color:var(--bopiko-lavender);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bopiko-personality__heading{margin:0;color:var(--bopiko-charcoal);font-size:clamp(3.6rem,4.5vw,5.6rem);line-height:1.05}.bopiko-personality__supporting-text{margin:1.4rem 0 0;color:#332c2ac2;font-size:clamp(1.6rem,1.5vw,1.9rem)}.bopiko-personality__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.bopiko-personality__grid--count-1{grid-template-columns:minmax(0,1fr)}.bopiko-personality__card{--personality-accent-bg: var(--bopiko-yellow);--personality-accent-ink: #85652d;display:flex;min-width:0;flex-direction:column-reverse;overflow:hidden;border:.1rem solid var(--bopiko-border);border-radius:var(--bopiko-radius-xl);background:#fff;box-shadow:var(--bopiko-shadow-sm)}.bopiko-personality__card--peach{--personality-accent-bg: var(--bopiko-peach);--personality-accent-ink: #9b5b41}.bopiko-personality__card--lavender{--personality-accent-bg: var(--bopiko-lavender-soft);--personality-accent-ink: var(--bopiko-lavender)}.bopiko-personality__grid--count-1 .bopiko-personality__card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,4vw,5rem);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.bopiko-personality__content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(2.4rem,3.5vw,4rem)}.bopiko-personality__grid--count-1 .bopiko-personality__content{justify-content:center;padding:2rem 0}.bopiko-personality__labels{display:flex;flex-wrap:wrap;gap:.8rem}.bopiko-personality__labels:empty{display:none}.bopiko-personality__mood,.bopiko-personality__availability{display:inline-flex;min-height:2.8rem;align-items:center;padding:.4rem 1.1rem;border-radius:999px;background:var(--personality-accent-bg);color:var(--personality-accent-ink);font-size:1.2rem;font-weight:700;letter-spacing:.04em}.bopiko-personality__availability{background:#f3eeeb;color:var(--bopiko-charcoal)}.bopiko-personality__name{margin:1.5rem 0 0;color:var(--bopiko-charcoal);font-size:clamp(2.8rem,3.3vw,4.4rem);line-height:1.08;overflow-wrap:anywhere}.bopiko-personality__labels:empty+.bopiko-personality__name{margin-top:0}.bopiko-personality__headline{margin:1.2rem 0 0;color:var(--personality-accent-ink);font-size:clamp(1.8rem,2vw,2.2rem);font-weight:700;line-height:1.3}.bopiko-personality__description{margin:1.4rem 0 0;color:#332c2ad1;font-size:1.6rem;line-height:1.55}.bopiko-personality__quote{margin:1.4rem 0 0;color:#332c2ab3;font-size:1.5rem;font-style:italic;line-height:1.45}.bopiko-personality__features{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 0;padding:0;list-style:none}.bopiko-personality__features li{padding:.6rem 1.1rem;border:.1rem solid var(--bopiko-border);border-radius:999px;color:var(--bopiko-charcoal);font-size:1.2rem;font-weight:600;line-height:1.3}.bopiko-personality__footer{display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.6rem;margin-top:auto;padding-top:2.6rem}.bopiko-personality__price{color:var(--bopiko-charcoal);font-size:1.6rem;font-weight:700;white-space:nowrap}.bopiko-personality__cta{min-height:4.8rem;padding-inline:2.2rem;font-size:1.2rem;letter-spacing:.06em;white-space:nowrap}.bopiko-personality__cta span{margin-left:.8rem;font-size:1.8rem;line-height:1}.bopiko-personality__media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1.35 / 1;overflow:hidden;background:var(--personality-accent-bg)}.bopiko-personality__grid--count-1 .bopiko-personality__media{min-height:43rem;aspect-ratio:1.2 / 1;border:.1rem solid var(--bopiko-border);border-radius:clamp(2.4rem,4vw,4rem);box-shadow:var(--bopiko-shadow-md)}.bopiko-personality__image{display:block;width:100%;height:100%;object-fit:cover}.bopiko-personality__decoration{position:absolute;z-index:1;pointer-events:none}.bopiko-personality__decoration--star{top:1.5rem;right:2rem;color:var(--personality-accent-ink);font-size:3rem;line-height:1;text-shadow:0 0 1rem #fff}.bopiko-personality__decoration--dot{bottom:1.5rem;left:1.5rem;width:2rem;height:2rem;border:.3rem solid var(--personality-accent-ink);border-radius:50%;opacity:.7}.bopiko-personality__image-fallback{position:relative;display:grid;place-items:center;width:100%;height:100%}.bopiko-personality__fallback-circle{position:absolute;width:48%;aspect-ratio:1;border-radius:44% 56% 53% 47%/51% 45% 55% 49%;background:#ffffff85;transform:rotate(15deg)}.bopiko-personality__fallback-star{position:relative;color:var(--personality-accent-ink);font-size:8rem;opacity:.5}.bopiko-personality__editor-note{margin:0;padding:3rem;border:.1rem dashed var(--bopiko-border);border-radius:var(--bopiko-radius-md);text-align:center}@media screen and (max-width:989px){.bopiko-personality__grid--count-1 .bopiko-personality__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bopiko-personality__grid--count-1 .bopiko-personality__media{min-height:36rem}}@media screen and (max-width:749px){.bopiko-personality__inner{padding-top:min(var(--bopiko-personality-padding-top),5.6rem);padding-bottom:min(var(--bopiko-personality-padding-bottom),5.6rem)}.bopiko-personality__intro{margin-bottom:2.6rem}.bopiko-personality__grid,.bopiko-personality__grid--count-1{grid-template-columns:minmax(0,1fr);gap:1.6rem}.bopiko-personality__grid--count-1 .bopiko-personality__card{display:flex;flex-direction:column-reverse}.bopiko-personality__media,.bopiko-personality__grid--count-1 .bopiko-personality__media{min-height:0;aspect-ratio:1.35 / 1;border-radius:var(--bopiko-radius-xl)}.bopiko-personality__content,.bopiko-personality__grid--count-1 .bopiko-personality__content{padding:2.2rem}.bopiko-personality__name{font-size:clamp(2.6rem,7vw,3.4rem)}.bopiko-personality__description{font-size:1.5rem}}@media screen and (max-width:359px){.bopiko-personality__content,.bopiko-personality__grid--count-1 .bopiko-personality__content{padding:1.8rem}.bopiko-personality__footer{align-items:stretch}.bopiko-personality__cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-bopiko-personality.css.map */