/* Product finder: shop filters, „Potrivit pentru” on the product page, the guide and its home teaser. */

/* ------------------------------------------------ Surface swatches (drawn, no photos needed) */
.cp-finder-swatch{display:block;border-radius:8px;background-color:#d3cdc2;box-shadow:inset 0 0 0 1px rgba(24,35,51,.08);background-repeat:repeat}
.cp-finder-swatch.is-beton{background-image:linear-gradient(180deg,transparent 45%,rgba(24,35,51,.14)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='96'%3E%3Crect width='144' height='96' fill='%23a59f93'/%3E%3Cg stroke='%23a59f93' stroke-width='2.0' stroke-linejoin='round'%3E%3Cpath d='M-24 -28.6C-15.36 -28.6 -8.64 -19.4 0 -19.4C8.64 -19.4 15.36 -28.6 24 -28.6L24 4.6C15.36 4.6 8.64 -4.6 0 -4.6C-8.64 -4.6 -15.36 4.6 -24 4.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M24 -28.6C32.64 -28.6 39.36 -19.4 48 -19.4C56.64 -19.4 63.36 -28.6 72 -28.6L72 4.6C63.36 4.6 56.64 -4.6 48 -4.6C39.36 -4.6 32.64 4.6 24 4.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M72 -28.6C80.64 -28.6 87.36 -19.4 96 -19.4C104.64 -19.4 111.36 -28.6 120 -28.6L120 4.6C111.36 4.6 104.64 -4.6 96 -4.6C87.36 -4.6 80.64 4.6 72 4.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M120 -28.6C128.64 -28.6 135.36 -19.4 144 -19.4C152.64 -19.4 159.36 -28.6 168 -28.6L168 4.6C159.36 4.6 152.64 -4.6 144 -4.6C135.36 -4.6 128.64 4.6 120 4.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M-48 -4.6C-39.36 -4.6 -32.64 4.6 -24 4.6C-15.36 4.6 -8.64 -4.6 0 -4.6L0 28.6C-8.64 28.6 -15.36 19.4 -24 19.4C-32.64 19.4 -39.36 28.6 -48 28.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M0 -4.6C8.64 -4.6 15.36 4.6 24 4.6C32.64 4.6 39.36 -4.6 48 -4.6L48 28.6C39.36 28.6 32.64 19.4 24 19.4C15.36 19.4 8.64 28.6 0 28.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M48 -4.6C56.64 -4.6 63.36 4.6 72 4.6C80.64 4.6 87.36 -4.6 96 -4.6L96 28.6C87.36 28.6 80.64 19.4 72 19.4C63.36 19.4 56.64 28.6 48 28.6Z' fill='%23c1baad'/%3E%3Cpath d='M96 -4.6C104.64 -4.6 111.36 4.6 120 4.6C128.64 4.6 135.36 -4.6 144 -4.6L144 28.6C135.36 28.6 128.64 19.4 120 19.4C111.36 19.4 104.64 28.6 96 28.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M144 -4.6C152.64 -4.6 159.36 4.6 168 4.6C176.64 4.6 183.36 -4.6 192 -4.6L192 28.6C183.36 28.6 176.64 19.4 168 19.4C159.36 19.4 152.64 28.6 144 28.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M-24 19.4C-15.36 19.4 -8.64 28.6 0 28.6C8.64 28.6 15.36 19.4 24 19.4L24 52.6C15.36 52.6 8.64 43.4 0 43.4C-8.64 43.4 -15.36 52.6 -24 52.6Z' fill='%23d9d2c6'/%3E%3Cpath d='M24 19.4C32.64 19.4 39.36 28.6 48 28.6C56.64 28.6 63.36 19.4 72 19.4L72 52.6C63.36 52.6 56.64 43.4 48 43.4C39.36 43.4 32.64 52.6 24 52.6Z' fill='%23d4cec2'/%3E%3Cpath d='M72 19.4C80.64 19.4 87.36 28.6 96 28.6C104.64 28.6 111.36 19.4 120 19.4L120 52.6C111.36 52.6 104.64 43.4 96 43.4C87.36 43.4 80.64 52.6 72 52.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M120 19.4C128.64 19.4 135.36 28.6 144 28.6C152.64 28.6 159.36 19.4 168 19.4L168 52.6C159.36 52.6 152.64 43.4 144 43.4C135.36 43.4 128.64 52.6 120 52.6Z' fill='%23d9d2c6'/%3E%3Cpath d='M-48 43.4C-39.36 43.4 -32.64 52.6 -24 52.6C-15.36 52.6 -8.64 43.4 0 43.4L0 76.6C-8.64 76.6 -15.36 67.4 -24 67.4C-32.64 67.4 -39.36 76.6 -48 76.6Z' fill='%23d4cec2'/%3E%3Cpath d='M0 43.4C8.64 43.4 15.36 52.6 24 52.6C32.64 52.6 39.36 43.4 48 43.4L48 76.6C39.36 76.6 32.64 67.4 24 67.4C15.36 67.4 8.64 76.6 0 76.6Z' fill='%23d9d2c6'/%3E%3Cpath d='M48 43.4C56.64 43.4 63.36 52.6 72 52.6C80.64 52.6 87.36 43.4 96 43.4L96 76.6C87.36 76.6 80.64 67.4 72 67.4C63.36 67.4 56.64 76.6 48 76.6Z' fill='%23c1baad'/%3E%3Cpath d='M96 43.4C104.64 43.4 111.36 52.6 120 52.6C128.64 52.6 135.36 43.4 144 43.4L144 76.6C135.36 76.6 128.64 67.4 120 67.4C111.36 67.4 104.64 76.6 96 76.6Z' fill='%23d4cec2'/%3E%3Cpath d='M144 43.4C152.64 43.4 159.36 52.6 168 52.6C176.64 52.6 183.36 43.4 192 43.4L192 76.6C183.36 76.6 176.64 67.4 168 67.4C159.36 67.4 152.64 76.6 144 76.6Z' fill='%23d9d2c6'/%3E%3Cpath d='M-24 67.4C-15.36 67.4 -8.64 76.6 0 76.6C8.64 76.6 15.36 67.4 24 67.4L24 100.6C15.36 100.6 8.64 91.4 0 91.4C-8.64 91.4 -15.36 100.6 -24 100.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M24 67.4C32.64 67.4 39.36 76.6 48 76.6C56.64 76.6 63.36 67.4 72 67.4L72 100.6C63.36 100.6 56.64 91.4 48 91.4C39.36 91.4 32.64 100.6 24 100.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M72 67.4C80.64 67.4 87.36 76.6 96 76.6C104.64 76.6 111.36 67.4 120 67.4L120 100.6C111.36 100.6 104.64 91.4 96 91.4C87.36 91.4 80.64 100.6 72 100.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M120 67.4C128.64 67.4 135.36 76.6 144 76.6C152.64 76.6 159.36 67.4 168 67.4L168 100.6C159.36 100.6 152.64 91.4 144 91.4C135.36 91.4 128.64 100.6 120 100.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M-48 91.4C-39.36 91.4 -32.64 100.6 -24 100.6C-15.36 100.6 -8.64 91.4 0 91.4L0 124.6C-8.64 124.6 -15.36 115.4 -24 115.4C-32.64 115.4 -39.36 124.6 -48 124.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M0 91.4C8.64 91.4 15.36 100.6 24 100.6C32.64 100.6 39.36 91.4 48 91.4L48 124.6C39.36 124.6 32.64 115.4 24 115.4C15.36 115.4 8.64 124.6 0 124.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M48 91.4C56.64 91.4 63.36 100.6 72 100.6C80.64 100.6 87.36 91.4 96 91.4L96 124.6C87.36 124.6 80.64 115.4 72 115.4C63.36 115.4 56.64 124.6 48 124.6Z' fill='%23c1baad'/%3E%3Cpath d='M96 91.4C104.64 91.4 111.36 100.6 120 100.6C128.64 100.6 135.36 91.4 144 91.4L144 124.6C135.36 124.6 128.64 115.4 120 115.4C111.36 115.4 104.64 124.6 96 124.6Z' fill='%23dcd6cb'/%3E%3Cpath d='M144 91.4C152.64 91.4 159.36 100.6 168 100.6C176.64 100.6 183.36 91.4 192 91.4L192 124.6C183.36 124.6 176.64 115.4 168 115.4C159.36 115.4 152.64 124.6 144 124.6Z' fill='%23dcd6cb'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%,108px 72px}
.cp-finder-swatch.is-piatra-naturala{background-image:linear-gradient(180deg,transparent 45%,rgba(24,35,51,.16)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Crect width='72' height='72' fill='%237f786c'/%3E%3Crect x='2' y='2' width='21' height='22' rx='6' fill='%23b9b2a6'/%3E%3Crect x='26' y='1' width='22' height='21' rx='7' fill='%23a7a094'/%3E%3Crect x='50' y='3' width='20' height='20' rx='6' fill='%23c3bcb0'/%3E%3Crect x='1' y='26' width='23' height='20' rx='7' fill='%23aaa397'/%3E%3Crect x='27' y='25' width='20' height='22' rx='6' fill='%23c6bfb3'/%3E%3Crect x='50' y='26' width='21' height='21' rx='7' fill='%239f998d'/%3E%3Crect x='3' y='49' width='20' height='21' rx='6' fill='%23c0b9ad'/%3E%3Crect x='25' y='50' width='23' height='20' rx='7' fill='%23b1aa9e'/%3E%3Crect x='51' y='50' width='19' height='20' rx='6' fill='%23aca599'/%3E%3C/svg%3E");background-size:100% 100%,44px 44px}
.cp-finder-swatch.is-ceramica{background-image:linear-gradient(180deg,transparent 45%,rgba(24,35,51,.10)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f3f1ec'/%3E%3Cstop offset='1' stop-color='%23dedad2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='80' height='80' fill='%23bdbab3'/%3E%3Crect x='.75' y='.75' width='38.5' height='38.5' fill='url(%23g)'/%3E%3Crect x='40.75' y='.75' width='38.5' height='38.5' fill='url(%23g)'/%3E%3Crect x='.75' y='40.75' width='38.5' height='38.5' fill='url(%23g)'/%3E%3Crect x='40.75' y='40.75' width='38.5' height='38.5' fill='url(%23g)'/%3E%3C/svg%3E");background-size:100% 100%,58px 58px}

/* ------------------------------------------------ Shop: filters in the sidebar */
.cp-filters{margin-top:34px}
.cp-filters-toggle{display:none}
.cp-filter-group+.cp-filter-group{margin-top:28px}
.cp-shop-sidebar .cp-filters nav{display:flex;flex-direction:column;gap:2px;border:0;padding:0;overflow:visible}
.cp-shop-sidebar .cp-filters nav>a{display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:7px 0;border:0;border-radius:0;font-size:12.5px;line-height:1.45;color:#2f363e;background:none;white-space:normal;transition:color 180ms ease}
.cp-shop-sidebar .cp-filters nav>a::before{display:none}
.cp-shop-sidebar .cp-filters nav>a>span:last-child{margin-left:auto;font-size:10px;color:#5b636b}
.cp-filter-box{flex:0 0 17px;width:17px;height:17px;border:1.5px solid #c3c8cb;border-radius:4px;display:grid;place-items:center;background:#fff;transition:background-color 180ms ease,border-color 180ms ease}
.cp-filter-box .cp-icon{width:12px;height:12px;stroke-width:2.4;color:#fff;opacity:0;transform:scale(.6);transition:opacity 180ms ease,transform 220ms var(--cp-ease)}
.cp-shop-sidebar .cp-filters nav>a:hover{color:var(--cp-ink)}
.cp-shop-sidebar .cp-filters nav>a:hover .cp-filter-box{border-color:var(--cp-ink)}
.cp-shop-sidebar .cp-filters nav>a.is-active{color:var(--cp-ink);font-weight:650;background:none}
.cp-shop-sidebar .cp-filters nav>a.is-active .cp-filter-box{background:var(--cp-ink);border-color:var(--cp-ink)}
.cp-shop-sidebar .cp-filters nav>a.is-active .cp-filter-box .cp-icon{opacity:1;transform:none}

.cp-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}
.cp-active-filters>span{font-size:12px;color:var(--cp-muted);margin-right:2px}
.cp-active-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 9px 6px 13px;border-radius:30px;background:var(--cp-ink);color:#fff!important;font-size:12px;font-weight:600;line-height:1.3;transition:background-color 180ms ease}
.cp-active-chip .cp-icon{width:14px;height:14px;stroke-width:2}
.cp-active-chip:hover{background:#2c3a4d}
.cp-active-clear{font-size:12px;font-weight:600;text-decoration:underline!important;text-underline-offset:3px;margin-left:4px}

/* ------------------------------------------------ Product page: „Potrivit pentru / Rezolvă” */
.cp-fit{margin:20px 0 4px;display:grid;gap:10px}
.cp-fit>div{display:flex;align-items:baseline;gap:14px}
.cp-fit dt{flex:0 0 106px;font-size:10px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase;color:#5b636b}
.cp-fit dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.cp-fit a{display:inline-block;font-size:12px;line-height:1.3;padding:6px 12px;border:1px solid var(--cp-line);border-radius:30px;background:#fff;color:var(--cp-ink);transition:border-color 180ms ease,background-color 180ms ease}
.cp-fit a:hover{border-color:var(--cp-ink);background:var(--cp-paper)}

/* ------------------------------------------------ The guide */
.cp-finder{position:relative;max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--cp-line);border-radius:16px;padding:44px 48px 48px;box-shadow:0 40px 80px -56px rgba(24,35,51,.45);scroll-margin-top:110px}
.cp-finder p,.cp-finder h2,.cp-finder h3{margin:0}
.cp-finder-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;padding-bottom:30px;margin-bottom:34px;border-bottom:1px solid var(--cp-line)}
.cp-finder-head h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.9px;line-height:1.15}
.cp-finder-head p{margin-top:10px;font-size:14px;line-height:1.7;color:var(--cp-muted);max-width:470px}
.cp-finder-head .cp-eyebrow{margin-bottom:12px}
/* Specific enough to beat the page's .cp-prose list spacing. */
.cp-finder .cp-finder-progress{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-shrink:0}
.cp-finder .cp-finder-progress li{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:600;color:#8a9199;padding:6px 12px 6px 6px;border-radius:30px;background:var(--cp-paper);transition:background-color 300ms ease,color 300ms ease}
.cp-finder-progress li>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:11px;color:var(--cp-ink);transition:background-color 300ms ease}
.cp-finder-progress li>span .cp-icon{width:13px;height:13px;stroke-width:2.2}
.cp-finder-progress li.is-current{background:var(--cp-ink);color:#fff}
.cp-finder-progress li.is-current>span{background:var(--cp-orange)}
.cp-finder-progress li.is-done{color:var(--cp-ink)}
.cp-finder-progress li.is-done>span{background:var(--cp-orange)}

.cp-finder-form{margin:0}
.cp-finder-step{display:none;border:0;margin:0;padding:0;min-width:0}
.cp-finder-step.is-active{display:block;animation:cp-finder-in 420ms var(--cp-ease) both}
@keyframes cp-finder-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cp-finder-step legend{padding:0;margin:0 0 22px;font-size:clamp(21px,2vw,27px);font-weight:650;letter-spacing:-.6px;line-height:1.2;color:var(--cp-ink)}
.cp-finder-step legend>span{display:block;font-size:11px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:#9b5b11;margin-bottom:8px}
.cp-finder-group-label{font-size:10px!important;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:#5b636b;margin:22px 0 10px!important}
.cp-finder-step legend+.cp-finder-group-label{margin-top:0!important}
.cp-finder-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cp-finder-options.is-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
.cp-finder-option{position:relative;display:flex;align-items:center;gap:14px;padding:16px 44px 16px 16px;border:1px solid var(--cp-line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color 200ms ease,box-shadow 300ms var(--cp-ease),transform 300ms var(--cp-ease),background-color 200ms ease}
.cp-finder-option input{position:absolute;opacity:0;pointer-events:none}
.cp-finder-option:hover{border-color:#b9bec2;transform:translateY(-2px);box-shadow:0 18px 30px -24px rgba(24,35,51,.5)}
.cp-finder-option:has(input:focus-visible){outline:3px solid #bb6400;outline-offset:3px}
.cp-finder-option:has(input:checked){border-color:var(--cp-ink);background:var(--cp-paper);box-shadow:0 0 0 1px var(--cp-ink)}
.cp-finder-option-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.cp-finder-option-text strong{font-size:14.5px;font-weight:650;line-height:1.3;color:var(--cp-ink)}
.cp-finder-option-text small{font-size:12px;line-height:1.5;color:#5b636b}
.cp-finder-tick{position:absolute;top:50%;right:14px;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:1.5px solid #cdd1d4;display:grid;place-items:center;background:#fff;transition:background-color 200ms ease,border-color 200ms ease}
.cp-finder-tick .cp-icon{width:13px;height:13px;stroke-width:2.4;opacity:0;transform:scale(.5);transition:opacity 200ms ease,transform 260ms var(--cp-ease)}
.cp-finder-option:has(input:checked) .cp-finder-tick{background:var(--cp-orange);border-color:var(--cp-orange)}
.cp-finder-option:has(input:checked) .cp-finder-tick .cp-icon{opacity:1;transform:none}
.cp-finder-options.is-surfaces .cp-finder-option{flex-direction:column;align-items:stretch;padding:12px 12px 18px}
.cp-finder-options.is-surfaces .cp-finder-swatch{height:128px;transition:transform 600ms var(--cp-ease)}
.cp-finder-options.is-surfaces .cp-finder-option{overflow:hidden}
.cp-finder-options.is-surfaces .cp-finder-option-text{padding:0 34px 0 6px}
.cp-finder-options.is-surfaces .cp-finder-tick{top:auto;bottom:20px;margin-top:0}
.cp-finder-options.is-surfaces .cp-finder-option:hover .cp-finder-swatch{transform:scale(1.02)}
.cp-finder-leaf{flex:0 0 46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#e9f0e6;color:#3f6b3a}
.cp-finder-leaf.is-any{background:#f1ede5;color:#9b5b11}
.cp-finder-leaf .cp-icon{width:22px;height:22px}
.cp-finder-back{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:8px 0;border:0;background:none;font-size:13px;font-weight:600;color:var(--cp-muted)}
.cp-finder-back .cp-icon{width:16px;height:16px}
.cp-finder-back:hover{color:var(--cp-ink)}

.cp-finder-result{animation:cp-finder-in 480ms var(--cp-ease) both;outline:0}
.cp-finder-answers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.cp-finder-answers button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--cp-line);border-radius:30px;background:#fff;font-size:12px;color:var(--cp-ink);transition:border-color 180ms ease}
.cp-finder-answers button span{color:#5b636b}
.cp-finder-answers button .cp-icon{width:13px;height:13px;color:#9b5b11}
.cp-finder-answers button:hover{border-color:var(--cp-ink)}
.cp-finder-result>h3{font-size:clamp(22px,2.2vw,29px);letter-spacing:-.7px;line-height:1.2;max-width:760px}
.cp-finder-note{margin-top:12px!important;font-size:13px;line-height:1.7;color:#6b4a14;background:#fdf3e3;border-radius:8px;padding:10px 14px;max-width:760px}
.cp-finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}
.cp-finder-pick{position:relative;min-width:0}
.cp-finder-pick>.cp-finder-badge{position:absolute;z-index:3;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 10px;border-radius:30px;background:var(--cp-orange);color:var(--cp-ink);pointer-events:none}
.cp-finder-pick>.cp-finder-badge.is-eco{background:#e3eedf;color:#2f5a2b}
.cp-finder-pick>.cp-finder-badge .cp-icon{width:12px;height:12px}
.cp-finder-pick.is-best .cp-product-image{box-shadow:0 0 0 2px var(--cp-orange)}
.cp-finder-next{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;margin-top:34px;padding:26px 28px;border-radius:14px;background:var(--cp-paper)}
.cp-finder-next .cp-eyebrow{margin-bottom:8px}
.cp-finder-next p{font-size:15px;line-height:1.65;color:var(--cp-ink);max-width:460px}
.cp-finder-next-card .cp-product-card-body>p{display:none}
.cp-finder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px}
.cp-finder-actions .cp-button{margin:0}
.cp-finder-actions .cp-text-link{background:none;border:0;border-bottom:1px solid currentColor;cursor:pointer;color:var(--cp-ink);font-size:13px}
.cp-finder-help{margin-top:20px!important;font-size:13px;color:var(--cp-muted)}
.cp-finder-help a{color:var(--cp-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cp-prose .cp-finder a{text-decoration:none}
.cp-prose .cp-finder .cp-finder-help a{text-decoration:underline}
.cp-page-content:has(.cp-finder){max-width:none}

/* ------------------------------------------------ Home teaser */
.cp-finder-teaser{padding-top:0}
.cp-finder-teaser-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:58px 60px;border-radius:18px;background:var(--cp-ink);color:#fff;isolation:isolate}
.cp-finder-teaser-card::before{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-opacity='1' stroke-width='1.2'%3E%3Cpath d='M-48 -19.4C-39.36 -19.4 -32.64 -28.6 -24 -28.6C-15.36 -28.6 -8.64 -19.4 0 -19.4C8.64 -19.4 15.36 -28.6 24 -28.6C32.64 -28.6 39.36 -19.4 48 -19.4C56.64 -19.4 63.36 -28.6 72 -28.6C80.64 -28.6 87.36 -19.4 96 -19.4M-48 -4.6C-39.36 -4.6 -32.64 4.6 -24 4.6C-15.36 4.6 -8.64 -4.6 0 -4.6C8.64 -4.6 15.36 4.6 24 4.6C32.64 4.6 39.36 -4.6 48 -4.6C56.64 -4.6 63.36 4.6 72 4.6C80.64 4.6 87.36 -4.6 96 -4.6M-48 28.6C-39.36 28.6 -32.64 19.4 -24 19.4C-15.36 19.4 -8.64 28.6 0 28.6C8.64 28.6 15.36 19.4 24 19.4C32.64 19.4 39.36 28.6 48 28.6C56.64 28.6 63.36 19.4 72 19.4C80.64 19.4 87.36 28.6 96 28.6M-48 43.4C-39.36 43.4 -32.64 52.6 -24 52.6C-15.36 52.6 -8.64 43.4 0 43.4C8.64 43.4 15.36 52.6 24 52.6C32.64 52.6 39.36 43.4 48 43.4C56.64 43.4 63.36 52.6 72 52.6C80.64 52.6 87.36 43.4 96 43.4M-48 76.6C-39.36 76.6 -32.64 67.4 -24 67.4C-15.36 67.4 -8.64 76.6 0 76.6C8.64 76.6 15.36 67.4 24 67.4C32.64 67.4 39.36 76.6 48 76.6C56.64 76.6 63.36 67.4 72 67.4C80.64 67.4 87.36 76.6 96 76.6M-48 -52.6L-48 -19.4M0 -52.6L0 -19.4M48 -52.6L48 -19.4M96 -52.6L96 -19.4M-24 -28.6L-24 4.6M24 -28.6L24 4.6M72 -28.6L72 4.6M-48 -4.6L-48 28.6M0 -4.6L0 28.6M48 -4.6L48 28.6M96 -4.6L96 28.6M-24 19.4L-24 52.6M24 19.4L24 52.6M72 19.4L72 52.6M-48 43.4L-48 76.6M0 43.4L0 76.6M48 43.4L48 76.6M96 43.4L96 76.6M-24 67.4L-24 100.6M24 67.4L24 100.6M72 67.4L72 100.6'/%3E%3C/svg%3E") 0 0/72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.cp-finder-teaser-copy h2{color:#fff;font-size:clamp(28px,2.8vw,40px)}
.cp-finder-teaser-copy p{margin:16px 0 0;font-size:15px;line-height:1.75;color:#c3cad1;max-width:430px}
.cp-finder-teaser-copy .cp-eyebrow{color:var(--cp-orange)}
.cp-finder-teaser-copy .cp-text-link{margin-top:26px;color:#fff}
.cp-finder-teaser-tiles{display:grid;gap:10px}
.cp-finder-teaser-tiles>p{font-size:11px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:#9aa4ae;margin:0 0 4px}
.cp-finder-tile{display:flex;align-items:center;gap:18px;padding:12px 18px 12px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff!important;transition:background-color 250ms ease,border-color 250ms ease,transform 400ms var(--cp-ease)}
.cp-finder-tile .cp-finder-swatch{flex:0 0 64px;height:64px;border-radius:10px}
.cp-finder-tile>span:not(.cp-finder-swatch){display:flex;flex-direction:column;gap:3px;min-width:0}
.cp-finder-tile strong{font-size:15.5px;font-weight:650;line-height:1.3}
.cp-finder-tile small{font-size:12.5px;line-height:1.5;color:#aeb7c0}
.cp-finder-tile>.cp-icon{margin-left:auto;flex-shrink:0;width:20px;height:20px;color:#8f99a4;transition:color 250ms ease,transform 400ms var(--cp-ease)}
.cp-finder-tile:hover{background:rgba(255,255,255,.09);border-color:rgba(253,161,43,.6);transform:translateX(4px)}
.cp-finder-tile:hover>.cp-icon{color:var(--cp-orange);transform:translateX(3px)}

@media(prefers-reduced-motion:reduce){.cp-finder-step.is-active,.cp-finder-result{animation:none}.cp-finder-option,.cp-finder-tile{transition:none}}

@media(max-width:900px){
  .cp-finder{padding:34px 30px 38px}
  .cp-finder-head{flex-direction:column;align-items:flex-start;gap:22px}
  .cp-finder-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-finder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .cp-finder-teaser-card{grid-template-columns:1fr;gap:34px;padding:44px 40px}
  .cp-finder-teaser-card::before{inset:45% 0 0 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 50%);mask-image:linear-gradient(180deg,transparent,#000 50%)}
  .cp-shop-sidebar .cp-filters nav>a{font-size:12px}
}
@media(max-width:640px){
  /* Shop: filters collapse behind one button; chips inside. */
  .cp-filters{margin-top:12px}
  .cp-filters-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--cp-line);border-radius:6px;background:#fff;font-size:12.5px;font-weight:650;color:var(--cp-ink);text-align:left}
  .cp-filters-toggle>.cp-icon{width:17px;height:17px;flex-shrink:0}
  .cp-filters-toggle>span{flex:1}
  .cp-filters-toggle>strong{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--cp-orange);font-size:11px;display:grid;place-items:center}
  .cp-filters-toggle .cp-filters-chevron{transition:transform 300ms var(--cp-ease)}
  .cp-filters.is-open .cp-filters-chevron{transform:rotate(180deg)}
  .cp-filters-body{display:none;padding:18px 2px 4px}
  .cp-filters.is-open .cp-filters-body{display:block;animation:cp-finder-in 320ms var(--cp-ease) both}
  .cp-shop-sidebar .cp-filter-group>h2{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px;color:#5b636b}
  .cp-filter-group+.cp-filter-group{margin-top:18px}
  .cp-shop-sidebar .cp-filters nav{flex-direction:row;flex-wrap:wrap;gap:7px;padding:0}
  .cp-shop-sidebar .cp-filters nav>a{display:inline-flex;gap:7px;padding:7px 11px;border:1px solid var(--cp-line);border-radius:30px;font-size:12px;white-space:nowrap}
  .cp-shop-sidebar .cp-filters nav>a>span:last-child{margin-left:0;font-size:10px}
  .cp-shop-sidebar .cp-filters nav>a .cp-filter-box{display:none}
  .cp-shop-sidebar .cp-filters nav>a.is-active{background:var(--cp-ink);border-color:var(--cp-ink);color:#fff}
  .cp-shop-sidebar .cp-filters nav>a.is-active>span:last-child{color:#c9d0d6}
  .cp-active-filters{margin-bottom:16px}

  .cp-fit>div{flex-direction:column;gap:7px}
  .cp-fit dt{flex:none}

  .cp-finder{padding:26px 18px 30px;border-radius:14px;margin-inline:-4px}
  .cp-finder-head{padding-bottom:22px;margin-bottom:24px}
  .cp-finder-head p{font-size:13px}
  /* Phones: a slim 4-part progress bar (the question itself says „Întrebarea 2 din 3”). */
  .cp-finder-head{gap:18px}
  .cp-finder .cp-finder-progress{gap:6px;width:100%}
  .cp-finder .cp-finder-progress li{flex:1;height:5px;padding:0;border-radius:3px;background:#e9e6df;font-size:0;gap:0;overflow:hidden;position:relative}
  .cp-finder .cp-finder-progress li>span{display:none}
  .cp-finder .cp-finder-progress li::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cp-ink);transform:scaleX(0);transform-origin:left;transition:transform 450ms var(--cp-ease)}
  .cp-finder .cp-finder-progress li.is-done::after,.cp-finder .cp-finder-progress li.is-current::after{transform:none}
  .cp-finder .cp-finder-progress li.is-current{background:#e9e6df}
  .cp-finder .cp-finder-progress li.is-current::after{background:var(--cp-orange)}
  .cp-finder-options,.cp-finder-options.is-two{grid-template-columns:1fr;gap:9px}
  .cp-finder-option{padding:13px 44px 13px 13px}
  .cp-finder-options.is-surfaces .cp-finder-option{flex-direction:row;align-items:center;padding:10px 44px 10px 10px}
  .cp-finder-options.is-surfaces .cp-finder-swatch{flex:0 0 68px;height:68px}
  .cp-finder-options.is-surfaces .cp-finder-option-text{padding:0}
  .cp-finder-options.is-surfaces .cp-finder-tick{top:50%;bottom:auto;margin-top:-11px}
  .cp-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
  /* The best match gets the full width, so its badge never meets the heart button. */
  .cp-finder-grid>.cp-finder-pick.is-best{grid-column:1/-1}
  .cp-finder-grid>.cp-finder-pick:not(.is-best)>.cp-finder-badge{font-size:9px;padding:4px 8px;left:8px;top:8px}
  .cp-finder-answers{gap:6px}
  .cp-finder-answers button{font-size:11.5px;padding:6px 10px}
  .cp-finder-next{grid-template-columns:1fr;padding:20px 18px;gap:16px}
  .cp-finder-next-card{max-width:210px}
  .cp-finder-actions .cp-button{width:100%;justify-content:space-between}
  .cp-finder-teaser-card{padding:34px 22px 24px;border-radius:16px;gap:26px}
  .cp-finder-tile{padding:10px 14px 10px 10px;gap:14px}
  .cp-finder-tile .cp-finder-swatch{flex-basis:54px;height:54px}
  .cp-finder-tile small{font-size:11.5px}
}