.config-hero{background:var(--gradient-hero);padding:var(--space-16) 0;text-align:center;position:relative;overflow:hidden}.config-hero:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle at center,var(--color-primary-glow) 0%,transparent 70%);opacity:.1;pointer-events:none}.config-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle)}.config-hero__content h1{font-size:clamp(2rem,5vw,3.5rem);max-width:800px;margin:0 auto var(--space-4);line-height:1.1}.config-hero__content p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.configurator{max-width:1000px;margin:0 auto;background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xl)}@media(max-width:640px){.configurator{padding:var(--space-4)}}.config-step{display:none;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.config-step.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.config-step__header{text-align:center;margin-bottom:var(--space-10)}.config-step__number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--gradient-primary);color:#fff;font-size:var(--text-xl);font-weight:700;border-radius:50%;margin-bottom:var(--space-4)}.config-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:768px){.config-options{grid-template-columns:repeat(4,1fr)}}.config-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--color-bg-alt);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative}.config-option:hover{background:var(--color-surface);border-color:var(--color-primary-subtle)}.config-option.selected{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.config-option.selected:after{content:"✓";position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.config-option__icon{display:grid;place-items:center;color:var(--color-primary)}.config-option__title{font-size:var(--text-base);font-weight:700;color:var(--color-text)}.config-option__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}:global([data-theme=dark]) .config-option__title{color:#f9fafb}.config-nav{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-10)}.config-progress{margin-top:var(--space-12);text-align:center}.config-progress__bar{height:8px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3);border:1px solid var(--color-border-subtle)}.config-progress__fill{height:100%;background:var(--gradient-primary);width:25%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px var(--color-primary-glow)}.config-progress__text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.config-content{max-width:1000px;margin:0 auto}.config-content__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.config-content__card,.config-faq__item{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.config-content__card{padding:var(--space-7)}.config-faq{margin-top:var(--space-16)}.config-faq__list{display:flex;flex-direction:column;gap:var(--space-4)}.config-faq__item{padding:var(--space-5) var(--space-6)}.config-faq__item summary{cursor:pointer;font-weight:700;list-style:none}.config-faq__item summary::-webkit-details-marker{display:none}.config-faq__item p{margin-top:var(--space-3);margin-bottom:0;color:var(--color-text-muted)}.config-results{display:flex;flex-direction:column;gap:var(--space-12)}.result-section{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.result-section:nth-of-type(1){animation-delay:.1s}.result-section:nth-of-type(2){animation-delay:.3s}.result-section:nth-of-type(3){animation-delay:.5s}.result-section__title{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-subtle);color:var(--color-text)}.result-section__icon{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--color-bg-alt);color:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}@media(max-width:640px){.result-grid{grid-template-columns:1fr}}.p-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;position:relative}.p-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),0 0 30px var(--color-primary-glow);border-color:var(--color-primary)}.p-card__image{aspect-ratio:16/10;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.p-card__image-icon{display:grid;place-items:center;color:var(--color-primary)}.p-card__img{width:100%;height:100%;object-fit:contain;padding:var(--space-4);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.p-card:hover .p-card__img{transform:scale(1.05)}.p-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-card__badge{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:#1a1a1a;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:2}.p-card__content{padding:var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.p-card__brand{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.p-card__title{font-size:var(--text-lg);font-weight:700;line-height:1.3;margin:0}.p-card__rating{display:flex;align-items:center;gap:var(--space-2)}.stars{display:flex;font-size:.9rem}.rating-count{font-size:var(--text-xs);color:var(--color-text-muted)}.p-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.p-card__features li{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:flex-start;gap:var(--space-2)}.p-card__features li:before{content:"✓";color:var(--color-primary);font-weight:700;flex-shrink:0}.p-card__footer{padding:var(--space-6);padding-top:0;border-top:none;margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4)}.p-card__price-box{display:flex;flex-direction:column}.p-card__price{font-size:var(--text-2xl);font-weight:800;color:var(--color-text)}.p-card__price-suffix{font-size:var(--text-xs);color:var(--color-text-muted)}.p-card__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:linear-gradient(135deg,#f90,#f80);color:#fff;text-decoration:none;font-weight:700;border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:0 4px 15px #ff99004d}.p-card__cta:hover{background:linear-gradient(135deg,#fa2,#f90);transform:scale(1.02);box-shadow:0 6px 20px #f906}.p-card__badge--alt{left:auto;right:var(--space-4);background:var(--color-primary);color:#fff}.p-card__reasons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.p-card__reason{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-glow);padding:2px var(--space-2);border-radius:var(--radius-full);line-height:1.5}.p-card__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.p-card__price-old{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:line-through}.p-card__discount{font-size:var(--text-xs);font-weight:800;color:#fff;background:#e11d48;padding:1px var(--space-2);border-radius:var(--radius-full)}.result-summary{text-align:center;background:var(--color-bg-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6)}.result-summary__lead{margin:0;color:var(--color-text-muted)}.result-summary__total{margin:var(--space-2) 0 0;font-size:var(--text-2xl);font-weight:800;color:var(--color-text)}.result-section__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-subtle)}.result-section__head .result-section__title{margin:0;padding:0;border:none}.result-section__all{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap}.result-section__all:hover{text-decoration:underline}.result-articles{border-top:2px solid var(--color-border-subtle);padding-top:var(--space-8)}.result-articles__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-6)}.result-articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.result-article{display:block;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);text-decoration:none;color:inherit;transition:all var(--transition-base)}.result-article:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.result-article__title{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-2);line-height:1.35}.result-article__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3);line-height:1.5}.result-article__more{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.result-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;width:100%;max-width:none;margin:0 auto;line-height:1.5}.config-bestlists{margin-top:var(--space-16)}.config-bestlist{margin-bottom:var(--space-12)}.config-bestlist__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.config-bestlist__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:800;margin:0}.config-bestlist__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.config-guides{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle)}.config-guides h3{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-4)}.config-guides__list{list-style:none;padding:0;margin:0;columns:2;column-gap:var(--space-8)}@media(max-width:640px){.config-guides__list{columns:1}}.config-guides__list li{margin-bottom:var(--space-2);break-inside:avoid}.config-guides__list a{color:var(--color-primary);text-decoration:none;font-weight:600}.config-guides__list a:hover{text-decoration:underline}.config-validation{min-height:1.5em;margin:var(--space-4) 0 0;color:var(--color-error);font-weight:600;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.image-hero,.image-hero h1,.image-hero p,.image-hero span,.image-hero .breadcrumb,.image-hero .breadcrumb a,.image-hero .text-muted,.image-hero .hero-subtitle{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.72),0 1px 3px rgba(0,0,0,.9)}.result-articles__icon,.result-empty__icon{display:inline-grid;place-items:center;color:var(--color-primary)}.p-card__price-status{color:var(--color-text-subtle);font-size:var(--text-sm)}