ccc-bonus-bundle{container-type:inline-size;container-name:ccc-bonus;--ccc-bonus-accent: #c8894a;--ccc-bonus-accent-soft: rgb(200 137 74 / 14%);--ccc-bonus-free: #1f9d6b;--ccc-bonus-urgent: #c2410c;--ccc-bonus-line: rgb(var(--color-foreground-rgb) / 12%);--ccc-bonus-tint: rgb(var(--color-foreground-rgb) / 4%);--ccc-bonus-muted: rgb(var(--color-foreground-rgb) / 62%);--ccc-bonus-radius: 14px;display:block;width:100%}:root[data-color-mode-active=dark] ccc-bonus-bundle{--ccc-bonus-free: #34c98d}.ccc-bonus__card{position:relative;overflow:hidden;padding:22px 20px 20px;border:1px solid var(--ccc-bonus-line);border-radius:var(--ccc-bonus-radius);background:linear-gradient(180deg,var(--ccc-bonus-accent-soft) 0%,rgb(var(--color-background-rgb) / 0%) 58%);isolation:isolate}.ccc-bonus__card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ccc-bonus-accent) 22%,color-mix(in srgb,var(--ccc-bonus-accent) 55%,white) 50%,var(--ccc-bonus-accent) 78%,transparent 100%)}.ccc-bonus__glow{position:absolute;z-index:-1;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--ccc-bonus-accent-soft) 0%,transparent 70%);pointer-events:none}.ccc-bonus__head{display:flex;gap:12px;align-items:stretch}.ccc-bonus__icon{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ccc-bonus-accent-soft);color:var(--ccc-bonus-accent)}.ccc-bonus__icon svg{width:24px;height:24px}.ccc-bonus__titles{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.ccc-bonus__heading{margin:0;font-size:1.375rem;font-weight:650;line-height:1.2;letter-spacing:-.02em;text-transform:none}.ccc-bonus__sub{margin:3px 0 0;color:var(--ccc-bonus-muted);font-size:.875rem;line-height:1.4}.ccc-bonus__meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:auto 0 0;padding-top:10px}.ccc-bonus__chip{display:inline-flex;gap:6px;align-items:center;padding:5px 12px 5px 10px;border-radius:999px;background:rgb(var(--color-foreground-rgb) / 6%);color:var(--ccc-bonus-muted);font-size:.8125rem;font-weight:550;line-height:1.4;white-space:nowrap}.ccc-bonus__chip-icon{flex:none;width:15px;height:15px}.ccc-bonus__chip:first-child{background:var(--ccc-bonus-accent-soft);color:var(--ccc-bonus-accent)}.ccc-bonus__chip.is-closing{background:color-mix(in srgb,var(--ccc-bonus-urgent) 12%,transparent);color:var(--ccc-bonus-urgent);font-weight:650}.ccc-bonus__value{display:flex;flex:none;flex-direction:column;align-items:flex-end;align-self:stretch;text-align:right;line-height:1.05}.ccc-bonus__value-was{color:var(--ccc-bonus-muted);font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums;text-decoration-thickness:1.5px}.ccc-bonus__value-free{margin-top:2px;color:var(--ccc-bonus-free);font-size:1.875rem;font-weight:750;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.ccc-bonus__value-label{margin-top:auto;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--ccc-bonus-free) 14%,transparent);color:var(--ccc-bonus-free);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ccc-bonus__window{display:inline-flex;gap:6px;align-items:center;color:var(--ccc-bonus-muted);font-size:.75rem}.ccc-bonus__window.is-closing{color:var(--ccc-bonus-urgent);font-weight:550}.ccc-bonus__pulse{flex:none;width:6px;height:6px;border-radius:50%;background:currentcolor;animation:ccc-bonus-pulse 2.4s ease-in-out infinite}.ccc-bonus__window-count{padding:1px 7px;border-radius:999px;background:rgb(var(--color-foreground-rgb) / 7%);font-variant-numeric:tabular-nums}@keyframes ccc-bonus-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.ccc-bonus__tiles{display:grid;gap:10px;margin:14px 0 0;padding:0;grid-template-columns:repeat(var(--ccc-bonus-cols, 2),minmax(0,1fr));list-style:none}@container ccc-bonus (max-width: 860px){ccc-bonus-bundle[data-layout=grid] .ccc-bonus__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@container ccc-bonus (max-width: 560px){ccc-bonus-bundle[data-layout=grid] .ccc-bonus__tiles{grid-template-columns:1fr}}.ccc-bonus__tile{display:flex;gap:13px;align-items:center;padding:12px;border:1px solid var(--ccc-bonus-line);border-radius:13px;background:rgb(var(--color-background-rgb) / 78%);transition:border-color .2s ease,transform .2s ease}.ccc-bonus__tile:hover{border-color:#c8894a73;transform:translateY(-1px)}.ccc-bonus__plinth{position:relative;display:grid;flex:none;place-items:center;width:72px;height:72px;border-radius:11px;background:var(--ccc-bonus-tint)}.ccc-bonus__img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply}:root[data-color-mode-active=dark] .ccc-bonus__img{mix-blend-mode:normal}.ccc-bonus__img--empty{background:var(--ccc-bonus-tint)}.ccc-bonus__check{position:absolute;display:grid;place-items:center;right:-4px;bottom:-4px;width:19px;height:19px;border:2px solid rgb(var(--color-background-rgb));border-radius:50%;background:var(--ccc-bonus-free);color:#fff;opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.ccc-bonus__check svg{width:11px;height:11px}ccc-bonus-bundle.is-in-cart .ccc-bonus__check{opacity:1;transform:scale(1)}.ccc-bonus__body{min-width:0;flex:1 1 auto}.ccc-bonus__name{display:-webkit-box;overflow:hidden;color:inherit;font-size:.875rem;font-weight:600;line-height:1.35;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ccc-bonus__name:hover{text-decoration:underline}.ccc-bonus__pricing{display:flex;gap:8px;align-items:center;margin:6px 0 0}.ccc-bonus__was{color:var(--ccc-bonus-muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.ccc-bonus__free{padding:2px 8px;border-radius:5px;background:color-mix(in srgb,var(--ccc-bonus-free) 15%,transparent);color:var(--ccc-bonus-free);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ccc-bonus__choices{display:flex;gap:5px;margin:6px 0 0;padding:0;border:0;flex-wrap:wrap}.ccc-bonus__choice{position:relative;display:inline-flex;cursor:pointer;line-height:0}.ccc-bonus__choice input{position:absolute;width:1px;height:1px;opacity:0}.ccc-bonus__dot{display:block;width:17px;height:17px;border:1px solid rgb(var(--color-foreground-rgb) / 25%);border-radius:50%;background:var(--ccc-bonus-swatch, rgb(var(--color-foreground-rgb) / 12%));background-size:cover;box-shadow:0 0 0 0 transparent;transition:box-shadow .15s ease}[data-ccc-bonus-name-swatch=black]{--ccc-bonus-swatch: #16171a}[data-ccc-bonus-name-swatch=white]{--ccc-bonus-swatch: #f7f7f5}[data-ccc-bonus-name-swatch=cream]{--ccc-bonus-swatch: #f0e6d2}[data-ccc-bonus-name-swatch=grey],[data-ccc-bonus-name-swatch=gray]{--ccc-bonus-swatch: #8b8d91}[data-ccc-bonus-name-swatch=charcoal]{--ccc-bonus-swatch: #36393d}[data-ccc-bonus-name-swatch=silver],[data-ccc-bonus-name-swatch="stainless steel"],[data-ccc-bonus-name-swatch=stainless]{--ccc-bonus-swatch: linear-gradient(135deg, #e2e4e6 0%, #a9adb2 48%, #eceef0 100%)}[data-ccc-bonus-name-swatch=gold]{--ccc-bonus-swatch: linear-gradient(135deg, #f0d9a0 0%, #c9a227 52%, #f5e5b8 100%)}[data-ccc-bonus-name-swatch="rose gold"]{--ccc-bonus-swatch: linear-gradient(135deg, #f3d3c6 0%, #c4837a 52%, #f6dfd6 100%)}[data-ccc-bonus-name-swatch=copper]{--ccc-bonus-swatch: linear-gradient(135deg, #e6b08a 0%, #a35f34 52%, #e9bb99 100%)}[data-ccc-bonus-name-swatch=red]{--ccc-bonus-swatch: #c0392b}[data-ccc-bonus-name-swatch=blue]{--ccc-bonus-swatch: #2b6cb0}[data-ccc-bonus-name-swatch=navy]{--ccc-bonus-swatch: #1e2a4a}[data-ccc-bonus-name-swatch=green]{--ccc-bonus-swatch: #2f7d55}[data-ccc-bonus-name-swatch=pink]{--ccc-bonus-swatch: #e08aa6}[data-ccc-bonus-name-swatch=purple]{--ccc-bonus-swatch: #6b4c9a}[data-ccc-bonus-name-swatch=orange]{--ccc-bonus-swatch: #d97534}[data-ccc-bonus-name-swatch=yellow]{--ccc-bonus-swatch: #e3b93b}[data-ccc-bonus-name-swatch=brown]{--ccc-bonus-swatch: #6b4a33}[data-ccc-bonus-name-swatch=clear]{--ccc-bonus-swatch: linear-gradient(135deg, rgb(255 255 255 / 85%) 0%, rgb(190 214 224 / 70%) 100%)}.ccc-bonus__choice input:checked~.ccc-bonus__dot{box-shadow:0 0 0 2px rgb(var(--color-background-rgb)),0 0 0 3.5px var(--ccc-bonus-accent)}.ccc-bonus__choice input:focus-visible~.ccc-bonus__dot{outline:2px solid var(--ccc-bonus-accent);outline-offset:3px}.ccc-bonus__choice-label{position:absolute;overflow:hidden;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}.ccc-bonus__choice.is-soldout{cursor:not-allowed}.ccc-bonus__choice.is-soldout .ccc-bonus__dot{opacity:.4}.ccc-bonus__choice.is-soldout:after{content:"";position:absolute;top:50%;left:-1px;width:19px;height:1px;background:rgb(var(--color-foreground-rgb) / 70%);transform:rotate(-45deg);pointer-events:none}.ccc-bonus__choice--text .ccc-bonus__choice-label{position:static;overflow:visible;width:auto;height:auto;padding:2px 8px;border:1px solid var(--ccc-bonus-line);border-radius:999px;clip-path:none;font-size:.6875rem;line-height:1.5}.ccc-bonus__choice--text input:checked~.ccc-bonus__choice-label{border-color:var(--ccc-bonus-accent);background:var(--ccc-bonus-accent-soft);color:var(--ccc-bonus-accent)}.ccc-bonus__choice--text.is-soldout .ccc-bonus__choice-label{opacity:.45;text-decoration:line-through}.ccc-bonus__choice--text.is-soldout:after{display:none}.ccc-bonus__foot-state[hidden]{display:none}.ccc-bonus__foot-state{display:inline-flex;gap:4px;align-items:center;padding:3px 9px;border:1px solid color-mix(in srgb,var(--ccc-bonus-free) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ccc-bonus-free) 12%,transparent);color:var(--ccc-bonus-free);font-size:.75rem;font-weight:600;line-height:1.5;white-space:nowrap}.ccc-bonus__foot-state:before{content:"\2713"}ccc-bonus-bundle[data-layout=single] .ccc-bonus__tiles{grid-template-columns:1fr}ccc-bonus-bundle[data-layout=single] .ccc-bonus__plinth{width:76px;height:76px;border-radius:11px}ccc-bonus-bundle[data-layout=single] .ccc-bonus__img{width:64px;height:64px}ccc-bonus-bundle[data-layout=single] .ccc-bonus__name{font-size:.9375rem;-webkit-line-clamp:3}@container ccc-bonus (max-width: 440px){.ccc-bonus__head{flex-wrap:wrap}.ccc-bonus__value{flex-direction:row;gap:8px;align-items:baseline;align-self:auto;width:100%;justify-content:flex-start;text-align:left}.ccc-bonus__value-free,.ccc-bonus__value-label{margin-top:0}}@media(prefers-reduced-motion:reduce){.ccc-bonus__pulse,.ccc-bonus__check,.ccc-bonus__tile{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/custom-bonus-bundle.css.map */