.catalog-blocks{container-type:inline-size}
.collections,.discount{--u:.0694444444cqw}
.collections{display:grid;grid-template-columns:355fr 357fr 357fr 356fr;gap:calc(5 * var(--u));padding:calc(9 * var(--u)) 0 calc(12 * var(--u))}
.category-card{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;height:calc(546 * var(--u));background:#f1f1ef;color:white}
.category-photo{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.72,.2,1)}
.category-card:focus-visible{outline-offset:-3px;z-index:1}
.category-wordmark{position:absolute;top:calc(17 * var(--u));left:50%;width:calc(61 * var(--u));aspect-ratio:1730/280;transform:translateX(-50%);background:#adadad;mask:url("assets/idyliya.svg") center/contain no-repeat}
.category-label{position:absolute;inset:auto 0 0;height:calc(67 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(23 * var(--u));font-size:calc(20 * var(--u));line-height:1.25;background:rgb(38 32 28/.17);backdrop-filter:blur(8px);transition:background-color .24s}
.category-label::after{content:"";width:calc(9 * var(--u));height:calc(9 * var(--u));border:solid white;border-width:1px 1px 0 0;transform:rotate(45deg)}
.category-card:is(:hover,:focus-visible) .category-photo{transform:scale(1.055)}
.category-card:is(:hover,:focus-visible) .category-label{background:#bf9042}
.category-card:nth-child(2){--step:1}.category-card:nth-child(3){--step:2}.category-card:nth-child(4){--step:3}
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .collections.entering .category-card{opacity:0;transform:translateY(calc(28 * var(--u)))}
  .collections.revealed .category-card{animation:card-enter .74s cubic-bezier(.18,.78,.22,1) calc(var(--step,0) * 125ms) backwards}
  @keyframes card-enter{from{opacity:0;transform:translateY(calc(28 * var(--u)))}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.category-card:is(:hover,:focus-visible) .category-photo{transform:none}}
.discount{position:relative;isolation:isolate;overflow:hidden;background:var(--gold);color:#fff;min-height:calc(324 * var(--u));padding:calc(27 * var(--u)) calc(60 * var(--u)) calc(33 * var(--u));display:grid;grid-template-columns:1fr 1fr;gap:calc(24 * var(--u))}
.offer-copy h2{font-size:calc(35 * var(--u));line-height:calc(44 * var(--u));font-weight:600;margin:0 0 calc(30 * var(--u))}
.offer-copy p{font-size:calc(20 * var(--u));line-height:calc(25 * var(--u));margin:0}
.offer-copy p+p{margin-top:calc(25 * var(--u))}
.discount-form{padding-top:calc(22 * var(--u))}
.offer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(3 * var(--u))}
.offer-fields label{display:block;position:relative}
.offer-fields input,.offer-submit{display:block;width:100%;height:calc(55 * var(--u));border:0;border-radius:0}
.offer-fields input{background:#f6f7f7;padding:0 calc(12 * var(--u));font:300 calc(14 * var(--u))/1.3 Euclid,Arial,sans-serif;color:#332613}
.offer-fields input::placeholder{color:#a4a4a5;opacity:1}
.offer-fields input:focus{outline:2px solid #6a5028;outline-offset:-2px}
.offer-fields .city-field input{padding-right:calc(38 * var(--u))}
.city-field:after{content:"";pointer-events:none;position:absolute;right:calc(18 * var(--u));top:43%;width:calc(9 * var(--u));height:calc(9 * var(--u));border:solid var(--gold);border-width:0 1px 1px 0;transform:rotate(45deg)}
.city-field input::-webkit-calendar-picker-indicator{opacity:0}
.offer-submit{color:white;background:#433317;font-size:calc(18 * var(--u));line-height:1.16;font-weight:600;transition:background .2s}
.offer-submit:is(:hover,:focus-visible){background:#302410}
.offer-consent{display:flex;align-items:center;gap:calc(9 * var(--u));margin-top:calc(15 * var(--u));font-size:calc(14 * var(--u));line-height:calc(18 * var(--u))}
.offer-consent input{flex:none;appearance:none;display:grid;place-items:center;margin:0;width:calc(36 * var(--u));height:calc(36 * var(--u));border:calc(7 * var(--u)) solid white;background:transparent;border-radius:50%;cursor:pointer}
.offer-consent span{max-width:calc(418 * var(--u))}
.offer-consent label,.privacy-link{cursor:pointer}
.privacy-link{font-weight:600;color:white;display:inline}
.privacy-link:hover{text-decoration:underline;text-underline-offset:2px}
.offer-notice{width:min(430px,90vw);padding:36px;background:var(--paper);box-shadow:0 12px 52px #30241028}
.offer-notice h2{padding-right:30px;font-size:24px;line-height:1.2;margin:0 0 12px}
.offer-notice p{margin:0}.offer-notice .dismiss{position:absolute;right:10px;top:10px}