.configurator-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#e1e1e1}configurator-model-selector{position:absolute;top:1.5rem;left:1.5rem;z-index:30;pointer-events:auto}configurator-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.configurator-cards{position:absolute;left:0;right:0;bottom:3rem;display:flex;justify-content:center;align-items:flex-end;padding:0 2.5rem;pointer-events:none;z-index:20;width:100%}.panel-inner__scroller{display:flex;align-items:flex-end;gap:1.5rem;width:calc(100vw - 3rem);pointer-events:none}.panel-inner__scroller .config-card{pointer-events:auto}.config-card{position:relative;flex:1 1 0;width:25%;border-radius:24px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffff40,#ffffff1a),linear-gradient(225deg,#bcc7ca33,#ccd9d54d);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 4px 16px #00000014,inset 0 1px #fff6,inset 0 -1px #ffffff1a;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.config-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:linear-gradient(135deg,#fff9,#fff0 30%,#fff0 70%,#ffffff1a);pointer-events:none}.config-card--collapsed{padding:1rem 1.5rem;min-height:80px;max-height:80px}.config-card--expanded{padding:1.5rem 1.75rem;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffff80,inset 0 -1px #ffffff26;min-height:420px;max-height:520px}.config-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;margin-bottom:0}.config-card__header p{color:#000000b3!important}.config-card__label{font-size:1rem;font-weight:600;letter-spacing:-.02em;color:#000000f2}.config-card__content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;opacity:1;transition:opacity .3s ease}.config-card--collapsed .config-card__content{display:none;opacity:0}.config-card--collapsed .config-card__header button{display:none}.config-card__meta{font-size:.75rem;font-weight:500;color:#000000a6}.config-card__content::-webkit-scrollbar{width:4px}.config-card__content::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.config-card__content::-webkit-scrollbar-track{background:transparent}.wheels-swiper-container{position:relative}.wheels-swiper-container .swiper{overflow:visible}.wheels-swiper-container .swiper-wrapper{align-items:stretch}.wheels-swiper-container .swiper-slide{height:auto}.wheels-swiper-container .swiper-pagination{position:relative;margin-top:12px}.wheels-swiper-container .swiper-pagination-bullet{background:#fff6;opacity:1;width:8px;height:8px;margin:0 4px;transition:all .3s ease}.wheels-swiper-container .swiper-pagination-bullet-active{background:#374151cc;transform:scale(1.2)}.wheels-swiper-container .swiper-button-next,.wheels-swiper-container .swiper-button-prev{display:none}@media (max-width: 768px){configurator-viewer{transform:translateY(-18%)}configurator-model-selector{top:.5rem;left:.5rem;transform:scale(.85);transform-origin:top left}.configurator-cards configurator-panel{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.configurator-cards{position:absolute!important;left:0;right:0;bottom:0;top:auto;height:44svh;display:flex!important;flex-direction:column;padding:0!important;pointer-events:auto;z-index:20;border-radius:16px 16px 0 0;background:#ffffffa6;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 -2px 20px #0000000f,inset 0 1px #ffffff80;overflow:hidden;justify-content:flex-start;align-items:stretch}.configurator-cards:before{content:"";display:block;width:32px;height:4px;background:#00000026;border-radius:2px;margin:6px auto 2px;flex-shrink:0}.configurator-mobile-tabs{display:flex;flex-shrink:0;pointer-events:auto;border-bottom:1px solid rgba(0,0,0,.06)}.configurator-mobile-tab{flex:1;padding:.35rem 0;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#00000059;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.configurator-mobile-tab--active{color:#000000e6;border-bottom-color:#000}.panel-inner__scroller{flex:1!important;min-height:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0!important;width:100%!important;padding:0!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto!important;align-items:stretch!important}.panel-inner__scroller::-webkit-scrollbar{display:none}.config-card{min-width:100%!important;flex:0 0 100%!important;width:100%!important;height:100%!important;border-radius:0!important;border:none!important;box-shadow:none!important;scroll-snap-align:start;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.config-card:before{display:none!important}.config-card.config-card--collapsed,.config-card.config-card--expanded{min-height:100%!important;max-height:100%!important;height:100%!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:0!important}.config-card.config-card--collapsed .config-card__content{display:flex!important;opacity:1!important}.config-card .config-card__header{display:none!important}.config-card .config-card__content{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding:.5rem 1rem!important;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))!important}.wheels-swiper-container .swiper-slide{width:160px!important}.swiper-button-prev-custom,.swiper-button-next-custom{display:none}}
