.cookie-boxes{position:relative;overflow:hidden}.cookie-boxes--warm{background-color:var(--color-cream)}.cookie-boxes--pink{background-color:var(--color-surface-pink)}.cookie-boxes--surface{background-color:var(--color-surface)}.cookie-boxes .container{position:relative;z-index:1}.cookie-boxes__watermark{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:0;-webkit-user-select:none;user-select:none;overflow:hidden;pointer-events:none}.cookie-boxes__watermark-line{display:block;font-family:var(--font-heading);font-size:clamp(4rem,3rem + 6vw,10rem);line-height:1.1;font-weight:700;text-transform:uppercase;white-space:nowrap;color:var(--color-text);opacity:.02;letter-spacing:-.03em;text-align:center}.cookie-boxes__watermark-line:nth-child(2n){transform:translate(-5%)}.cookie-boxes__header{text-align:center;margin-bottom:var(--space-lg)}.cookie-boxes__eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm)}.cookie-boxes__eyebrow:before,.cookie-boxes__eyebrow:after{content:"";display:inline-block;width:24px;height:2px;background-color:var(--color-accent);border-radius:var(--radius-full)}.cookie-boxes__heading{font-family:var(--font-heading);font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);line-height:1.1;color:var(--color-text);margin:0 0 var(--space-xs)}.cookie-boxes__subheading{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);margin:0;max-width:500px;margin-inline:auto}.cookie-boxes__steps{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl)}.cookie-boxes__step{display:flex;align-items:center;gap:.5rem}.cookie-boxes__step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;flex-shrink:0}.cookie-boxes__step-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap}.cookie-boxes__step-arrow{display:flex;align-items:center;color:var(--color-text-muted);opacity:.4}@media (max-width: 600px){.cookie-boxes__steps{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);margin-inline:auto;left:50%;transform:translate(-50%);position:relative}.cookie-boxes__step{display:flex;justify-content:flex-start}.cookie-boxes__step-arrow{transform:rotate(90deg);align-self:center;margin-left:.75rem}}.cookie-boxes__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);max-width:900px;margin-inline:auto}@media (min-width: 600px){.cookie-boxes__grid{grid-template-columns:repeat(2,1fr)}}.cookie-box-card{position:relative;display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 20px #2d292614;transition:transform var(--transition-base),box-shadow var(--transition-base)}.cookie-box-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #bd2c3426}.cookie-box-card--featured{border:2px solid var(--color-primary)}.cookie-box-card__badge{position:absolute;top:var(--space-md);left:var(--space-md);z-index:2;padding:.4rem .9rem;background:var(--color-white);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);box-shadow:0 2px 8px #0000001a}.cookie-box-card__badge--popular{background:var(--color-primary);color:var(--color-white)}.cookie-box-card__ribbon{position:absolute;top:var(--space-md);right:var(--space-md);z-index:3;padding:.4rem .9rem;background:var(--color-accent);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);box-shadow:0 2px 8px #ea4e324d}.cookie-box-card__image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-surface)}.cookie-box-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.cookie-box-card:hover .cookie-box-card__img{transform:scale(1.05)}.cookie-box-card__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);flex-grow:1}.cookie-box-card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0}.cookie-box-card__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.cookie-box-card__price{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-top:auto;padding-top:var(--space-sm)}.cookie-box-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-white);background-color:var(--color-primary);padding:.75rem 1.5rem;border-radius:var(--radius-full);margin-top:var(--space-sm);transition:background-color var(--transition-fast),transform var(--transition-fast)}.cookie-box-card:hover .cookie-box-card__cta{background-color:var(--color-primary-dark, #a02529);transform:translateY(-2px)}.cookie-box-card__cta svg{transition:transform var(--transition-fast);stroke:var(--color-white)}.cookie-box-card:hover .cookie-box-card__cta svg{transform:translate(4px)}@media print{.cookie-boxes{page-break-inside:avoid}.cookie-boxes__watermark{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-cookie-boxes.css.map */