#shop-advisor .visible{visibility:visible}
#shop-advisor .fixed{position:fixed}
#shop-advisor .absolute{position:absolute}
#shop-advisor .relative{position:relative}
#shop-advisor .inset-0{inset:0px}
#shop-advisor .-right-2{right:-0.5rem}
#shop-advisor .-top-2{top:-0.5rem}
#shop-advisor .bottom-0{bottom:0px}
#shop-advisor .bottom-1{bottom:0.25rem}
#shop-advisor .bottom-1\.5{bottom:0.375rem}
#shop-advisor .left-0{left:0px}
#shop-advisor .left-1{left:0.25rem}
#shop-advisor .left-1\.5{left:0.375rem}
#shop-advisor .left-2{left:0.5rem}
#shop-advisor .left-4{left:1rem}
#shop-advisor .right-0{right:0px}
#shop-advisor .right-1{right:0.25rem}
#shop-advisor .right-1\.5{right:0.375rem}
#shop-advisor .right-2{right:0.5rem}
#shop-advisor .right-4{right:1rem}
#shop-advisor .top-1\/2{top:50%}
#shop-advisor .top-4{top:1rem}
#shop-advisor .z-50{z-index:50}
#shop-advisor .col-span-full{grid-column:1 / -1}
#shop-advisor .mx-auto{margin-left:auto;margin-right:auto}
#shop-advisor .mb-1{margin-bottom:0.25rem}
#shop-advisor .mb-2{margin-bottom:0.5rem}
#shop-advisor .mb-3{margin-bottom:0.75rem}
#shop-advisor .mb-4{margin-bottom:1rem}
#shop-advisor .mb-6{margin-bottom:1.5rem}
#shop-advisor .mb-8{margin-bottom:2rem}
#shop-advisor .ml-1{margin-left:0.25rem}
#shop-advisor .ml-auto{margin-left:auto}
#shop-advisor .mr-1\.5{margin-right:0.375rem}
#shop-advisor .mt-0\.5{margin-top:0.125rem}
#shop-advisor .mt-1{margin-top:0.25rem}
#shop-advisor .mt-2{margin-top:0.5rem}
#shop-advisor .mt-3{margin-top:0.75rem}
#shop-advisor .mt-4{margin-top:1rem}
#shop-advisor .mt-6{margin-top:1.5rem}
#shop-advisor .mt-8{margin-top:2rem}
#shop-advisor .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#shop-advisor .block{display:block}
#shop-advisor .inline{display:inline}
#shop-advisor .flex{display:flex}
#shop-advisor .inline-flex{display:inline-flex}
#shop-advisor .grid{display:grid}
#shop-advisor .hidden{display:none}
#shop-advisor .aspect-video{aspect-ratio:16 / 9}
#shop-advisor .h-1\.5{height:0.375rem}
#shop-advisor .h-10{height:2.5rem}
#shop-advisor .h-12{height:3rem}
#shop-advisor .h-14{height:3.5rem}
#shop-advisor .h-16{height:4rem}
#shop-advisor .h-20{height:5rem}
#shop-advisor .h-24{height:6rem}
#shop-advisor .h-3{height:0.75rem}
#shop-advisor .h-3\.5{height:0.875rem}
#shop-advisor .h-4{height:1rem}
#shop-advisor .h-48{height:12rem}
#shop-advisor .h-5{height:1.25rem}
#shop-advisor .h-6{height:1.5rem}
#shop-advisor .h-7{height:1.75rem}
#shop-advisor .h-8{height:2rem}
#shop-advisor .h-80{height:20rem}
#shop-advisor .h-full{height:100%}
#shop-advisor .max-h-48{max-height:12rem}
#shop-advisor .max-h-64{max-height:16rem}
#shop-advisor .max-h-\[350px\]{max-height:350px}
#shop-advisor .max-h-\[500px\]{max-height:500px}
#shop-advisor .max-h-\[85vh\]{max-height:85vh}
#shop-advisor .max-h-full{max-height:100%}
#shop-advisor .min-h-0{min-height:0px}
#shop-advisor .min-h-\[140px\]{min-height:140px}
#shop-advisor .min-h-\[250px\]{min-height:250px}
#shop-advisor .min-h-\[400px\]{min-height:400px}
#shop-advisor .min-h-\[48px\]{min-height:48px}
#shop-advisor .min-h-\[80px\]{min-height:80px}
#shop-advisor .w-10{width:2.5rem}
#shop-advisor .w-12{width:3rem}
#shop-advisor .w-14{width:3.5rem}
#shop-advisor .w-16{width:4rem}
#shop-advisor .w-20{width:5rem}
#shop-advisor .w-24{width:6rem}
#shop-advisor .w-3{width:0.75rem}
#shop-advisor .w-3\.5{width:0.875rem}
#shop-advisor .w-4{width:1rem}
#shop-advisor .w-5{width:1.25rem}
#shop-advisor .w-6{width:1.5rem}
#shop-advisor .w-7{width:1.75rem}
#shop-advisor .w-8{width:2rem}
#shop-advisor .w-full{width:100%}
#shop-advisor .min-w-0{min-width:0px}
#shop-advisor .min-w-\[100px\]{min-width:100px}
#shop-advisor .min-w-\[80px\]{min-width:80px}
#shop-advisor .max-w-\[1600px\]{max-width:1600px}
#shop-advisor .max-w-\[90vw\]{max-width:90vw}
#shop-advisor .max-w-full{max-width:100%}
#shop-advisor .max-w-lg{max-width:32rem}
#shop-advisor .flex-1{flex:1 1 0%}
#shop-advisor .flex-shrink-0{flex-shrink:0}
#shop-advisor .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
#shop-advisor .rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
#shop-advisor .scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes spin{
to{transform:rotate(360deg)}}
#shop-advisor .animate-spin{animation:spin 1s linear infinite}
#shop-advisor .cursor-not-allowed{cursor:not-allowed}
#shop-advisor .cursor-pointer{cursor:pointer}
#shop-advisor .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
#shop-advisor .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
#shop-advisor .flex-col{flex-direction:column}
#shop-advisor .items-start{align-items:flex-start}
#shop-advisor .items-center{align-items:center}
#shop-advisor .items-baseline{align-items:baseline}
#shop-advisor .justify-center{justify-content:center}
#shop-advisor .justify-between{justify-content:space-between}
#shop-advisor .gap-1{gap:0.25rem}
#shop-advisor .gap-1\.5{gap:0.375rem}
#shop-advisor .gap-2{gap:0.5rem}
#shop-advisor .gap-3{gap:0.75rem}
#shop-advisor .gap-4{gap:1rem}
#shop-advisor .gap-5{gap:1.25rem}
#shop-advisor .gap-6{gap:1.5rem}
#shop-advisor .gap-8{gap:2rem}
#shop-advisor :is(.space-y-0 > :not([hidden]) ~ :not([hidden])){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}
#shop-advisor :is(.space-y-1 > :not([hidden]) ~ :not([hidden])){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
#shop-advisor :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
#shop-advisor :is(.space-y-3 > :not([hidden]) ~ :not([hidden])){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
#shop-advisor :is(.space-y-4 > :not([hidden]) ~ :not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
#shop-advisor :is(.space-y-8 > :not([hidden]) ~ :not([hidden])){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
#shop-advisor .overflow-hidden{overflow:hidden}
#shop-advisor .overflow-x-auto{overflow-x:auto}
#shop-advisor .overflow-y-auto{overflow-y:auto}
#shop-advisor .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shop-advisor .break-words{overflow-wrap:break-word}
#shop-advisor .rounded{border-radius:0.25rem}
#shop-advisor .rounded-2xl{border-radius:1rem}
#shop-advisor .rounded-full{border-radius:9999px}
#shop-advisor .rounded-lg{border-radius:0.5rem}
#shop-advisor .rounded-xl{border-radius:0.75rem}
#shop-advisor .rounded-tl{border-top-left-radius:0.25rem}
#shop-advisor .border{border-width:1px}
#shop-advisor .border-2{border-width:2px}
#shop-advisor .border-t{border-top-width:1px}
#shop-advisor .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}
#shop-advisor .border-blue-100{border-color:var(--c-accent-soft)}
#shop-advisor .border-blue-200{border-color:var(--c-accent-line)}
#shop-advisor .border-fliro-200{border-color:var(--c-accent-line)}
#shop-advisor .border-fliro-500{border-color:var(--c-accent)}
#shop-advisor .border-gray-200{border-color:var(--c-line)}
#shop-advisor .border-gray-300{border-color:var(--c-line-strong)}
#shop-advisor .border-gray-700{border-color:var(--c-ink-soft)}
#shop-advisor .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}
#shop-advisor .border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}
#shop-advisor .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}
#shop-advisor .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}
#shop-advisor .border-transparent{border-color:transparent}
#shop-advisor .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-black\/0{background-color:rgb(0 0 0 / 0)}
#shop-advisor .bg-black\/60{background-color:rgb(0 0 0 / 0.6)}
#shop-advisor .bg-black\/90{background-color:rgb(0 0 0 / 0.9)}
#shop-advisor .bg-blue-50{background-color:var(--c-accent-soft)}
#shop-advisor .bg-fliro-100{background-color:var(--c-accent-soft)}
#shop-advisor .bg-fliro-50{background-color:var(--c-accent-soft)}
#shop-advisor .bg-fliro-500{background-color:var(--c-accent)}
#shop-advisor .bg-gray-100{background-color:var(--c-sand-deep)}
#shop-advisor .bg-gray-50{background-color:var(--c-sand)}
#shop-advisor .bg-gray-700{background-color:var(--c-ink-soft)}
#shop-advisor .bg-gray-800{background-color:var(--c-ink)}
#shop-advisor .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
#shop-advisor .bg-white\/20{background-color:rgb(255 255 255 / 0.2)}
#shop-advisor .bg-white\/90{background-color:rgb(255 255 255 / 0.9)}
#shop-advisor .bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}
#shop-advisor .from-fliro-50{--tw-gradient-from:var(--c-accent-soft) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
#shop-advisor .from-gray-50{--tw-gradient-from:var(--c-sand) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
#shop-advisor .to-gray-100{--tw-gradient-to:var(--c-sand-deep) var(--tw-gradient-to-position)}
#shop-advisor .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}
#shop-advisor .object-contain{object-fit:contain}
#shop-advisor .object-cover{object-fit:cover}
#shop-advisor .p-1\.5{padding:0.375rem}
#shop-advisor .p-12{padding:3rem}
#shop-advisor .p-2{padding:0.5rem}
#shop-advisor .p-3{padding:0.75rem}
#shop-advisor .p-4{padding:1rem}
#shop-advisor .p-6{padding:1.5rem}
#shop-advisor .p-8{padding:2rem}
#shop-advisor .px-1{padding-left:0.25rem;padding-right:0.25rem}
#shop-advisor .px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
#shop-advisor .px-2{padding-left:0.5rem;padding-right:0.5rem}
#shop-advisor .px-3{padding-left:0.75rem;padding-right:0.75rem}
#shop-advisor .px-4{padding-left:1rem;padding-right:1rem}
#shop-advisor .px-5{padding-left:1.25rem;padding-right:1.25rem}
#shop-advisor .px-6{padding-left:1.5rem;padding-right:1.5rem}
#shop-advisor .px-8{padding-left:2rem;padding-right:2rem}
#shop-advisor .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
#shop-advisor .py-1{padding-top:0.25rem;padding-bottom:0.25rem}
#shop-advisor .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
#shop-advisor .py-16{padding-top:4rem;padding-bottom:4rem}
#shop-advisor .py-2{padding-top:0.5rem;padding-bottom:0.5rem}
#shop-advisor .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
#shop-advisor .py-20{padding-top:5rem;padding-bottom:5rem}
#shop-advisor .py-3{padding-top:0.75rem;padding-bottom:0.75rem}
#shop-advisor .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
#shop-advisor .py-4{padding-top:1rem;padding-bottom:1rem}
#shop-advisor .py-5{padding-top:1.25rem;padding-bottom:1.25rem}
#shop-advisor .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
#shop-advisor .py-8{padding-top:2rem;padding-bottom:2rem}
#shop-advisor .pb-1{padding-bottom:0.25rem}
#shop-advisor .pb-28{padding-bottom:7rem}
#shop-advisor .pb-3{padding-bottom:0.75rem}
#shop-advisor .pl-4{padding-left:1rem}
#shop-advisor .pr-1{padding-right:0.25rem}
#shop-advisor .pt-3{padding-top:0.75rem}
#shop-advisor .pt-4{padding-top:1rem}
#shop-advisor .text-left{text-align:left}
#shop-advisor .text-center{text-align:center}
#shop-advisor .font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
#shop-advisor .text-2xl{font-size:1.5rem;line-height:2rem}
#shop-advisor .text-3xl{font-size:1.875rem;line-height:2.25rem}
#shop-advisor .text-4xl{font-size:2.25rem;line-height:2.5rem}
#shop-advisor .text-6xl{font-size:3.75rem;line-height:1}
#shop-advisor .text-\[9px\]{font-size:9px}
#shop-advisor .text-base{font-size:1rem;line-height:1.5rem}
#shop-advisor .text-lg{font-size:1.125rem;line-height:1.75rem}
#shop-advisor .text-sm{font-size:0.875rem;line-height:1.25rem}
#shop-advisor .text-xl{font-size:1.25rem;line-height:1.75rem}
#shop-advisor .text-xs{font-size:0.75rem;line-height:1rem}
#shop-advisor .font-bold{font-weight:700}
#shop-advisor .font-medium{font-weight:500}
#shop-advisor .font-normal{font-weight:400}
#shop-advisor .font-semibold{font-weight:600}
#shop-advisor .uppercase{text-transform:uppercase}
#shop-advisor .leading-relaxed{line-height:1.625}
#shop-advisor .leading-snug{line-height:1.375}
#shop-advisor .leading-tight{line-height:1.25}
#shop-advisor .tracking-wider{letter-spacing:0.05em}
#shop-advisor .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}
#shop-advisor .text-blue-500{color:var(--c-accent)}
#shop-advisor .text-blue-600{color:var(--c-accent-hover)}
#shop-advisor .text-blue-800{color:var(--c-ink)}
#shop-advisor .text-fliro-500{color:var(--c-accent)}
#shop-advisor .text-fliro-600{color:var(--c-accent-hover)}
#shop-advisor .text-fliro-700{color:var(--c-accent-hover)}
#shop-advisor .text-gray-200{color:var(--c-line)}
#shop-advisor .text-gray-300{color:var(--c-line-strong)}
#shop-advisor .text-gray-400{color:var(--c-muted)}
#shop-advisor .text-gray-500{color:var(--c-muted)}
#shop-advisor .text-gray-600{color:var(--c-body)}
#shop-advisor .text-gray-700{color:var(--c-ink-soft)}
#shop-advisor .text-gray-800{color:var(--c-ink)}
#shop-advisor .text-gray-900{color:var(--c-ink)}
#shop-advisor .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
#shop-advisor .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
#shop-advisor .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
#shop-advisor .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
#shop-advisor .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
#shop-advisor .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
#shop-advisor .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
#shop-advisor .text-white\/80{color:rgb(255 255 255 / 0.8)}
#shop-advisor .underline{text-decoration-line:underline}
#shop-advisor .opacity-0{opacity:0}
#shop-advisor .opacity-30{opacity:0.3}
#shop-advisor .opacity-50{opacity:0.5}
#shop-advisor .opacity-60{opacity:0.6}
#shop-advisor .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
#shop-advisor .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
#shop-advisor .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#shop-advisor .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#shop-advisor .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#shop-advisor .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#shop-advisor .duration-300{transition-duration:300ms}
#shop-advisor .duration-500{transition-duration:500ms}
#shop-advisor .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
#shop-advisor{font-family:inherit;color:var(--c-ink);min-height:400px}
#shop-advisor *,#shop-advisor *::before,#shop-advisor *::after{box-sizing:border-box;border-style:solid;border-width:0}
#shop-advisor button,#shop-advisor input{font:inherit}
#shop-advisor button{cursor:pointer;background:transparent;color:inherit;border-radius:var(--radius-sm);padding:0}
#shop-advisor button:disabled{cursor:default;opacity:.6}
#shop-advisor svg{display:inline-block;flex-shrink:0}
#shop-advisor :focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}

