:root{--dudle-ink: #000000;--dudle-yellow: #ffde59;--dudle-yellow-deep: #f2cb33;--dudle-yellow-wash: #fff9e3;--dudle-paper: #ffffff;--dudle-grey-900: #111111;--dudle-grey-600: #5a5a5a;--dudle-grey-300: #e4e4e4;--dudle-grey-100: #f6f6f6;--dudle-sale: #c32929;--dudle-section-gap: clamp(48px, 7vw, 104px);--dudle-gutter: clamp(16px, 4vw, 40px);--dudle-eyebrow-tracking: .16em}.dudle-section{padding-block:var(--dudle-section-gap)}.dudle-section--tight{padding-block:calc(var(--dudle-section-gap) * .55)}.dudle-section--flush{padding-block:0}.dudle-wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--dudle-gutter)}.dudle-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-block-end:clamp(24px,3.5vw,48px);text-align:center}.dudle-head--start{align-items:flex-start;text-align:start}.dudle-eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:var(--dudle-eyebrow-tracking);text-transform:uppercase;color:var(--dudle-grey-600)}.dudle-title{margin:0;font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:-.01em;line-height:1.12;text-transform:uppercase;color:var(--dudle-ink)}.dudle-sub{margin:0;max-width:62ch;font-size:14px;line-height:1.6;color:var(--dudle-grey-600)}.dudle-title:after{content:"";display:block;width:56px;height:4px;margin:14px auto 0;background:var(--dudle-yellow)}.dudle-head--start .dudle-title:after{margin-inline:0}.dudle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border:1px solid var(--dudle-ink);border-radius:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease}.dudle-btn--solid{background:var(--dudle-ink);color:var(--dudle-paper)}.dudle-btn--solid:hover{background:var(--dudle-yellow);color:var(--dudle-ink);border-color:var(--dudle-yellow)}.dudle-btn--outline{background:transparent;color:var(--dudle-ink)}.dudle-btn--outline:hover{background:var(--dudle-ink);color:var(--dudle-paper)}.dudle-btn--invert{background:var(--dudle-paper);color:var(--dudle-ink);border-color:var(--dudle-paper)}.dudle-btn--invert:hover{background:var(--dudle-yellow);border-color:var(--dudle-yellow)}.dudle-cards .product-card__image,.dudle-cards .card-gallery,.dudle-cards .product-media-container{border-radius:0;overflow:hidden;background:var(--dudle-grey-100)}.dudle-cards .card-gallery img,.dudle-cards .product-media img{aspect-ratio:3 / 4;width:100%;height:100%;object-fit:cover;display:block}.dudle-cards .product-card__content,.dudle-cards .product-card__info{padding-inline:0;padding-block-start:12px;text-align:start}.dudle-card-vendor{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dudle-grey-600)}.dudle-card-title{font-size:13px;font-weight:500;line-height:1.4;color:var(--dudle-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dudle-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-block-start:6px;font-size:13px;font-weight:700;color:var(--dudle-ink)}.dudle-card-compare{font-weight:400;color:var(--dudle-grey-600);text-decoration:line-through}.dudle-card-save{font-size:11px;font-weight:700;color:var(--dudle-sale)}.dudle-badge{position:absolute;z-index:2;top:10px;left:10px;padding:5px 10px;border-radius:0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.dudle-badge--new{background:var(--dudle-ink);color:var(--dudle-paper)}.dudle-badge--best{background:var(--dudle-yellow);color:var(--dudle-ink)}.dudle-badge--sale{background:var(--dudle-sale);color:var(--dudle-paper)}.dudle-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--dudle-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.dudle-rail::-webkit-scrollbar{display:none}.dudle-rail>*{scroll-snap-align:start;min-width:0}@media(max-width:1279px){.dudle-rail{grid-auto-columns:calc((100% - 48px)/4)}}@media(max-width:1023px){.dudle-rail{grid-auto-columns:calc((100% - 2 * 16px) / 3);gap:16px}}@media(max-width:767px){.dudle-rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px}}@media(max-width:420px){.dudle-rail{grid-auto-columns:78%}}.dudle-benefits{display:grid;grid-template-columns:repeat(var(--dudle-benefit-cols, 4),1fr);gap:1px;background:var(--dudle-grey-300);border-block:1px solid var(--dudle-grey-300);list-style:none;margin:0;padding:0}.dudle-benefit{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(24px,3vw,40px) 20px;background:var(--dudle-paper);text-align:center}.dudle-benefit__icon{display:grid;place-items:center;width:40px;height:40px;color:var(--dudle-ink)}.dudle-benefit__icon svg{width:26px;height:26px}.dudle-benefit__title{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dudle-ink)}.dudle-benefit__text{margin:0;font-size:13px;line-height:1.5;color:var(--dudle-grey-600)}@media(max-width:767px){.dudle-benefits{grid-template-columns:repeat(2,1fr)}}.dudle-split{display:grid;grid-template-columns:repeat(var(--dudle-split-cols, 2),1fr);gap:clamp(12px,1.5vw,20px)}@media(max-width:767px){.dudle-split{grid-template-columns:1fr}}.dudle-tile{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:var(--dudle-tile-ratio, 4 / 5);background:var(--dudle-grey-100);text-decoration:none}.dudle-tile img,.dudle-tile svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dudle-tile:hover img{transform:scale(1.04)}.dudle-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000009e,#0003 42%,#0000 72%)}.dudle-tile__body{position:absolute;z-index:1;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(20px,3vw,40px);color:#fff}.dudle-tile--center .dudle-tile__body{align-items:center;text-align:center}.dudle-tile__title{margin:0;font-size:clamp(20px,2.6vw,36px);font-weight:700;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:#fff}.dudle-tile__text{margin:0;max-width:44ch;font-size:14px;line-height:1.55;color:#ffffffe0}.dudle-tile--tall{--dudle-tile-ratio: 3 / 4}.dudle-tile--wide{--dudle-tile-ratio: 16 / 7}@media(max-width:767px){.dudle-tile--wide{--dudle-tile-ratio: 4 / 5}}.dudle-story{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,5vw,72px)}.dudle-story--reverse .dudle-story__media{order:2}.dudle-story__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--dudle-grey-100)}.dudle-story__media img,.dudle-story__media svg{width:100%;height:100%;object-fit:cover}.dudle-story__body>*+*{margin-block-start:18px}.dudle-story__statement{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--dudle-grey-900)}@media(max-width:899px){.dudle-story{grid-template-columns:1fr}.dudle-story--reverse .dudle-story__media{order:0}}.dudle-social{display:grid;grid-template-columns:repeat(var(--dudle-social-cols, 6),1fr);gap:clamp(6px,.8vw,12px)}.dudle-social__item{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--dudle-grey-100)}.dudle-social__item img,.dudle-social__item svg{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.dudle-social__item:hover img{transform:scale(1.05)}@media(max-width:1023px){.dudle-social{grid-template-columns:repeat(4,1fr)}}@media(max-width:599px){.dudle-social{grid-template-columns:repeat(2,1fr)}}.dudle-section :where(a,button,[tabindex]):focus-visible{outline:3px solid var(--dudle-ink);outline-offset:2px;border-radius:0}.dudle-tile:focus-visible,.dudle-social__item:focus-visible{outline:3px solid var(--dudle-yellow);outline-offset:2px}@media(prefers-reduced-motion:reduce){.dudle-tile img,.dudle-social__item img{transition:none}.dudle-tile:hover img,.dudle-social__item:hover img{transform:none}}.dudle-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.dudle-section{max-width:100vw;overflow-x:clip}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dudle.css.map */