/* Match the shop .wrap, including its responsive gutters. Extra attribute specificity
   keeps legacy responsive utility paddings from widening the advisor content. */
#shop-advisor [data-testid="variantenberater"][data-testid]{width:100%;max-width:var(--wrap,1220px);margin-inline:auto;padding-inline:clamp(1rem,3.5vw,2rem)}

/* Explicit shop surfaces prevent native button gray leaking into the wizard.
   Tailwind color/padding utilities still style selected answers and primary actions. */
#shop-advisor [data-testid="split-step"] button[data-testid]{background:var(--c-white,#fff);border-radius:var(--radius);border-color:var(--c-line)}
#shop-advisor [data-testid="split-step"] button[data-testid]:hover{border-color:var(--c-accent)}
#shop-advisor [data-testid="split-step"] button[data-testid]>span:last-child{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.95em 1.6em;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--c-accent);color:#fff;font-size:var(--fs-sm);font-weight:700;letter-spacing:-.01em;transition:background-color .18s ease}
#shop-advisor [data-testid="split-step"] button[data-testid]:hover>span:last-child{background:var(--c-accent-hover)}
#shop-advisor [data-testid="split-direkt-btn"]>div:first-child{background:var(--c-accent-soft)}
#shop-advisor [data-testid="split-direkt-btn"]>div:first-child svg{color:var(--c-accent)}
#shop-advisor [data-testid="tree-back-to-main"][data-testid]{padding:.95em 1.6em;border:1px solid var(--c-line-strong);border-radius:var(--radius-sm);background:var(--c-white,#fff);color:var(--c-ink);font-size:var(--fs-sm);font-weight:700}
#shop-advisor [data-testid="tree-back-to-main"][data-testid]:hover{border-color:var(--c-ink)}
#shop-advisor .hover\:border-fliro-300:hover{border-color:var(--c-accent-line)}
#shop-advisor .hover\:border-fliro-400:hover{border-color:var(--c-accent)}
#shop-advisor .hover\:border-fliro-500:hover{border-color:var(--c-accent)}
#shop-advisor .hover\:border-gray-400:hover{border-color:var(--c-muted)}
#shop-advisor .hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
#shop-advisor .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}
#shop-advisor .hover\:border-red-400:hover{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}
#shop-advisor .hover\:bg-fliro-600:hover{background-color:var(--c-accent-hover)}
#shop-advisor .hover\:bg-gray-50:hover{background-color:var(--c-sand)}
#shop-advisor .hover\:bg-gray-700:hover{background-color:var(--c-ink-soft)}
#shop-advisor .hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
#shop-advisor .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}
#shop-advisor .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
#shop-advisor .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
#shop-advisor .hover\:bg-white\/30:hover{background-color:rgb(255 255 255 / 0.3)}
#shop-advisor .hover\:text-blue-700:hover{color:var(--c-accent-hover)}
#shop-advisor .hover\:text-fliro-600:hover{color:var(--c-accent-hover)}
#shop-advisor .hover\:text-gray-600:hover{color:var(--c-body)}
#shop-advisor .hover\:text-gray-700:hover{color:var(--c-ink-soft)}
#shop-advisor .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
#shop-advisor .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
#shop-advisor .hover\:opacity-100:hover{opacity:1}
#shop-advisor .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#shop-advisor .focus\:border-fliro-500:focus{border-color:var(--c-accent)}
#shop-advisor .focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
#shop-advisor :is(.group:hover .group-hover\:scale-105){--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
#shop-advisor :is(.group:hover .group-hover\:scale-110){--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
#shop-advisor :is(.group:hover .group-hover\:bg-black\/10){background-color:rgb(0 0 0 / 0.1)}
#shop-advisor :is(.group:hover .group-hover\:bg-black\/5){background-color:rgb(0 0 0 / 0.05)}
#shop-advisor :is(.group:hover .group-hover\:bg-fliro-100){background-color:var(--c-accent-soft)}
#shop-advisor :is(.group:hover .group-hover\:bg-fliro-600){background-color:var(--c-accent-hover)}
#shop-advisor :is(.group:hover .group-hover\:bg-gray-100){background-color:var(--c-sand-deep)}
#shop-advisor :is(.group:hover .group-hover\:text-fliro-500){color:var(--c-accent)}
#shop-advisor :is(.group:hover .group-hover\:text-fliro-600){color:var(--c-accent-hover)}
#shop-advisor :is(.group:hover .group-hover\:opacity-60){opacity:0.6}
#shop-advisor :is(.group:hover .group-hover\:opacity-80){opacity:0.8}
@media (min-width: 640px){
#shop-advisor .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
#shop-advisor .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width: 768px){
#shop-advisor .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (min-width: 1024px){
#shop-advisor .lg\:flex{display:flex}
#shop-advisor .lg\:grid{display:grid}
#shop-advisor .lg\:hidden{display:none}
#shop-advisor .lg\:h-14{height:3.5rem}
#shop-advisor .lg\:h-32{height:8rem}
#shop-advisor .lg\:w-14{width:3.5rem}
#shop-advisor .lg\:w-32{width:8rem}
#shop-advisor .lg\:w-auto{width:auto}
#shop-advisor .lg\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
#shop-advisor .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
#shop-advisor .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
#shop-advisor .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
#shop-advisor .lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
#shop-advisor .lg\:gap-8{gap:2rem}
#shop-advisor .lg\:p-6{padding:1.5rem}
#shop-advisor .lg\:p-8{padding:2rem}
#shop-advisor .lg\:px-12{padding-left:3rem;padding-right:3rem}
#shop-advisor .lg\:text-2xl{font-size:1.5rem;line-height:2rem}
#shop-advisor .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}
#shop-advisor .lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}
@media (min-width: 1280px){
#shop-advisor .xl\:px-16{padding-left:4rem;padding-right:4rem}}