@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-orange-500:#fe6e00;--color-yellow-500:#edb200;--color-green-500:#00c758;--color-green-600:#00a544;--color-blue-500:#3080ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2ff;--color-indigo-600:#4f39f6;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-pink-500:#f6339a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-neutral-100:#f5f5f5;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-medium:500;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-indigo-100:lab(91.6577% 1.04591 -12.7199);--color-indigo-200:lab(84.4329% 3.18977 -23.9688);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-neutral-100:lab(96.52% -.0000298023 .0000119209)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.right-0{right:calc(var(--spacing)*0)}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-24{margin-top:calc(var(--spacing)*24)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-48{height:calc(var(--spacing)*48)}.h-\[80px\]{height:80px}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-48{width:calc(var(--spacing)*48)}.w-\[80px\]{width:80px}.w-full{width:100%}.\!max-w-none{max-width:none!important}.max-w-\[220px\]{max-width:220px}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.\!min-w-0{min-width:calc(var(--spacing)*0)!important}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-indigo-600{border-color:var(--color-indigo-600)}.border-t-transparent{border-top-color:#0000}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.py-12{padding-block:calc(var(--spacing)*12)}.pr-10{padding-right:calc(var(--spacing)*10)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-blue-500{color:var(--color-blue-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-200\/60{color:#c7d2ff99}@supports (color:color-mix(in lab, red, red)){.text-indigo-200\/60{color:color-mix(in oklab,var(--color-indigo-200)60%,transparent)}}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-500{color:var(--color-orange-500)}.text-pink-500{color:var(--color-pink-500)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.underline{text-decoration-line:underline}.accent-indigo-600{accent-color:var(--color-indigo-600)}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-\[0\.025\]{opacity:.025}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.brightness-0{--tw-brightness:brightness(0%);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.active\:scale-\[0\.98\]:active{scale:.98}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-\[48\%\]{width:48%}}}.category-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);color:var(--color-black);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;text-decoration:none;transition:all .2s;display:flex}.category-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px var(--color-black-alpha-8);transform:translateY(-2px)}.category-card-icon{object-fit:contain;width:48px;height:48px;margin-bottom:8px}.category-card-label{font-size:var(--font-size-small);font-weight:600}:root{--border-width:1px;--border-width-thick:2px;--color-primary:var(--color-brand-primary);--color-primary-hover:var(--color-brand-dark);--color-primary-light:var(--color-brand-light);--color-primary-dark:var(--color-brand-dark);--color-accent:var(--color-sell);--color-accent-hover:var(--color-sell-dark);--color-accent-light:var(--color-sell-light);--color-error:var(--color-danger);--color-error-bg:var(--color-danger-light);--color-success-bg:var(--color-success-light);--color-info-bg:var(--color-info-light);--color-warning-bg:var(--color-warning-light);--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-lg);--color-primary-alpha-5:#6366f10d;--color-primary-alpha-8:#6366f114;--color-primary-alpha-10:#6366f11a;--color-primary-alpha-12:#6366f11f;--color-primary-alpha-15:#6366f126;--color-primary-alpha-20:#6366f133;--color-primary-alpha-25:#6366f140;--color-primary-alpha-30:#6366f14d;--color-primary-alpha-35:#6366f159;--color-primary-alpha-40:#6366f166;--color-primary-alpha-50:#6366f180;--color-primary-alpha-60:#6366f199;--color-primary-alpha-80:#6366f1cc;--color-primary-light-alpha-5:#818cf80d;--color-info-alpha-8:#3b82f614;--color-info-alpha-12:#3b82f61f;--color-info-alpha-15:#3b82f626;--color-info-alpha-30:#3b82f64d;--color-info-alpha-40:#3b82f666;--color-info-alpha-50:#3b82f680;--color-success-alpha-8:#10b98114;--color-success-alpha-12:#10b9811f;--color-success-alpha-20:#10b98133;--color-success-alpha-30:#10b9814d;--color-success-alpha-50:#10b98180;--color-success-alt-alpha-10:#2e7d321a;--color-success-alt-alpha-15:#2e7d3226;--color-accent-alpha-8:#f9731614;--color-accent-alpha-12:#f973161f;--color-accent-alpha-20:#f9731633;--color-accent-alpha-25:#f9731640;--color-accent-alpha-30:#f973164d;--color-accent-alpha-50:#f9731680;--color-error-alpha-30:#ef44444d;--color-white-alpha-5:#ffffff0d;--color-white-alpha-8:#ffffff14;--color-white-alpha-60:#fff9;--color-white-alpha-70:#ffffffb3;--color-white-alpha-75:#ffffffbf;--color-white-alpha-80:#fffc;--color-white-alpha-85:#ffffffd9;--color-white-alpha-90:#ffffffe6;--color-white-alpha-95:#fffffff2;--color-white-alpha-100:#fff;--color-black-alpha-4:#0000000a;--color-black-alpha-5:#0000000d;--color-black-alpha-6:#0000000f;--color-black-alpha-8:#00000014;--color-black-alpha-10:#0000001a;--color-black-alpha-15:#00000026;--color-black-alpha-20:#0003;--color-black-alpha-25:#00000040;--color-black-alpha-30:#0000004d;--color-black-alpha-40:#0006;--color-primary-bg-light:#eef2ffcc;--color-primary-bg-light-60:#eef2ff99;--color-primary-bg-light-90:#eef2ffe6;--color-primary-bg-medium:#e0e7ffcc;--color-primary-bg-medium-60:#e0e7ff99}*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1280px;padding:0 var(--space-md);margin:0 auto}.header{z-index:100;background:var(--color-white-alpha-75);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--color-primary-alpha-20);box-shadow:0 8px 32px var(--color-primary-alpha-12),0 2px 8px var(--color-black-alpha-4),inset 0 1px 0 var(--color-white-alpha-80);padding:var(--space-md)0;position:relative}.header:before{content:"";background:linear-gradient(135deg,var(--color-primary-alpha-8)0%,var(--color-primary-light-alpha-5)50%,var(--color-primary-alpha-8)100%);z-index:-1;pointer-events:none;position:absolute;inset:0}.header-inner{align-items:center;gap:var(--space-lg);display:flex}.header-logo-link{flex-shrink:0;align-items:center;display:flex}.header-logo{object-fit:contain;width:auto;height:40px}.logo{color:var(--color-white);letter-spacing:1px;box-shadow:none;background:0 0;border-radius:0;padding:8px 0;font-size:26px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.logo:hover{filter:drop-shadow(0 4px 12px var(--color-primary-alpha-30));transform:scale(1.05)}.search-group{background:var(--color-white-alpha-70);border:1px solid var(--color-primary-alpha-25);border-radius:var(--radius-xl);box-shadow:0 4px 16px var(--color-primary-alpha-10),0 2px 6px var(--color-black-alpha-5),inset 0 1px 0 var(--color-white-alpha-90);-webkit-backdrop-filter:blur(12px)saturate(160%);flex:1;align-items:stretch;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:visible}.search-group:focus-within{background:var(--color-white-alpha-85);border-color:var(--color-primary-alpha-50);box-shadow:0 8px 24px var(--color-primary-alpha-15),0 4px 8px var(--color-black-alpha-8),0 0 0 3px var(--color-primary-alpha-10),inset 0 1px 0 var(--color-white-alpha-100);transform:translateY(-2px)}.search-group .search-bar{border:none;flex:1;align-items:center;display:flex}.search-type-tag{background:var(--color-off-white);height:28px;color:var(--color-primary);border-radius:var(--radius-pill);border:1px solid var(--color-primary-alpha-30);white-space:nowrap;align-items:center;gap:6px;margin-left:12px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.search-type-tag svg:first-child{color:var(--color-primary)}.search-type-tag .search-type-tag-close{color:var(--color-gray);cursor:pointer;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:color .2s;display:flex;box-shadow:none!important;background:0 0!important;transform:none!important}.search-type-tag .search-type-tag-close:hover{color:var(--color-dark-gray)}.search-group .search-bar input{font-size:var(--font-size-body);background:0 0;border:none;outline:none;flex:1;padding:12px 16px}.search-group .search-bar input::placeholder{color:var(--color-gray)}.search-group .search-bar button{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);color:var(--color-white);cursor:pointer;font-size:var(--font-size-body);box-shadow:0 2px 8px var(--color-primary-alpha-25);border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-group .search-bar button:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);box-shadow:0 4px 12px var(--color-primary-alpha-35);transform:translateY(-1px)}.search-group .search-bar button:focus-visible{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-20),0 4px 12px var(--color-primary-alpha-30)}.search-group .header-btn-primary{border-left:2px solid var(--color-black-alpha-6);background:linear-gradient(135deg,var(--color-white)0%,var(--color-off-white)100%);color:var(--color-black);font-size:var(--font-size-body);white-space:nowrap;border-radius:0;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-group .header-btn-primary:hover{color:var(--color-accent);background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);transform:none}.search-suggestions{background:var(--color-white-alpha-95);-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:1000;border:1px solid #c7d2fe;border-top:none;border-radius:0 0 12px 12px;max-height:400px;margin-top:-2px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #6366f11f}.search-suggestions.show{display:block}.search-suggestion-section{border-bottom:1px solid #e5e7eb;padding:8px 0}.search-suggestion-section:last-child{border-bottom:none}.search-suggestion-title{color:var(--color-dark-gray);text-transform:uppercase;letter-spacing:.5px;padding:6px 16px;font-size:11px;font-weight:700}.search-suggestion-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:calc(100% - 16px);margin:0 8px;padding:12px 16px;transition:all .2s;display:flex}.search-suggestion-item:hover{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);transform:translate(4px)}.search-suggestion-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-suggestion-item-image{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;overflow:hidden}.search-suggestion-item-image img{object-fit:cover;width:100%;height:100%}.search-suggestion-item-info{flex:1;min-width:0}.search-suggestion-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.search-suggestion-item-meta{color:var(--color-dark-gray);font-size:11px}.search-suggestion-item-price{color:var(--color-accent);font-size:13px;font-weight:700}.search-suggestion-keyword{border-radius:var(--radius-md);align-items:center;gap:4px;margin:0 8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-suggestion-keyword:hover{background:linear-gradient(135deg,var(--color-primary-bg-light)0%,var(--color-primary-bg-medium)100%)}.search-suggestion-keyword-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.search-suggestion-keyword-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-suggestion-keyword-icon{border-radius:var(--radius-md);background:var(--color-off-white);width:28px;height:28px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.search-suggestion-keyword-text{flex:1}.search-suggestion-keyword-remove{cursor:pointer;color:var(--color-text-secondary);opacity:0;background:0 0;border:none;border-radius:50%;align-items:center;padding:6px;transition:opacity .2s;display:flex}.search-suggestion-keyword:hover .search-suggestion-keyword-remove{opacity:1}.search-suggestion-keyword-remove:hover{color:var(--color-text-primary);background:var(--color-primary-alpha-10,#6366f11a)}.search-suggestion-clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:.7rem}.search-suggestion-clear:hover{color:var(--color-text-primary);text-decoration:underline}.search-hints{flex-wrap:wrap;gap:8px;padding:8px 16px;display:flex}.search-hint{color:var(--color-dark-gray);background:var(--color-white-alpha-70);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-2xl);cursor:pointer;border:1px solid var(--color-primary-alpha-15);padding:6px 12px;font-size:11px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-hint:hover{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:var(--color-white);box-shadow:0 4px 12px var(--color-primary-alpha-30);border-color:#0000;transform:translateY(-2px)}.search-hint:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-brand-filters{flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.search-brand-btn{border:1px solid var(--color-primary-alpha-20);border-radius:var(--radius-2xl);background:var(--color-white-alpha-70);-webkit-backdrop-filter:blur(8px);color:var(--color-black);cursor:pointer;padding:6px 12px;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-brand-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg-light-90);color:var(--color-primary)}.search-group{position:relative}.search-bar{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);flex:1;display:flex;overflow:hidden}.search-bar input{font-size:var(--font-size-body);border:none;outline:none;flex:1;padding:12px 16px}.search-bar button{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-hover)100%);color:var(--color-white);cursor:pointer;font-size:var(--font-size-body);box-shadow:0 2px 6px var(--color-accent-alpha-20),0 1px 3px var(--color-black-alpha-8);border:none;padding:12px 20px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar button:hover{background:linear-gradient(135deg,var(--color-accent-hover)0%,var(--color-accent-dark)100%);box-shadow:0 4px 10px var(--color-accent-alpha-25),0 2px 4px var(--color-black-alpha-10);transform:translateY(-1px)}.search-bar button:focus-visible{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-20),0 4px 12px var(--color-primary-alpha-30)}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.header-icon-btn{width:44px;height:44px;color:var(--color-dark-gray);border-radius:var(--radius-xl);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.header-icon-btn:hover{background:var(--color-off-white);color:var(--color-primary)}.header-icon-btn svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.header-icon-btn:hover svg{filter:drop-shadow(0 0 8px #6366f166)brightness(1.1);transform:scale(1.05)}.header-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header-account-link{border-radius:var(--radius-xl);color:var(--color-dark-gray);cursor:pointer;align-items:center;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s;display:inline-flex}.header-account-link:hover{background:var(--color-off-white);color:var(--color-primary)}.header-account-link svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.header-account-link:hover svg{filter:drop-shadow(0 0 8px #6366f166)brightness(1.1);transform:scale(1.05)}.header-account-name{font-size:var(--font-size-tiny);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:600;overflow:hidden}@media (max-width:480px){.header-account-name{display:none}}.header-icon-flag{font-size:24px;line-height:1}.header-icon-badge{background:var(--color-error);min-width:18px;height:18px;color:var(--color-white);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;right:0}.lang-menu-wrapper{position:relative}.lang-chevron{color:var(--color-gray);transition:transform .2s}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);z-index:1000;min-width:140px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001f}.lang-option{border-radius:var(--radius-md);width:100%;font-size:var(--font-size-small);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.lang-option:hover{background:var(--color-off-white)}.lang-option.active{background:var(--color-primary-alpha-10);color:var(--color-primary);font-weight:600}.lang-current{color:var(--color-dark-gray);letter-spacing:.05em;margin-left:2px;font-size:10px;font-weight:700}.lang-icon-spinning{animation:.9s linear infinite spinner-rotate}.lang-abbr{color:var(--color-dark-gray);letter-spacing:.05em;font-size:11px;font-weight:700}.lang-label{flex:1}.notification-wrapper{position:relative}.notification-dropdown{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);z-index:1000;width:320px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001f}.notification-dropdown-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-title{font-size:var(--font-size-body);color:var(--color-text);font-weight:700}.notification-dropdown-badge{font-size:var(--font-size-xs);color:var(--color-dark-gray);background:var(--color-off-white);border-radius:99px;padding:2px 8px}.notification-dropdown-body{padding:var(--space-1)}.notification-dropdown-empty{padding:var(--space-6)var(--space-4);text-align:center;font-size:var(--font-size-small);color:var(--color-gray)}.notification-dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:background .15s;display:flex}.notification-dropdown-item:hover{background:var(--color-off-white)}.notification-dropdown-item-image{border-radius:var(--radius-md);background:var(--color-off-white);flex-shrink:0;width:48px;height:48px;overflow:hidden}.notification-dropdown-item-image img{object-fit:cover;width:100%;height:100%}.notification-dropdown-item-no-image{border-radius:var(--radius-md);background:var(--color-off-white);width:48px;height:48px;font-size:var(--font-size-tiny);color:var(--color-gray);justify-content:center;align-items:center;display:flex}.notification-dropdown-item-info{flex:1;min-width:0}.notification-dropdown-item-name{font-size:var(--font-size-small);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.notification-stock-badge{font-size:var(--font-size-xs);color:#ea580c;background:#fff7ed;border-radius:99px;align-items:center;margin-top:4px;padding:2px 8px;font-weight:600;display:inline-flex}.notification-dropdown-footer{padding:var(--space-3)var(--space-4);border-top:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-footer-note{font-size:var(--font-size-xs);color:var(--color-gray)}.notification-dropdown-footer-link{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600;text-decoration:none}.notification-dropdown-footer-link:hover{text-decoration:underline}.header-btn{border-radius:var(--radius-sm);font-size:var(--font-size-small);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.header-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-15),0 4px 12px var(--color-primary-alpha-20)}.header-btn-primary{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-hover)100%);color:var(--color-white);box-shadow:0 2px 6px var(--color-accent-alpha-25),0 1px 3px var(--color-black-alpha-10);border:none;font-weight:600}.header-btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);box-shadow:0 4px 12px var(--color-primary-alpha-35);transform:translateY(-2px)}.header-btn-primary:focus,.header-btn-primary:focus-visible,.header-btn-primary:active{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-20),0 4px 12px var(--color-primary-alpha-30)}.header-btn-secondary{color:var(--color-black);-webkit-backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #6366f126;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f114,0 1px 3px #0000000a}.header-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 16px #6366f133,0 4px 10px #00000014}.header-btn-secondary svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.header-btn-secondary:hover svg{filter:drop-shadow(0 0 8px #6366f166)brightness(1.1);transform:scale(1.05)}.header-btn .badge-count{background:var(--color-error);color:var(--color-white);font-size:var(--font-size-tiny);border-radius:var(--radius-xl);box-shadow:0 2px 6px var(--color-error-alpha-30);text-align:center;min-width:20px;margin-left:4px;padding:3px 7px;font-weight:700}.user-menu{gap:16px;display:flex}.user-menu a{color:var(--color-black);border:1px solid var(--color-gray);padding:8px 12px;text-decoration:none}.sticky-header-nav{z-index:100;position:sticky;top:0}.nav{z-index:1;background:#fff;border-bottom:1px solid #f9fafb;padding:0;position:relative;box-shadow:0 1px 2px #00000005}.nav .container{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:8px;padding:8px 0;list-style:none;display:flex}.nav-links li{position:relative}.nav-has-dropdown .nav-brands-dropdown{opacity:0;visibility:hidden;z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #e5e7ebf2;border-radius:14px;width:min(380px,100vw - 32px);max-height:min(520px,100vh - 180px);transition:opacity .18s,transform .18s,visibility .18s;display:block;position:absolute;top:100%;left:0;overflow:hidden;transform:translateY(8px);box-shadow:0 18px 40px #1118271f,inset 0 1px #ffffffe6}.nav-has-dropdown .nav-brands-dropdown.has-sub-list{width:min(680px,100vw - 32px);display:block}.nav-has-dropdown:hover .nav-brands-dropdown,.nav-has-dropdown:focus-within .nav-brands-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-brands-dropdown-left{max-height:inherit;background:linear-gradient(#f8fafcfa 0%,#f3f4f6fa 100%);padding:14px;overflow-y:auto}.nav-brands-dropdown.has-sub-list .nav-brands-dropdown-left{width:min(300px,100%)}.nav-brand-mega-title{color:#4b5563;letter-spacing:0;align-items:center;gap:8px;margin:2px 4px 12px;font-size:13px;font-weight:700;display:flex}.nav-brand-parent-list{flex-direction:column;gap:6px;display:flex}.nav-brand-group{border-radius:10px;position:static}.nav-brand-parent-item{color:#1f2937;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 10px 10px 12px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.nav-brand-parent-item:hover,.nav-brand-parent-item:focus-visible,.nav-brand-group:hover .nav-brand-parent-item,.nav-brand-group:focus-within .nav-brand-parent-item{color:#4f46e5;background:#fff;border-color:#e0e7ff;outline:none;box-shadow:0 6px 18px #4f46e514}.nav-brands-dropdown.has-sub-list:not(:has(.nav-brand-group:hover,.nav-brand-group:focus-within)) .nav-brand-group.default-active .nav-brand-parent-item{color:#4f46e5;background:#fff;border-color:#e0e7ff;outline:none;box-shadow:0 6px 18px #4f46e514}.nav-brand-parent-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-brand-parent-chevron{opacity:.9;flex-shrink:0;transition:transform .18s}.nav-brand-parent-item:hover .nav-brand-parent-chevron,.nav-brand-parent-item:focus-visible .nav-brand-parent-chevron,.nav-brand-group:hover .nav-brand-parent-chevron,.nav-brand-group:focus-within .nav-brand-parent-chevron{transform:translate(2px)}.nav-brands-dropdown.has-sub-list:not(:has(.nav-brand-group:hover,.nav-brand-group:focus-within)) .nav-brand-group.default-active .nav-brand-parent-chevron{transform:translate(2px)}.nav-brand-sub-list{max-height:inherit;flex-direction:column;gap:4px;margin:0;padding:48px 14px 14px 6px;display:none;position:absolute;inset:0 0 0 300px;overflow-y:auto}.nav-brand-group:hover .nav-brand-sub-list,.nav-brand-group:focus-within .nav-brand-sub-list{display:flex}.nav-brands-dropdown.has-sub-list:not(:has(.nav-brand-group:hover,.nav-brand-group:focus-within)) .nav-brand-group.default-active .nav-brand-sub-list{display:flex}.nav-brand-sub-item{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:8px;min-height:40px;padding:9px 10px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;display:block;overflow:hidden}.nav-brand-sub-item:hover,.nav-brand-sub-item:focus-visible{color:#4f46e5;background:#fff;border-color:#e0e7ff;outline:none}.nav-link-label{align-items:center;display:inline-flex}.nav-link-chevron{margin-left:2px;transition:transform .18s}.nav-has-dropdown:hover .nav-link-chevron,.nav-has-dropdown:focus-within .nav-link-chevron{transform:rotate(180deg)}.nav-links a{color:#1f2937;letter-spacing:.01em;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link-icon{flex-shrink:0;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-icon-home{color:#6366f1}.nav-icon-new{color:#ef4444}.nav-icon-ranking{color:#f59e0b}.nav-icon-campaign{color:#ec4899}.nav-icon-category{color:#10b981}.nav-icon-brand{color:#8b5cf6}.nav-links a:hover .nav-link-icon{transform:scale(1.1)}.nav-links a.active .nav-link-icon{transform:scale(1.05)}.nav-links a:after{content:"";background:var(--color-primary);border-radius:3px 3px 0 0;width:0;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover{color:#111827}.nav-links a:hover:after{width:70%}.nav-links a:focus-visible{color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f133,0 2px 8px #6366f11a}.nav-links a:focus-visible:after{width:100%}.nav-links a.active{color:var(--color-primary);background:#6366f10f;font-weight:600}.nav-links a.active:after{background:var(--color-primary);width:100%}.breadcrumb{padding:var(--space-md)0;font-size:var(--font-size-small)}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-link{color:var(--color-dark-gray);border-radius:var(--radius-sm);align-items:center;padding:4px 8px;text-decoration:none;transition:all .2s;display:inline-flex}.breadcrumb-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.breadcrumb-home{padding:6px}.breadcrumb-separator{width:16px;height:16px;color:var(--color-gray);flex-shrink:0}.breadcrumb-current{color:var(--color-black);padding:4px 8px;font-weight:500}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.breadcrumb>span{color:var(--color-gray);margin:0 var(--space-xs)}.breadcrumb .current{color:var(--color-black);font-weight:500}.wireframe-box{background:var(--color-light-gray);border:2px dashed var(--color-gray);color:var(--color-dark-gray);justify-content:center;align-items:center;font-size:14px;display:flex}.section-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700}.section-link{color:var(--color-black);font-size:14px;text-decoration:none}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.product-card{-webkit-backdrop-filter:blur(12px)saturate(150%);padding:var(--space-md);color:inherit;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;flex-direction:column;height:100%;min-height:280px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.product-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,0 2px 8px #6366f114,inset 0 1px #ffffffe6}.product-card-link{color:inherit;flex-direction:column;flex:1;align-items:stretch;text-decoration:none;display:flex}.product-card-badges{z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.product-card-link .badge{align-self:flex-start}.product-card-image{height:180px;margin-bottom:var(--space-4);padding:var(--space-4);color:var(--color-dark-gray);background:linear-gradient(135deg,#f9fafbf2 0%,#f3f4f6e6 100%);border:1px solid #6366f114;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,inset 0 1px #fffc}.product-card-image img{object-fit:contain;max-width:100%;max-height:100%}.product-card-brand{color:#6b7280;margin-bottom:var(--space-2);letter-spacing:.01em;font-size:12px;font-weight:600}.product-card-name{font-size:var(--text-sm);margin-bottom:var(--space-xs);color:#111827;letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-price{font-size:var(--text-lg);margin-top:auto;margin-bottom:var(--space-xs);color:var(--color-brand-primary);font-variant-numeric:tabular-nums;font-weight:700}.product-card-meta{font-size:var(--text-xs);color:var(--color-dark-gray);flex-direction:column;gap:4px;display:flex}.competitor-count{font-size:var(--font-size-small);color:var(--color-dark-gray);align-items:center;gap:4px;display:inline-flex}.competitor-count:before{content:"🏪";font-size:12px}.competitor-count.low{color:var(--color-success);font-weight:600}.competitor-count.medium{color:var(--color-warning)}.competitor-count.high{color:var(--color-dark-gray)}.product-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-card-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.product-card-footer .btn-sm{flex-shrink:0}.badge{letter-spacing:.02em;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 1px 3px #00000026}.page-layout{grid-template-columns:240px 1fr;gap:24px;padding:24px 0;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);display:grid}.page-layout:has(.category-search:focus-within){grid-template-columns:360px 1fr}.sidebar{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-lg);height:fit-content;box-shadow:0 1px 3px var(--color-black-alpha-6)}.sidebar-section{margin-bottom:var(--space-lg)}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{color:var(--color-black);border-bottom:2px solid var(--color-off-white);letter-spacing:.02em;margin-bottom:12px;padding-bottom:10px;font-size:14px;font-weight:700}.sidebar-list{list-style:none}.sidebar-list li{border-bottom:none}.sidebar-list a{white-space:nowrap;text-overflow:ellipsis;color:var(--color-dark-gray);border-radius:var(--radius-sm);border-left:3px solid #0000;flex-wrap:nowrap;align-items:center;gap:8px;padding:9px 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.sidebar-list a:hover{background:var(--color-off-white);color:var(--color-black)}.sidebar-list a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#eef2ff;font-weight:600}.sidebar-list .highlight{color:var(--color-success);font-weight:600}.sidebar-list .highlight:hover{background:var(--color-success-alt-alpha-10);color:var(--color-success)}.sidebar-list li.subcategory{margin-left:20px}.sidebar-list li.subcategory a{color:var(--color-gray);border-left-color:#0000;padding:7px 12px;font-size:12.5px}.sidebar-list li.subcategory a:hover{color:var(--color-black);background:var(--color-off-white)}.sidebar-list li.subcategory a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#eef2ff;font-weight:600}.sidebar-count{color:var(--color-gray);background:var(--color-off-white);border-radius:var(--radius-xl);flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:11px}.sidebar-count.highlight{background:var(--color-success-alt-alpha-15);color:var(--color-success)}.sidebar-count.hot{background:var(--color-primary-alpha-15);color:var(--color-accent)}.sidebar-count.new{background:var(--color-info-alpha-15);color:var(--color-info)}.sidebar-badge{border-radius:var(--radius-sm);margin-left:4px;padding:2px 6px;font-size:10px;display:inline-block}.sidebar-badge.chance{background:var(--color-success);color:var(--color-white)}.sidebar-more{font-size:12px;color:var(--color-accent)!important}.sidebar-more:hover{text-decoration:underline}.main-content{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--color-black-alpha-6);padding:24px}.info-box{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);background:var(--color-off-white);margin-bottom:16px;padding:16px}.info-box-title{border-bottom:1px solid var(--color-light-gray);margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700}.info-row{border-bottom:1px solid var(--color-off-white);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-gray-600)}.info-value{font-weight:500}.info-value.highlight{color:var(--color-danger);font-weight:700}.info-value.positive{color:var(--color-success);font-weight:700}.btn{border:1px solid var(--color-dark-gray);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-black);font-size:var(--text-sm);cursor:pointer;text-align:center;transition:all var(--transition-base);padding:12px 24px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--color-off-white);border-color:var(--color-black);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-15),0 4px 12px var(--color-primary-alpha-20)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);border-color:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-alpha-35);transform:translateY(-1px)}.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:active{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);border-color:var(--color-primary-hover);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-20),0 4px 12px var(--color-primary-alpha-30)}.btn-secondary{background:var(--color-white);color:var(--color-dark-gray);border:1px solid var(--color-light-gray);transition:all .2s}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-15),0 4px 12px var(--color-primary-alpha-20)}.btn-large{padding:16px 32px;font-size:16px}.btn-block{width:100%;display:block}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-light-gray)}.table th{background:var(--color-off-white);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark-gray)}.table td{font-size:var(--text-sm)}.ranking-number{width:36px;height:36px;font-weight:700;font-size:var(--font-size-body);background:var(--color-off-white);color:var(--color-dark-gray);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ranking-number.top-3{background:var(--color-accent);color:var(--color-white)}.page-title{font-size:var(--text-3xl);margin-bottom:var(--space-lg);letter-spacing:-.02em;font-weight:700}@media (max-width:768px){.page-title{font-size:var(--text-xl);margin-top:var(--space-md);margin-bottom:var(--space-md)}}.page-title-row{margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.page-title-row .page-title{margin-bottom:0}.page-title-count{color:#6b7280;letter-spacing:0;margin-left:12px;font-size:14px;font-weight:500}.page-title-actions{align-items:center;gap:8px;display:flex}.page-title-actions button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.page-title-actions button:hover{color:#374151;background:#f3f4f6}.page-title-actions button.active{color:#6366f1;background:#eef2ff;font-weight:600}@media (max-width:768px){.page-title-row{flex-direction:column;align-items:stretch;gap:10px}.page-title-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.page-title-actions::-webkit-scrollbar{display:none}.page-title-actions button{flex-shrink:0;padding:6px 10px;font-size:12px}}.page-container{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.page-header-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:20px 24px;display:flex}.page-header-info{align-items:center;gap:14px;display:flex}.page-header-info svg{color:var(--color-brand-primary);flex-shrink:0}.page-header-info h1{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.page-header-desc{color:#64748b;margin:2px 0 0;font-size:13px}@media (max-width:640px){.page-header-card{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 18px}.page-header-info h1{font-size:20px}}.info-notice{background:var(--color-white-alpha-70);-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--color-accent-alpha-30);border-left:4px solid var(--color-accent);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 16px var(--color-accent-alpha-8),0 2px 6px var(--color-black-alpha-4),inset 0 1px 0 var(--color-white-alpha-80);transition:all .3s cubic-bezier(.4,0,.2,1)}.info-notice:hover{border-color:var(--color-accent-alpha-50);box-shadow:0 6px 24px var(--color-accent-alpha-12),0 4px 8px var(--color-black-alpha-6),inset 0 1px 0 var(--color-white-alpha-100);transform:translateY(-2px)}.info-notice-title{color:var(--color-accent);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:700;display:flex}.info-notice p{font-size:var(--font-size-small);color:var(--color-dark-gray);margin:0;line-height:1.7}.info-notice strong{color:var(--color-black);font-weight:600}.info-notice-green{background:var(--color-white-alpha-70);-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--color-success-alpha-30);border-left:4px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 16px var(--color-success-alpha-8),0 2px 6px var(--color-black-alpha-4),inset 0 1px 0 var(--color-white-alpha-80);transition:all .3s cubic-bezier(.4,0,.2,1)}.info-notice-green:hover{border-color:var(--color-success-alpha-50);box-shadow:0 6px 24px var(--color-success-alpha-12),0 4px 8px var(--color-black-alpha-6),inset 0 1px 0 var(--color-white-alpha-100);transform:translateY(-2px)}.info-notice-green .info-notice-title{color:var(--color-success);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:700;display:flex}.info-notice-green p{font-size:var(--font-size-small);color:var(--color-dark-gray);margin:0;line-height:1.7}.info-notice-green ul{margin-top:var(--space-sm);font-size:var(--font-size-small);color:var(--color-dark-gray);padding-left:20px;line-height:1.7}.info-notice-green li{margin-bottom:var(--space-xs)}.info-notice-green strong{color:var(--color-black);font-weight:600}.info-notice-blue{background:var(--color-white-alpha-70);-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--color-info-alpha-30);border-left:4px solid var(--color-info);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 16px var(--color-info-alpha-8),0 2px 6px var(--color-black-alpha-4),inset 0 1px 0 var(--color-white-alpha-80);transition:all .3s cubic-bezier(.4,0,.2,1)}.info-notice-blue:hover{border-color:var(--color-info-alpha-50);box-shadow:0 6px 24px var(--color-info-alpha-12),0 4px 8px var(--color-black-alpha-6),inset 0 1px 0 var(--color-white-alpha-100);transform:translateY(-2px)}.info-notice-blue .info-notice-title{color:var(--color-info);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:700;display:flex}.info-notice-blue p{font-size:var(--font-size-small);color:var(--color-dark-gray);margin:0;line-height:1.7}.info-notice-blue strong{color:var(--color-black);font-weight:600}.info-notice-purple{background:var(--color-white-alpha-70);-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--color-primary-alpha-30);border-left:4px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 16px var(--color-primary-alpha-8),0 2px 6px var(--color-black-alpha-4),inset 0 1px 0 var(--color-white-alpha-80);transition:all .3s cubic-bezier(.4,0,.2,1)}.info-notice-purple:hover{border-color:var(--color-primary-alpha-50);box-shadow:0 6px 24px var(--color-primary-alpha-12),0 4px 8px var(--color-black-alpha-6),inset 0 1px 0 var(--color-white-alpha-100);transform:translateY(-2px)}.info-notice-purple .info-notice-title{color:var(--color-primary);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:700;display:flex}.info-notice-purple p{font-size:var(--font-size-small);color:var(--color-dark-gray);margin:0;line-height:1.7}.sort-bar{margin-top:var(--space-lg);padding:var(--space-sm)0;justify-content:space-between;align-items:center;display:flex}.sort-bar-label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.period-selector-label{font-size:var(--font-size-body);margin-right:var(--space-sm)}.date-group .product-grid{margin-top:var(--space-md);margin-bottom:var(--space-sm)}.date-divider{align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-bottom:var(--space-sm);display:flex}.date-divider:after{content:"";background:linear-gradient(to right,var(--color-gray-300),transparent);flex:1;height:2px}.date-divider-label{font-size:var(--font-size-base);color:var(--color-gray-900);white-space:nowrap;letter-spacing:.02em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.date-divider-count{font-size:var(--font-size-small);color:var(--color-gray-600);font-weight:600}.date-group:first-child .date-divider{margin-top:var(--space-sm)}.product-grid{column-gap:var(--space-md);row-gap:var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.pagination{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);display:flex}.pagination a,.pagination span{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);color:var(--color-dark-gray);font-size:var(--font-size-small);text-align:center;background:var(--color-white);min-width:40px;padding:8px 14px;text-decoration:none;transition:all .2s}.pagination a:hover{background:var(--color-off-white);border-color:var(--color-accent);color:var(--color-accent)}.pagination .active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);font-weight:600}.pagination .next{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);padding:8px 16px}.pagination .next:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);border-color:var(--color-primary-hover);color:var(--color-white)}.pagination .next:focus,.pagination .next:focus-visible,.pagination .next:active{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);border-color:var(--color-primary-hover);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-alpha-20)}.footer{color:var(--color-white);border-top:2px solid var(--color-brand-primary);background:#111827;margin-top:48px}.footer-inner{flex-direction:column;padding:32px 0 24px;display:flex}.footer-top{justify-content:space-between;align-items:center;display:flex}.footer-brand{align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:flex}.footer-brand:hover{opacity:.8}.footer-brand img{filter:brightness(1.6)saturate(1.2)}.footer-brand-name{color:var(--color-white);letter-spacing:.02em;font-size:15px;font-weight:700}.footer-links{align-items:center;gap:8px;display:flex}.footer-links a{color:#ffffffb3;border-radius:4px;padding:4px 12px;font-size:13px;text-decoration:none;transition:color .2s,background .2s}.footer-links a:hover{color:var(--color-white);background:#ffffff14}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px}.footer-copyright{color:#fff6;margin:0;font-size:12px}body.no-footer .footer{display:none}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.comparison-table{border-collapse:collapse;width:100%;margin-top:12px}.comparison-table th,.comparison-table td{text-align:left;border:1px solid var(--color-light-gray);padding:12px}.comparison-table th{background:var(--color-off-white);font-size:13px}.comparison-table .jam-price{background:var(--color-success-light)}.comparison-table .best{color:var(--color-success);font-weight:700}.margin-calculator{background:var(--color-off-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:16px}.margin-result{color:var(--color-success);margin-top:8px;font-size:24px;font-weight:700}.trend-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);background:var(--color-accent-light);border:var(--border-width)solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-small);color:var(--color-warning);font-weight:700;display:inline-flex}.filter-bar{gap:var(--space-md);padding:var(--space-md);background:var(--color-off-white);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex}.filter-group{align-items:center;gap:var(--space-sm);display:flex}.filter-group label{font-size:var(--font-size-small);color:var(--color-dark-gray);font-weight:500}.filter-group select{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--font-size-small);background:var(--color-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:8px 32px 8px 12px;transition:border-color .2s}.filter-group select:hover{border-color:var(--color-gray)}.filter-group select:focus{border-color:var(--color-accent);outline:none}.brand-combobox{position:relative}.brand-combobox-icon{color:var(--color-gray);pointer-events:none;z-index:1;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.brand-combobox-input{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--font-size-small);background:var(--color-white);cursor:pointer;width:100%;min-width:180px;padding:8px 32px 8px 30px;transition:border-color .2s}.brand-combobox-clear{background:var(--color-light-gray);width:20px;height:20px;color:var(--color-dark-gray);cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.brand-combobox-clear:hover{background:var(--color-gray);color:var(--color-white)}.brand-combobox-input:hover{border-color:var(--color-gray)}.brand-combobox-input:focus{border-color:var(--color-accent);outline:none}.brand-combobox-list{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);z-index:20;max-height:240px;margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.brand-combobox-list button{text-align:left;width:100%;font-size:var(--font-size-small);color:var(--color-dark-gray);cursor:pointer;background:0 0;border:none;padding:8px 12px;transition:background .15s;display:block}.brand-combobox-list button:hover{background:var(--color-off-white)}.brand-combobox-list button.active{color:var(--color-primary);font-weight:600}.brand-combobox-empty{font-size:var(--font-size-small);color:var(--color-gray);text-align:center;padding:8px 12px}@keyframes img-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.img-shimmer:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 25%,#ffffff80 50%,#0000 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite img-shimmer;position:absolute;inset:0}.price-restricted{color:var(--color-gray);white-space:nowrap;align-items:center;gap:4px;font-weight:500;display:inline-flex}.sort-bar{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.result-count{font-size:var(--font-size-body);color:var(--color-dark-gray)}.result-count strong{color:var(--color-black)}.sort-options{align-items:center;gap:var(--space-xs);display:flex}.sort-options a,.sort-options button{font-size:var(--font-size-small);color:var(--color-dark-gray);border-radius:var(--radius-2xl);cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;padding:6px 12px;text-decoration:none;transition:all .2s;display:inline-flex}.sort-options a:hover,.sort-options button:hover{background:var(--color-off-white);color:var(--color-black)}.sort-options a.active,.sort-options button.active{background:var(--color-white);color:var(--color-accent);border:2px solid var(--color-accent);font-weight:600}.ranking-logic{background:var(--color-off-white);border:1px solid var(--color-light-gray);margin-bottom:24px;padding:16px;font-size:13px}.ranking-logic strong{margin-bottom:8px;display:block}.period-selector{align-items:center;gap:8px;margin-bottom:24px;display:flex}.period-selector button{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-dark-gray);cursor:pointer;padding:8px 16px;font-size:13px;transition:all .2s}.period-selector button:hover{border-color:var(--color-primary);color:var(--color-primary)}.period-selector button.active{background:var(--color-primary-light);color:var(--color-primary);border:2px solid var(--color-primary);font-weight:600}.btn-analyze{background:var(--color-white);width:100%;color:var(--color-dark-gray);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);text-align:center;cursor:pointer;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.btn-analyze:hover{background:var(--color-off-white);border-color:var(--color-gray);color:var(--color-black)}.btn-analyze.btn-analyze-sm{margin-top:0;padding:6px 8px;font-size:11px}.btn-analyze:before{content:"🎯 "}.btn-decision-tool{background:linear-gradient(135deg,var(--color-info)0%,var(--color-info-dark)100%);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 4px var(--color-info-alpha-30);border:none;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-decision-tool:hover{background:linear-gradient(135deg,var(--color-info)0%,var(--color-info-dark)100%);box-shadow:0 4px 8px var(--color-info-alpha-40);transform:translateY(-1px)}.btn-decision-tool:before{content:""}.chance-area{border:1px solid var(--color-light-gray);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--color-black-alpha-6);background:linear-gradient(135deg,#f8f9fa 0%,#e8f4f8 100%);margin-bottom:32px;padding:24px}.chance-area-header{border-bottom:1px solid var(--color-light-gray);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.chance-area-header h2{font-size:22px;font-weight:700}.chance-area-header span{color:var(--color-dark-gray);font-size:14px}.chance-section{margin-bottom:28px}.chance-section:last-child{margin-bottom:0}.chance-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chance-section-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.chance-section-subtitle{color:var(--color-gray-600);margin-left:8px;font-size:12px;font-weight:400}.chance-badge{border-radius:var(--radius-sm);margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.chance-badge.low-competition{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.chance-badge.trending{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent)}.chance-badge.high-margin{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.price-comparison{align-items:center;gap:8px;margin-bottom:4px;display:flex}.price-comparison .jam-price{color:var(--color-gray-900);font-size:18px;font-weight:700}.price-comparison .market-price{color:var(--color-gray-500);font-size:13px;text-decoration:line-through}.verdict-area{border-bottom:1px solid var(--color-light-gray);padding:24px}.verdict-main{text-align:center;margin-bottom:20px}.verdict-main .verdict-symbol{margin-right:12px;font-size:36px}.verdict-main .verdict-label{font-size:24px;font-weight:700}.verdict-indicators{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.verdict-indicator{text-align:center;padding:var(--space-md);border:var(--border-width-thick)solid var(--color-light-gray);border-radius:var(--radius-md);position:relative}.verdict-indicator.is-deciding{border-width:3px}.verdict-indicator.rank-excellent{background:var(--color-success-bg);border-color:var(--color-success)}.verdict-indicator.rank-good{background:var(--color-info-bg);border-color:var(--color-info)}.verdict-indicator.rank-caution,.verdict-indicator.rank-warning{background:var(--color-warning-bg);border-color:var(--color-warning)}.verdict-indicator-header{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.verdict-indicator-name{font-size:var(--font-size-body);color:var(--color-black);font-weight:700}.verdict-indicator.rank-excellent .verdict-indicator-rank{color:var(--color-success)}.verdict-indicator.rank-good .verdict-indicator-rank{color:var(--color-info)}.verdict-indicator.rank-caution .verdict-indicator-rank,.verdict-indicator.rank-warning .verdict-indicator-rank{color:var(--color-warning)}.verdict-indicator-value{font-size:var(--font-size-h3);margin-bottom:var(--space-xs);font-weight:700}.verdict-indicator-threshold{font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.verdict-deciding-marker{color:var(--color-dark-gray);flex-direction:column;align-items:center;font-size:11px;display:flex;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.verdict-deciding-marker:before{content:"▲";font-size:10px}.verdict-logic-note{text-align:center;color:var(--color-dark-gray);margin-top:24px;font-size:12px}.chatbot-button{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);cursor:pointer;width:56px;height:56px;box-shadow:0 4px 12px var(--color-primary-alpha-40);color:var(--color-white);z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:fixed;bottom:24px;right:24px}.chatbot-button:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-dark)100%);box-shadow:0 6px 16px var(--color-primary-alpha-50);transform:scale(1.1)}.chatbot-button .badge{background:var(--color-error);color:var(--color-white);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.toast-container{z-index:10000;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-light-gray);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--color-black-alpha-15);font-size:var(--font-size-body);align-items:center;gap:8px;min-width:320px;max-width:400px;padding:16px 20px;animation:.3s ease-out toastIn;display:flex}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-warning)}.toast-icon{font-size:20px}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.purchase-price-box .purchase-price-row{justify-content:space-between;align-items:center;display:flex}.purchase-price-box .purchase-price-label{font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.purchase-price-box .purchase-price-note{color:var(--color-success);margin-left:var(--space-xs);font-size:10px}.purchase-price-box .purchase-price-original{color:var(--color-gray);font-size:var(--font-size-tiny);text-decoration:line-through}.purchase-price-box .purchase-price-value{font-size:var(--font-size-h3);color:var(--color-success);margin-left:var(--space-xs);font-weight:700}.price-btn-section{margin-bottom:var(--space-md)}.price-btn-section-label{font-size:var(--font-size-tiny);color:var(--color-dark-gray);margin-bottom:var(--space-sm)}.price-btn-group{gap:var(--space-sm);display:flex}.price-select-btn{padding:var(--space-sm)var(--space-xs);border:1px solid var(--color-light-gray);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;text-align:center;box-shadow:0 1px 3px var(--color-black-alpha-5);flex:1;transition:all .2s;position:relative}.price-select-btn:hover{border-color:var(--color-gray);box-shadow:0 2px 6px var(--color-black-alpha-10)}.price-select-btn.amazon{border-color:#a5d6a7}.price-select-btn.rakuten{border-color:#90caf9}.price-select-btn.market{border-color:#a5d6a7}.price-select-btn.selected{border-width:2px;border-color:var(--color-success);background:linear-gradient(135deg,var(--color-success-bg)0%,var(--color-success-light)100%);box-shadow:0 2px 8px var(--color-success-alpha-20)}.price-select-btn .selected-badge{background:var(--color-success);color:var(--color-white);border-radius:var(--radius-lg);padding:2px 8px;font-size:9px;font-weight:700;display:none;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.price-select-btn .btn-platform{color:var(--color-dark-gray);margin-bottom:2px;font-size:10px}.price-select-btn.selected .btn-platform{color:var(--color-success);font-weight:700}.price-select-btn .btn-price{font-size:15px;font-weight:700}.price-select-btn.selected .btn-price{color:var(--color-success)}.price-select-btn .btn-margin{margin-top:var(--space-xs)}.margin-badge{border-radius:var(--radius-xl);font-size:var(--font-size-tiny);padding:2px 8px;font-weight:700;display:inline-block}.selling-price-input input{padding:var(--space-sm);border:2px solid var(--color-black);border-radius:var(--radius-sm);font-size:var(--font-size-body);text-align:right;flex:1;font-weight:700}.selling-price-input .unit{font-size:var(--font-size-small);color:var(--color-dark-gray)}.margin-result-box{background:linear-gradient(135deg,var(--color-success-bg)0%,var(--color-success-light)100%);padding:var(--space-md);border-radius:var(--radius-md);text-align:center}.margin-result-box .margin-result-label{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-xs)}.margin-result-box .margin-result-amount{color:var(--color-success);font-size:28px;font-weight:700}.margin-result-box .margin-result-rate{font-size:var(--font-size-h3);color:var(--color-success);font-weight:700}.margin-result-box .margin-result-diff{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-left:var(--space-sm)}.selling-signals-header .signal-icon{font-size:20px}.selling-signals-header .signal-title{font-size:var(--font-size-body);font-weight:700}.selling-signals-header .signal-subtitle{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-left:var(--space-sm)}.signal-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:0 2px 8px var(--color-black-alpha-6);transition:box-shadow .2s,transform .2s}.signal-card:hover{box-shadow:0 4px 12px var(--color-black-alpha-10);transform:translateY(-2px)}.signal-card.red{border-left:3px solid var(--color-danger)}.signal-card.cosme{border-left:3px solid var(--color-brand-primary)}.signal-card.jam{border-left:3px solid var(--color-accent)}.signal-card-badge{padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-tiny);border-radius:var(--radius-sm);color:var(--color-white);font-weight:700}.signal-card.red .signal-card-badge{background:var(--color-danger)}.signal-card.cosme .signal-card-badge{background:var(--color-brand-primary)}.signal-card.jam .signal-card-badge{background:var(--color-black)}.signal-card-name{font-size:var(--font-size-body);font-weight:700}.signal-card-main .stat-label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.signal-card-main .stat-value{font-size:var(--font-size-h2);font-weight:700}.signal-card.red .signal-card-main .stat-value{color:var(--color-danger)}.signal-card.cosme .signal-card-main .stat-value{color:var(--color-brand-primary)}.signal-card.jam .signal-card-main .stat-value{color:var(--color-accent)}.signal-card-sub{text-align:right}.signal-card-sub .stat-label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.signal-card-sub .stat-value{font-size:var(--font-size-body);color:var(--color-success);font-weight:700}.signal-card-detail{padding:var(--space-sm);border-radius:var(--radius-sm);justify-content:space-between;display:flex}.signal-card.red .signal-card-detail{background:#fff3f3}.signal-card.cosme .signal-card-detail{background:var(--color-primary-light)}.signal-card.jam .signal-card-detail{background:var(--color-off-white)}.signal-card-detail .detail-label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.signal-card-detail .detail-value{font-size:var(--font-size-small);color:var(--color-success);font-weight:700}.signal-card-trend{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-success-bg);border-radius:var(--radius-sm);text-align:center}.signal-card-trend span{font-size:var(--font-size-tiny);color:var(--color-success);font-weight:700}.signal-card-note{margin-top:var(--space-sm);font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.signal-summary{margin-top:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--color-info-bg);border-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);display:flex}.signal-summary .summary-icon{font-size:var(--font-size-body)}.signal-summary .summary-text{font-size:var(--font-size-small);color:var(--color-info)}.signal-summary .summary-text strong{font-weight:700}.accordion-section{border-top:1px solid var(--color-light-gray);background:var(--color-white)}.accordion-header{padding:var(--space-md)var(--space-xl);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.accordion-header-left{align-items:center;gap:var(--space-sm);display:flex}.accordion-header-icon{font-size:20px}.accordion-header-title{font-size:var(--font-size-body);font-weight:700}.accordion-header-subtitle{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-left:var(--space-sm)}.accordion-header-badge{font-size:var(--font-size-tiny);border-radius:var(--radius-xl);margin-left:var(--space-sm);padding:2px 8px}.accordion-header-badge.highlight{color:var(--color-white);background:var(--color-accent)}.accordion-header-badge.muted{color:var(--color-gray);background:var(--color-light-gray)}.accordion-header-meta{font-size:var(--font-size-small);color:var(--color-dark-gray)}.accordion-toggle-hint{font-size:var(--font-size-small);color:var(--color-info)}.accordion-toggle-icon{color:var(--color-dark-gray);font-size:18px;transition:transform .3s}.accordion-content{padding:0 var(--space-xl)var(--space-lg)var(--space-xl);display:none}.mobile-menu-toggle{cursor:pointer;width:44px;height:44px;color:var(--color-dark-gray);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s;display:none}.mobile-menu-toggle:hover{background:var(--color-off-white);color:var(--color-black)}.mobile-menu-toggle svg{width:24px;height:24px}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.nav-links a{white-space:nowrap;gap:6px;padding:10px 12px;font-size:13px}.nav-link-icon{width:18px;height:18px}}@media (max-width:768px){.grid-4,.grid-3,.product-grid{grid-template-columns:repeat(2,1fr)}.verdict-indicators,.signal-cards,.page-layout{grid-template-columns:1fr}.chatbot-button{bottom:calc(64px + env(safe-area-inset-bottom))}.footer-top{flex-direction:column;align-items:flex-start;gap:16px}.footer-links{gap:4px}.footer-links a{padding:4px 8px}.mobile-menu-toggle{order:-1;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-logo-link{display:none}.header-inner{flex-wrap:wrap;gap:0}.search-group{flex:1;order:0;margin-top:0}.header-actions{display:none}.header-actions.mobile-visible{justify-content:center;gap:var(--space-md);margin-top:var(--space-sm);flex-basis:100%;order:4;display:flex}.nav{border-bottom:1px solid #0000000f;display:block}.nav .container{padding:0}.nav .nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0;padding:0 8px;overflow:auto hidden}.nav .nav-links::-webkit-scrollbar{display:none}.nav .nav-links a{white-space:nowrap;gap:4px;padding:10px 14px;font-size:13px}.nav .nav-links a:after,.nav .nav-brands-dropdown,.nav .nav-link-chevron{display:none}.mobile-menu-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mobile-menu-logo{align-items:center;display:flex}.mobile-menu-logo img{width:auto;height:36px}.nav.mobile-open{background:var(--color-white);z-index:999;border-bottom:none;padding-top:0;position:fixed;inset:0;overflow-y:auto}.nav.mobile-open .container{padding:0}.nav.mobile-open .nav-links{flex-direction:column;padding:0;overflow-x:visible}.nav.mobile-open .nav-links a{border-bottom:1px solid var(--color-light-gray);white-space:normal;min-height:44px;font-size:var(--font-size-body);padding:16px 20px}.nav.mobile-open .nav-brands-dropdown{display:none}.mobile-menu-close{cursor:pointer;width:44px;height:44px;color:var(--color-dark-gray);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:static}.mobile-menu-close:hover{background:var(--color-off-white);color:var(--color-black)}.mobile-menu-close svg{width:24px;height:24px}.sort-options{gap:var(--space-xs);flex-wrap:wrap}.sort-options a,.sort-options button{min-height:44px;padding:10px 14px;font-size:13px}.filter-bar{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column}.filter-group{width:100%}.filter-group select{width:100%;min-height:44px}.category-card:hover,.product-card:hover,.signal-card:hover,.info-notice:hover,.info-notice-green:hover,.info-notice-blue:hover,.info-notice-purple:hover,.empty-state-action:hover,.order-state-btn.primary:hover{transform:none}.search-suggestion-keyword-remove{opacity:1;padding:12px}.search-suggestion-clear{padding:8px 12px;font-size:13px}}@media (max-width:480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--space-sm)}.header-logo{height:32px}.sort-options{-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs);flex-wrap:nowrap;overflow-x:auto}.sort-options a,.sort-options button{flex-shrink:0}}.category-search{background:var(--color-off-white);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;transition:background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex}.category-search:focus-within{background:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-primary-alpha-30)}.category-search input{font-size:var(--font-size-body);color:var(--color-black);background:0 0;border:none;outline:none;flex:1}.category-search input:focus-visible{box-shadow:none}.category-search input::placeholder{color:var(--color-gray)}.category-search button{color:var(--color-gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.category-search button:hover{color:var(--color-black)}.category-search button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.category-search.has-draft{box-shadow:inset 0 0 0 1px var(--color-primary-alpha-50)}.category-search.is-filtered{background:#eef2ff}.category-search.is-filtered>svg:first-child{color:var(--color-brand-primary)}.category-parent{align-items:center;gap:2px;display:flex}.category-parent a{flex:1;min-width:0}.category-toggle{cursor:pointer;width:28px;height:28px;color:var(--color-gray);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.category-toggle:hover{color:var(--color-black);background:var(--color-off-white)}.category-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subcategory-list{margin:0 0 4px;padding:0;list-style:none}.category-no-results{text-align:center;color:var(--color-gray);font-size:var(--font-size-body);padding:16px}@media (max-width:768px){.sidebar{display:none}.mobile-filter-toggle{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.mobile-filter-toggle:hover{background:var(--color-primary-dark)}.sidebar-drawer{z-index:1000;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar-drawer.open{pointer-events:auto}.drawer-overlay{opacity:0;background:#00000080;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.sidebar-drawer.open .drawer-overlay{opacity:1}.drawer-content{background:var(--color-white);width:280px;max-width:85vw;height:100%;padding:16px;transition:transform .3s;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar-drawer.open .drawer-content{transform:translate(0)}.drawer-close{cursor:pointer;color:var(--color-gray);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;transition:color .2s;display:flex;position:absolute;top:16px;right:16px}.drawer-close:hover{color:var(--color-black)}}@media (min-width:769px){.mobile-filter-toggle,.sidebar-drawer{display:none}}.skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-text,.skeleton-badge,.skeleton-image,.skeleton-button{background:linear-gradient(90deg,var(--color-light-gray)0%,var(--color-off-white)50%,var(--color-light-gray)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-badge{border-radius:var(--radius-md);width:100px;height:24px}.skeleton-text{height:16px;display:block}.skeleton-order-number{width:140px}.skeleton-date{width:100px;margin-bottom:var(--space-xs)}.skeleton-price{width:80px}.skeleton-product-name{width:100%;margin-bottom:var(--space-xs)}.skeleton-product-qty{width:120px}.skeleton-image{border-radius:var(--radius-sm);flex-shrink:0;width:48px;height:48px;display:block}.skeleton-button{border-radius:var(--radius-md);width:80px;height:36px}@keyframes shimmer{0%{left:-100%}to{left:200%}}.empty-state-card{padding:var(--space-xl)var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state-illustration{margin-bottom:var(--space-lg)}.empty-state-image{opacity:.8;width:auto;max-width:200px;height:auto}.empty-state-description{font-size:var(--font-size-body);color:var(--color-dark-gray);margin-bottom:var(--space-lg);max-width:400px;line-height:1.6}.empty-state-action{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.empty-state-action:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-alpha-30);transform:translateY(-1px)}@media (max-width:768px){.empty-state-card{padding:var(--space-lg)var(--space-md);min-height:250px}.empty-state-image{max-width:150px}.empty-state-title{font-size:var(--font-size-h3)}.empty-state-description{font-size:var(--font-size-small)}}.order-state-card{background:var(--color-white);text-align:center;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:560px;margin:0 auto;padding:48px 32px;display:flex;box-shadow:0 2px 8px #0000000a}.order-state-illustration{margin-bottom:24px}.order-state-illustration img{opacity:.85;width:auto;max-width:200px;height:auto;transition:opacity .2s}.order-state-title{color:#111827;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4}.order-state-description{color:#6b7280;max-width:400px;margin-bottom:32px;font-size:15px;font-weight:400;line-height:1.6}.order-state-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.order-state-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.order-state-btn.primary{color:var(--color-white);background:#6366f1}.order-state-btn.primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.order-state-btn.secondary{background:var(--color-white);color:#6b7280;border:1px solid #e5e7eb}.order-state-btn.secondary:hover{background:#f9fafb}@media (max-width:768px){.order-state-card{padding:40px 24px}.order-state-illustration img{max-width:160px}}@media (max-width:480px){.order-state-card{padding:32px 20px}.order-state-illustration img{max-width:140px}.order-state-title{font-size:16px}.order-state-description{font-size:14px}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{z-index:1000;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-white);border-top:1px solid var(--color-light-gray);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.mobile-bottom-nav-item{color:#757575;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 0;font-size:10px;font-weight:500;line-height:1;text-decoration:none;transition:color .15s;display:flex}.mobile-bottom-nav-item.active{color:var(--color-primary)}.mobile-bottom-nav-icon{justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:2px;display:flex;position:relative}.mobile-bottom-nav-badge{background:var(--color-error);min-width:16px;height:16px;color:var(--color-white);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-10px}.mobile-bottom-nav-label{letter-spacing:.01em;font-size:10px}.footer,.breadcrumb{display:none}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}.mobile-search-overlay{z-index:1100;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-search-header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;display:flex}.mobile-search-input-wrap{background:#f3f4f6;border-radius:8px;flex:1;align-items:center;gap:6px;height:40px;padding:0 12px;display:flex}.mobile-search-input-wrap input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.mobile-search-input-wrap input::placeholder{color:#9ca3af;font-size:13px}.mobile-search-type-tag{background:var(--color-brand-primary);color:#fff;white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mobile-search-type-tag button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0;display:inline-flex}.mobile-search-cancel{color:var(--color-brand-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:8px 4px;font-size:14px;font-weight:600}.mobile-search-body{-webkit-overflow-scrolling:touch;flex:1;padding:8px 16px;overflow-y:auto}.mobile-search-section{border-bottom:1px solid #f3f4f6;padding:12px 0}.mobile-search-section:last-child{border-bottom:none}.mobile-search-section-title{color:#6b7280;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.mobile-search-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px}.mobile-search-hints{flex-wrap:wrap;gap:8px;display:flex}.mobile-search-hint{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;display:inline-flex}.mobile-search-hint:active{background:#e5e7eb}.mobile-search-history-item{align-items:center;display:flex}.mobile-search-history-btn{color:#1f2937;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.mobile-search-history-icon{color:#9ca3af;flex-shrink:0}.mobile-search-history-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:8px}.mobile-search-product{color:inherit;align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:flex}.mobile-search-product-image{background:#f3f4f6;border-radius:6px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.mobile-search-product-image img{object-fit:cover;width:100%;height:100%}.mobile-search-product-placeholder{background:#f3f4f6;border-radius:6px;width:40px;height:40px}.mobile-search-product-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.quick-add-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out quickAddFadeIn;display:flex;position:fixed;inset:0}@keyframes quickAddFadeIn{0%{opacity:0}to{opacity:1}}.quick-add-modal{background:var(--color-white);border-radius:16px;width:100%;max-width:420px;max-height:calc(100vh - 32px);padding:24px;animation:.25s ease-out quickAddSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes quickAddSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-add-close{background:var(--color-bg-secondary);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.quick-add-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.quick-add-header{align-items:flex-start;gap:16px;margin-bottom:20px;padding-right:32px;display:flex}.quick-add-image{background:var(--color-bg-secondary);border-radius:10px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.quick-add-image img{object-fit:contain;width:100%;height:100%}.quick-add-info{flex:1;min-width:0}.quick-add-brand{color:var(--color-text-secondary);margin-bottom:2px;font-size:12px}.quick-add-name{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.quick-add-price{align-items:baseline;gap:8px;display:flex}.quick-add-price-original{color:var(--color-text-secondary);font-size:12px;text-decoration:line-through}.quick-add-price-current{color:var(--color-text-primary);font-size:16px;font-weight:700}.quick-add-jan{color:#6b7280;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:500;display:inline-flex}.quick-add-jan svg{color:#9ca3af;flex-shrink:0}.quick-add-loading{color:var(--color-text-secondary);justify-content:center;align-items:center;padding:32px 0;display:flex}.quick-add-error{text-align:center;color:#dc2626;padding:16px;font-size:13px}.quick-add-success{color:#16a34a;flex-direction:column;align-items:center;gap:12px;padding:32px 0;font-size:15px;font-weight:600;animation:.3s ease-out quickAddSuccessPop;display:flex}@keyframes quickAddSuccessPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quick-add-variants{border-top:1px solid var(--color-border);flex-direction:column;gap:14px;margin-bottom:18px;padding-top:16px;display:flex}.quick-add-option-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.quick-add-option-values{flex-wrap:wrap;gap:6px;display:flex}.quick-add-option-btn{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-primary);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .15s}.quick-add-option-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.quick-add-option-btn.selected{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-weight:600}.quick-add-quantity{border-top:1px solid var(--color-border);padding:16px 0}.quick-add-qty-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.quick-add-qty-controls{border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:0;width:fit-content;display:flex;overflow:hidden}.quick-add-qty-btn{background:var(--color-bg-secondary);cursor:pointer;width:40px;height:40px;color:var(--color-text-primary);border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.quick-add-qty-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.quick-add-qty-btn:disabled{opacity:.4;cursor:default}.quick-add-qty-input{text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);width:64px;height:40px;color:var(--color-text-primary);background:var(--color-white);outline:none;font-size:15px;font-weight:600}.quick-add-qty-input:focus{background:#f0f4ff}.quick-add-qty-hint{color:var(--color-text-secondary);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.quick-add-actions{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;padding-top:16px;display:flex}.quick-add-cart-btn{cursor:pointer;background:var(--color-primary);width:100%;color:var(--color-white);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.quick-add-cart-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.quick-add-cart-btn.preorder{background:#ea580c}.quick-add-cart-btn.preorder:hover:not(:disabled){box-shadow:0 4px 12px #ea580c4d}.quick-add-cart-btn:disabled{opacity:.7;cursor:default}.quick-add-soldout{text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:10px;padding:12px;font-size:14px;font-weight:600}.quick-add-detail-link{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:4px;padding:6px;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.quick-add-detail-link:hover{color:var(--color-primary)}@media (max-width:480px){.quick-add-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:85vh;animation:.3s ease-out quickAddSlideUpMobile;position:fixed;bottom:0;left:0;right:0}@keyframes quickAddSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quick-add-overlay{align-items:flex-end;padding:0}}.red-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.red-grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.red-grid-4{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.red-grid-5{gap:var(--space-md);grid-template-columns:repeat(5,1fr);display:grid}.carousel-container{padding:0 28px;position:relative}.carousel-wrapper{overflow:hidden}.carousel-track{transition:transform .4s;display:flex}.carousel-page{column-gap:var(--space-md);row-gap:var(--space-lg);flex:0 0 100%;grid-template-columns:repeat(4,1fr);min-width:100%;display:grid}.carousel-page-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.carousel-page-5{gap:var(--space-md);grid-template-columns:repeat(5,1fr)}.carousel-nav{background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);cursor:pointer;width:44px;height:44px;color:var(--color-white);z-index:10;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #6366f166}.carousel-container:hover .carousel-nav.prev{opacity:1;visibility:visible;animation:.3s forwards slideInLeft}.carousel-container:hover .carousel-nav.next{opacity:1;visibility:visible;animation:.3s forwards slideInRight}.carousel-nav:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);transform:translateY(-50%)scale(1.1);box-shadow:0 6px 16px #6366f180}.carousel-nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;opacity:1!important;visibility:visible!important}.carousel-nav:disabled{cursor:not-allowed;opacity:0!important;visibility:hidden!important;animation:none!important}.carousel-nav.prev{left:-22px}.carousel-nav.next{right:-22px}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%)translate(-12px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%)translate(12px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.carousel-indicators{justify-content:center;gap:var(--space-2);margin-top:var(--space-md);display:flex}.carousel-indicator{background:var(--color-light-gray);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.carousel-indicator.active{background:var(--color-primary);border-radius:4px;width:24px;box-shadow:0 2px 8px #6366f14d}.carousel-indicator:hover:not(.active){background:var(--color-gray);transform:scale(1.2)}.carousel-indicator:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.red-card{background:var(--color-white);border-radius:var(--radius-md);border:var(--border-width)solid var(--color-light-gray);cursor:pointer;color:inherit;flex-direction:column;min-height:280px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.red-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.red-card-image{width:100%;height:200px;color:var(--color-gray);font-size:var(--font-size-small);padding:var(--space-4);box-sizing:border-box;background:#f9fafb;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.red-card-sm .red-card-image{height:180px;padding:var(--space-3)}.red-card-sm .red-card-body{padding:var(--space-sm)}.red-card-sm .red-card-brand{font-size:11px}.red-card-sm .red-card-title{margin-bottom:var(--space-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.red-card-sm .red-card-footer{padding-top:var(--space-xs);font-size:11px}.red-card-sm .red-card-stats{gap:var(--space-sm);font-size:11px}.red-card-sm .red-card-save,.red-card-sm .red-card-cart{width:28px;height:28px}.red-card-sm .momentum-badge{padding:var(--space-0-5)5px;font-size:9px}.red-card-image img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);max-width:100%;max-height:100%}.red-card-badges{gap:var(--space-1);z-index:2;display:flex;position:absolute;top:8px;left:8px}.red-card-save{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fffffff2;border:1px solid #0000000a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.red-card-save:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014}.red-card-cart{cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.red-card-cart:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.red-card-save.liked{background:linear-gradient(135deg,var(--color-primary)0%,#5558e3 100%);color:var(--color-white);border-color:#0000;animation:.3s ease-out heartPop;box-shadow:0 2px 8px #6366f14d,0 4px 16px #6366f133}.red-card-save.liked:hover{background:linear-gradient(135deg,#5558e3 0%,#4749d0 100%);box-shadow:0 4px 12px #6366f166,0 6px 20px #6366f140}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.red-card-body{padding:var(--space-md);flex-direction:column;flex:1;display:flex}.red-card-brand{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-xs)}.red-card-title{font-size:var(--font-size-body);color:var(--color-black);margin-bottom:var(--space-sm);font-weight:700;line-height:1.4}.red-card-footer{padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.red-card-stats{align-items:center;gap:var(--space-md);font-size:var(--font-size-small);color:var(--color-dark-gray);pointer-events:none;cursor:default;flex-wrap:wrap;text-decoration:none;display:flex}.red-card-stat{align-items:center;gap:var(--space-xs);font-variant-numeric:tabular-nums;color:#ea580c;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #fed7aa;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.red-card-stat-private{color:#64748b;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:600}.product-card-price{color:#ea580c;font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.store-counts{display:none}.store-count{padding:var(--space-1)10px 4px 8px;font-size:var(--font-size-tiny);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-1);background:var(--color-off-white);border:1px solid var(--color-light-gray);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:500;transition:all .2s;display:inline-flex}.store-count.sell{border-left:3px solid var(--color-accent)}.store-count.sell .label{color:var(--color-text-light)}.store-count.sell .num{color:var(--color-accent)}.store-count.sell:hover{background:var(--color-accent-light);border-color:var(--color-accent);transform:translate(2px)}.store-count.buy{border-left:3px solid var(--color-info)}.store-count.buy .label{color:var(--color-text-light)}.store-count.buy .num{color:var(--color-info)}.store-count.buy:hover{background:var(--color-info-bg);border-color:var(--color-info);transform:translate(2px)}.store-count .label{font-weight:400}.store-count .num{font-weight:600}.store-count:after{content:"→";color:var(--color-text-light);opacity:.6;font-size:9px}.store-count:hover:after{opacity:1}.momentum-badge{align-items:center;gap:var(--space-xs);padding:var(--space-1)8px;font-size:var(--font-size-tiny);letter-spacing:.03em;border-radius:12px;font-weight:700;display:inline-flex}.momentum-badge.surge,.momentum-badge.rising,.momentum-badge.new{background:var(--color-primary);color:var(--color-white)}.momentum-badge.bulk{color:var(--color-white);background:#b45309}.period-selector{align-items:center;gap:var(--space-1-5);z-index:1;display:flex;position:relative}.period-selector-label{color:var(--color-dark-gray);white-space:nowrap;font-size:12px}.period-btn{padding:var(--space-1-5)12px;border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-dark-gray);cursor:pointer;border:1px solid #0000001f;font-size:12px;transition:all .2s}.period-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.period-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.compact-filter{padding:var(--space-1-5)12px;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-dark-gray);cursor:pointer;font-size:13px;transition:all .2s}.compact-filter:hover{border-color:var(--color-accent)}.compact-filter:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #6366f11a}.compact-tab-group{display:inline-flex;position:relative;overflow:visible}.compact-tab{padding:var(--space-1-5)12px;border:1px solid var(--color-light-gray);background:var(--color-white);color:var(--color-dark-gray);cursor:pointer;border-radius:0;font-size:12px;transition:all .2s;position:relative}.compact-tab:not(:first-child){margin-left:-1px}.compact-tab:first-child{border-radius:var(--radius-sm)0 0 var(--radius-sm)}.compact-tab:last-child{border-radius:0 var(--radius-sm)var(--radius-sm)0}.compact-tab:hover{border-color:var(--color-primary);color:var(--color-primary);z-index:1}.compact-tab.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);z-index:2;font-weight:600}.compact-tab[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-surface-slate);color:var(--color-white);padding:var(--space-2)12px;border-radius:var(--radius-sm);white-space:normal;text-align:center;word-wrap:break-word;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;max-width:280px;font-size:11px;font-weight:500;transition:all .3s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.compact-tab[data-tooltip]:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--color-surface-slate);z-index:1001;pointer-events:none;opacity:0;visibility:hidden;width:0;height:0;transition:all .3s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(4px)}.compact-tab[data-tooltip]:hover:after,.compact-tab[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.algorithm-tab{padding:var(--space-1-5)12px;border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-dark-gray);cursor:pointer;border:1px solid #0000001f;font-size:12px;transition:all .2s;position:relative}.algorithm-tab:hover{border-color:var(--color-accent);color:var(--color-accent)}.algorithm-tab.active{background:var(--color-white);color:var(--color-accent);border-color:var(--color-accent);font-weight:600}.algorithm-tab[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-surface-slate);color:var(--color-white);padding:var(--space-2-5)14px;white-space:normal;text-align:center;word-wrap:break-word;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;border-radius:8px;max-width:300px;font-size:12px;font-weight:500;line-height:1.4;transition:all .3s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.algorithm-tab[data-tooltip]:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--color-surface-slate);z-index:1001;pointer-events:none;opacity:0;visibility:hidden;width:0;height:0;transition:all .3s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(4px)}.algorithm-tab[data-tooltip]:hover:after,.algorithm-tab[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tab-description{color:var(--color-dark-gray);margin-bottom:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--color-off-white);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);font-size:12px}.hero-compact{gap:var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:2fr 1fr;align-items:start;display:grid}@keyframes heroGlow{0%,to{box-shadow:0 8px 24px #6366f14d,0 0 40px #6366f126}50%{box-shadow:0 12px 36px #6366f180,0 0 80px #6366f14d}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes floatCircle1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,20px)scale(1.1)}}@keyframes floatCircle2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15px,-15px)scale(1.05)}}.hero-main{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary),var(--color-brand-dark),var(--color-brand-primary));border-radius:var(--radius-md);padding:var(--space-xl)var(--space-xl)var(--space-xl)var(--space-xl);color:var(--color-white);cursor:pointer;background-size:300% 300%;flex-direction:column;justify-content:center;min-height:180px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:2.5s ease-in-out infinite heroGlow,4s ease-in-out infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #6366f14d,0 0 40px #6366f126}.hero-main:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f166,0 0 48px #6366f133}.hero-main:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite floatCircle1;position:absolute;top:-50%;right:-20%}.hero-main:after{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;animation:5s ease-in-out infinite floatCircle2;position:absolute;bottom:-30%;left:10%}.hero-main>*{z-index:1;position:relative}.hero-main h2{margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:26px;font-weight:700}.hero-main p{font-size:var(--font-size-body);opacity:.95;margin-bottom:var(--space-md);line-height:1.6}.hero-main .btn-primary{background:var(--color-white);color:var(--color-accent);padding:var(--space-3)24px;border-radius:var(--radius-sm);font-weight:600;display:inline-block;box-shadow:0 4px 12px #00000026}.hero-carousel{border-radius:var(--radius-md);aspect-ratio:16/9;box-sizing:border-box;border:1px solid #00000014;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 4px 12px #0000000a}.hero-carousel-inner{width:100%;height:100%;position:relative}.hero-slide{opacity:0;z-index:1;border-radius:var(--radius-md);width:100%;height:100%;padding:var(--space-xl)56px;color:var(--color-white);cursor:pointer;pointer-events:none;background-size:300% 300%;flex-direction:column;justify-content:center;text-decoration:none;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hero-slide.active{opacity:1;z-index:2;pointer-events:auto}.hero-slide:hover{transform:translateY(-2px)}.hero-slide:hover .hero-slide-btn{transform:translate(4px);box-shadow:0 6px 16px #0003}.hero-slide[data-color=orange]{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary),var(--color-brand-dark),var(--color-brand-primary));box-shadow:0 8px 24px #6366f14d}.hero-slide[data-color=blue]{background:linear-gradient(135deg,var(--color-info-dark),var(--color-info),#1d4ed8,var(--color-info-dark));box-shadow:0 8px 24px #2563eb4d}.hero-slide[data-color=green]{background:linear-gradient(135deg,var(--color-success),#22c55e,#15803d,var(--color-success));box-shadow:0 8px 24px #16a34a4d}.hero-slide-image{background:#fff;padding:0}.hero-slide-image img{object-fit:cover;width:100%;height:100%}.hero-slide-image:before,.hero-slide-image:after{display:none}.hero-slide:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.hero-slide:after{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30%;left:10%}.hero-slide>*{z-index:1;position:relative}.hero-slide h2{margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:26px;font-weight:700}.hero-slide p{font-size:var(--font-size-body);opacity:.95;margin-bottom:var(--space-md);line-height:1.6}.hero-slide-btn{background:var(--color-white);color:inherit;padding:var(--space-3)24px;border-radius:var(--radius-sm);width:fit-content;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 12px #00000026}.hero-slide[data-color=orange] .hero-slide-btn{color:var(--color-brand-primary)}.hero-slide[data-color=blue] .hero-slide-btn{color:var(--color-info-dark)}.hero-slide[data-color=green] .hero-slide-btn{color:var(--color-success)}.hero-carousel-dots{gap:var(--space-2);z-index:10;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hero-carousel-dot{cursor:pointer;background:#ffffffb3;border:1.5px solid #0000004d;border-radius:50%;width:8px;height:8px;transition:all .2s;box-shadow:0 2px 4px #0003}.hero-carousel-dot:hover{background:#ffffffe6;border-color:#0006;transform:scale(1.1);box-shadow:0 2px 6px #0000004d}.hero-carousel-dot.active{background:var(--color-white);border:1.5px solid #0006;border-radius:4px;width:24px;box-shadow:0 2px 6px #0000004d}.hero-carousel-arrows{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.hero-carousel-arrow{cursor:pointer;color:#ffffffe6;pointer-events:auto;width:48px;height:100%;box-shadow:none;-webkit-backdrop-filter:blur(2px);background:linear-gradient(90deg,#0000004d 0%,#0000 100%);border:none;border-radius:0;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex}.hero-carousel-arrow[data-dir=next]{background:linear-gradient(270deg,#0000004d 0%,#0000 100%)}.hero-carousel-arrow:hover{color:#fff;background:linear-gradient(90deg,#00000080 0%,#0000 100%)}.hero-carousel-arrow[data-dir=next]:hover{background:linear-gradient(270deg,#00000080 0%,#0000 100%)}.hero-side{gap:var(--space-md);flex-direction:column;display:flex}.hero-side-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-md)var(--space-lg);align-items:center;gap:var(--space-md);cursor:pointer;color:inherit;flex:1;text-decoration:none;transition:all .2s;display:flex;position:relative}.hero-side-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hero-side-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff5eb 0%,#ffe8d6 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.hero-side-text{flex:1}.hero-side-text h4{font-size:var(--font-size-body);color:var(--color-black);margin-bottom:4px;font-weight:600}.hero-side-text p{font-size:var(--font-size-small);color:var(--color-dark-gray);margin:0}.hero-side-badge{background:var(--color-warning);color:var(--color-white);padding:var(--space-1)var(--space-2);border-radius:10px;flex-shrink:0;font-size:11px;font-weight:600}.hero-side-badge.new{background:var(--color-success)}.hero-side-arrow{color:var(--color-gray);font-size:18px;transition:transform .2s}.hero-side-card:hover .hero-side-arrow{color:var(--color-accent);transform:translate(4px)}.hero-alert-card{background:linear-gradient(135deg,var(--color-white)0%,var(--color-gray-50)100%);border:1px solid #00000014;border-radius:12px;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px #0000000f,0 4px 12px #0000000a}.hero-alert-card:hover{box-shadow:0 4px 16px #00000014,0 8px 24px #0000000f}.hero-alert-header{padding:var(--space-3-5)16px;background:var(--color-danger-light);border-bottom:1px solid #ef44441f;justify-content:space-between;align-items:center;display:flex}.hero-alert-header h4{color:var(--color-danger-dark);align-items:center;gap:var(--space-1-5);margin:0;font-size:13px;font-weight:700;display:flex}.hero-alert-list{margin:0;padding:0;list-style:none}.hero-alert-item{align-items:center;gap:var(--space-3);padding:var(--space-3)16px;border-bottom:1px solid #0000000d;border-left:4px solid #0000;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.hero-alert-item:hover{background:#f9fafb}.hero-alert-item:last-child{border-bottom:none}.hero-alert-item.urgent{border-left-color:var(--color-danger);background:var(--color-danger-light)}.hero-alert-item.urgent:hover{background:var(--color-danger-light)}.hero-alert-item.warning{border-left-color:var(--color-warning);background:var(--color-warning-light)}.hero-alert-item.warning:hover{background:var(--color-warning-light)}.hero-alert-item-image{background:var(--color-off-white);border:2px solid #fffc;border-radius:8px;flex-shrink:0;width:44px;height:44px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.hero-alert-item:hover .hero-alert-item-image{box-shadow:0 2px 8px #0000001f}.hero-alert-item-image img{object-fit:cover;width:100%;height:100%}.hero-alert-item-info{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.hero-alert-item-name{color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;overflow:hidden}.hero-alert-item-deadline{align-items:center;gap:var(--space-2);white-space:nowrap;margin:0;font-size:11px;display:flex}.hero-alert-item-deadline.urgent{color:var(--color-danger-dark);font-weight:600}.hero-alert-item-deadline.warning{color:#d97706;font-weight:500}.hero-alert-item-deadline.normal{color:var(--color-dark-gray)}.deadline-progress{align-items:center;gap:var(--space-1-5);flex:1;display:flex}.deadline-progress-bar{background:#00000014;border-radius:3px;flex:1;min-width:50px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.deadline-progress-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.deadline-progress-fill.urgent{background:var(--color-danger)}.deadline-progress-fill.warning{background:var(--color-warning)}.deadline-progress-fill.normal{background:#10b981}.deadline-text{white-space:nowrap;font-size:11px;font-weight:600}.deadline-text.urgent{color:var(--color-danger-dark)}.deadline-text.warning{color:#d97706}.deadline-text.normal{color:#059669}.deadline-date{color:var(--color-dark-gray);white-space:nowrap;font-size:10px}.hero-alert-item-action{flex-shrink:0}.hero-alert-item-action .btn-xs{padding:var(--space-2)var(--space-3-5);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-sell-dark)100%);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;font-size:11px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #f9731640,0 1px 2px #f973161a}.hero-alert-item-action .btn-xs:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.hero-alert-item-action .btn-xs:focus,.hero-alert-item-action .btn-xs:focus-visible,.hero-alert-item-action .btn-xs:active{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #6366f133,0 4px 12px #6366f14d}.hero-alert-card-modern{background:var(--color-white);aspect-ratio:8/9;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.hero-alert-card-modern:hover{box-shadow:0 4px 12px #00000014}.hero-alert-header-modern{background:linear-gradient(#fafafa 0%,#fff 100%);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.hero-alert-header-left{color:#374151;align-items:center;gap:10px;display:flex}.hero-alert-header-left svg{color:#6366f1}.hero-alert-header-modern h4{color:#111827;margin:0;font-size:15px;font-weight:700}.hero-alert-list-modern{scrollbar-width:thin;scrollbar-color:#0000002e transparent;flex:1;min-height:0;margin:0;padding:0;list-style:none;transition:scrollbar-color .2s;overflow-y:auto}.hero-alert-list-modern:hover{scrollbar-color:#00000059 transparent}.hero-alert-list-modern::-webkit-scrollbar{width:6px}.hero-alert-list-modern::-webkit-scrollbar-track{background:0 0}.hero-alert-list-modern::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.hero-alert-list-modern::-webkit-scrollbar-thumb:hover{background:#00000059}.hero-alert-item-wrapper{list-style:none}.hero-alert-item-wrapper>a{color:inherit;text-decoration:none;display:block}.hero-alert-item-modern{color:inherit;cursor:pointer;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex}.hero-alert-item-modern:hover{background:#f9fafb;transform:translate(2px)}.hero-alert-item-wrapper:last-child .hero-alert-item-modern{border-bottom:none}.hero-alert-item-modern.urgent{background:linear-gradient(90deg,#fef2f2 0%,#fff 100%)}.hero-alert-item-modern.urgent:hover{background:linear-gradient(90deg,#fef2f2 0% 100%)}.hero-alert-item-modern.warning{background:linear-gradient(90deg,#fffbeb 0%,#fff 100%)}.hero-alert-item-modern.warning:hover{background:linear-gradient(90deg,#fffbeb 0% 100%)}.hero-alert-item-main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.hero-alert-item-image-modern{background:#f9fafb;border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.hero-alert-item-image-modern img{object-fit:cover;width:100%;height:100%}.hero-alert-item-info-modern{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.hero-alert-item-name-modern{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.hero-alert-item-remarks{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.hero-alert-item-dates{color:#6b7280;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.hero-alert-date-label{color:#9ca3af;font-weight:600}.hero-alert-date-separator{color:#d1d5db;margin:0 2px}.hero-alert-item-right{flex-shrink:0}.deadline-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.deadline-badge.urgent{color:#dc2626;background:#fef2f2}.deadline-badge.warning{color:#d97706;background:#fffbeb}.deadline-badge.normal{color:#16a34a;background:#f0fdf4}.deadline-badge svg{flex-shrink:0}.info-notice-title:before{content:none}.timeline-section{background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:16px;margin-bottom:36px;padding:28px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 8px 24px #6366f108,inset 0 1px #ffffffe6}.timeline-section:before{content:"";background:linear-gradient(90deg,#6366f1,#a5b4fc,#6366f1);height:3px;position:absolute;top:0;left:0;right:0}.timeline-section-title{color:#111827;letter-spacing:-.3px;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:800;display:flex}.timeline-section-title:before{content:"";content:"";background:linear-gradient(#6366f1,#a5b4fc);border-radius:2px;width:4px;height:24px}.timeline-section-subtitle{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-left:var(--space-sm);font-weight:400}.timeline{gap:var(--space-md);padding-bottom:var(--space-sm);display:flex;overflow-x:auto}.timeline-month{flex-shrink:0;width:200px;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-month:hover{transform:translateY(-4px)}.timeline-month-header{color:#4338ca;text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-bottom:3px solid #6366f1;border-radius:10px 10px 0 0;padding:12px 16px;font-size:14px;font-weight:800;box-shadow:0 1px 2px #6366f11a,inset 0 1px #ffffff80}.timeline-month-content{background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;min-height:120px;padding:16px;box-shadow:0 2px 4px #0000000a}.timeline-item{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:13px;transition:all .2s}.timeline-item:hover{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#c7d2fe;transform:translate(4px)}.timeline-item:last-child{border-bottom:none;margin-bottom:0}.timeline-item strong{color:#6366f1;margin-bottom:4px;font-weight:700;display:block}.new-product-card{background:linear-gradient(#fff,#fdfcff);border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;min-height:300px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 4px #0000000a,0 4px 12px #00000008}.new-product-card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:0 8px 16px #00000014,0 16px 48px #6366f11f}.new-product-card a{color:inherit;flex:1;text-decoration:none}.new-product-card .product-card-image{background:var(--color-off-white);border-radius:var(--radius-sm);position:relative;overflow:hidden}.new-product-card .product-card-badges{z-index:2;flex-direction:row;align-items:center;gap:4px;display:flex;position:absolute;inset:auto 8px 8px auto}.new-product-card .product-card-badges .badge{letter-spacing:.02em;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000001a}.new-product-card .product-card-price{color:var(--color-accent);font-size:18px;font-weight:700}.new-product-card .product-card-meta{color:var(--color-gray);margin-top:var(--space-xs);font-size:10px}.list-toolbar{background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:18px 24px;display:flex;box-shadow:0 2px 4px #0000000a,0 4px 12px #6366f108,inset 0 1px #ffffffe6}.toolbar-left{align-items:center;gap:16px;min-width:0;display:flex}.toolbar-left .result-count{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.toolbar-left .result-count strong{color:#6366f1;font-size:16px;font-weight:800}.toolbar-filters{gap:8px;display:flex}.toolbar-filters select,.toolbar-left select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.toolbar-filters select:hover,.toolbar-left select:hover{background:linear-gradient(#fff,#f9fafb);border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 2px 4px #6366f114}.toolbar-filters select:focus,.toolbar-left select:focus{border-color:#6366f1;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #6366f11f,0 2px 4px #6366f114}.free-stock-label{color:#374151;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.free-stock-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.toolbar-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.toolbar-label{color:#6b7280;font-size:13px;font-weight:500}.toolbar-right a,.toolbar-right button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.toolbar-right a:hover,.toolbar-right button:hover{color:#374151;background:#f3f4f6}.toolbar-right a.active,.toolbar-right button.active{color:#6366f1;background:#eef2ff;font-weight:600}@media (max-width:768px){.list-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px;padding:12px 14px}.toolbar-left{flex-direction:column;align-items:stretch;gap:8px}.toolbar-left .result-count{font-size:13px}.toolbar-filters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toolbar-filters select,.toolbar-left select{min-height:44px;padding:8px 10px;font-size:12px}.toolbar-right{-webkit-overflow-scrolling:touch;gap:4px;padding-bottom:2px;overflow-x:auto}.toolbar-right a,.toolbar-right button{flex-shrink:0;padding:6px 10px;font-size:12px}.toolbar-label{flex-shrink:0;font-size:12px}.red-card:hover,.hero-main:hover,.hero-slide:hover{transform:none}}.new-product-card-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-light-gray);display:flex}.new-product-card-footer .store-counts{flex:1}.badge-marketing{background:var(--color-success);color:#fff}.info-notice{background:var(--color-off-white);border:1px solid var(--color-light-gray);border-left:4px solid var(--color-accent)}.info-notice-purple{background:#eef2ff;border:1px solid #e0e7ff;border-left:4px solid #6366f1;border-radius:12px;margin-bottom:24px;padding:16px 20px;box-shadow:0 1px 3px #0000000d}.info-notice-purple .info-notice-title{color:#111827;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.info-notice-purple p{color:#374151;margin:0;font-size:13px;line-height:1.6}.info-notice-purple strong{color:#6366f1;font-weight:600}.info-notice-green .info-notice-title:before{content:""}.ranking-container{background:linear-gradient(#fff,#fdfcff);border:1px solid #e5e7eb;border-radius:16px;margin-top:28px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 8px 24px #00000008}.ranking-container:before{content:"";background:linear-gradient(90deg,#f59e0b,#fb923c,#f59e0b);height:3px;position:absolute;top:0;left:0;right:0}.ranking-header{gap:var(--space-md);color:#6b7280;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border-bottom:2px solid #e5e7eb;grid-template-columns:60px 100px 1fr 100px 80px 80px 80px;padding:16px 20px;font-size:11px;font-weight:800;display:grid}.ranking-header>div:nth-child(n+4){text-align:center}.ranking-item{gap:var(--space-md);border-bottom:1px solid #f3f4f6;grid-template-columns:60px 100px 1fr 100px 80px 80px 80px;align-items:center;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.ranking-item:after{content:"";background:linear-gradient(90deg,#0000,#e5e7eb 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.ranking-item:last-child{border-bottom:none}.ranking-item:last-child:after{display:none}.ranking-item:hover{background:linear-gradient(90deg,#f9fafbcc,#f3f4f666);transform:translate(6px);box-shadow:inset 4px 0 #f59e0b}.ranking-item a{color:inherit;text-decoration:none}.ranking-number{color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;transition:all .25s;display:flex}.ranking-item:hover .ranking-number{transform:scale(1.1)rotate(5deg)}.ranking-number.top-3{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);border:none;font-size:18px;position:relative;overflow:hidden;box-shadow:0 4px 12px #f59e0b66,0 2px 4px #f59e0b4d}.ranking-number.top-3:before{content:"";background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:50%;position:absolute;inset:0}.ranking-item:hover .ranking-number.top-3{transform:scale(1.15)rotate(-5deg);box-shadow:0 6px 16px #f59e0b80,0 4px 8px #f59e0b66}.ranking-item-image{width:88px;height:88px;font-size:var(--font-size-tiny);color:#6b7280;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000f,0 0 0 1px #00000008}.ranking-item:hover .ranking-item-image{border-color:#f59e0b4d;transform:scale(1.08);box-shadow:0 4px 8px #00000014,0 0 0 2px #f59e0b33}.ranking-item-image img{object-fit:cover;width:100%;height:100%}.ranking-item-info{gap:var(--space-0-5);flex-direction:column;display:flex}.ranking-item-brand{font-size:var(--font-size-small);color:var(--color-dark-gray)}.ranking-item-name{color:#111827;font-size:15px;font-weight:600;transition:color .2s}.ranking-item:hover .ranking-item-name{color:#f59e0b}.ranking-item-jan{font-size:var(--font-size-small);color:var(--color-dark-gray)}.ranking-item-price{color:#f97316;font-size:16px;font-weight:800;font-family:var(--font-family-num);margin-top:4px}.ranking-stat{text-align:center}.ranking-stat-value{color:#111827;font-size:20px;font-weight:800;font-family:var(--font-family-num);letter-spacing:-.3px}.ranking-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.trend-up{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 1px 3px #10b98133}.trend-down{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 1px 3px #ef444433}.trend-flat{color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 1px 3px #0000001a}.category-tabs{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;gap:0;margin-top:24px;margin-bottom:20px;padding:5px;display:inline-flex;overflow-x:auto;box-shadow:inset 0 1px 3px #0000000f,0 1px 2px #00000005}.category-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-tab:hover:not(.active){color:#374151;background:#ffffff80}.category-tab.active{color:#f59e0b;border-color:var(--color-primary);background:#fff}.category-tab-count{opacity:.8;margin-left:4px;font-size:11px}.data-source-row{margin-bottom:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--color-off-white);border-radius:var(--radius-sm);z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:visible}.data-source-select{align-items:center;gap:var(--space-sm);z-index:3;display:flex;position:relative}.data-source-select label{font-size:var(--font-size-small);color:var(--color-dark-gray);white-space:nowrap}.data-source-select select{padding:var(--space-xs)var(--space-sm);border:var(--border-width)solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--font-size-small);background:var(--color-white);z-index:10;width:auto;min-width:150px;position:relative}.algorithm-tabs{gap:var(--space-2);margin-top:var(--space-lg);margin-bottom:var(--space-md);display:flex}.algorithm-tab-group{display:inline-flex;position:relative}.algorithm-tab{padding:var(--space-2)16px;border:2px solid var(--color-light-gray);background:var(--color-white);color:var(--color-dark-gray);cursor:pointer;border-radius:0;font-size:13px;transition:all .2s;position:relative}.algorithm-tab:not(:first-child){margin-left:-2px}.algorithm-tab:first-child{border-radius:var(--radius-sm)0 0 var(--radius-sm)}.algorithm-tab:last-child{border-radius:0 var(--radius-sm)var(--radius-sm)0}.algorithm-tab:hover{border-color:var(--color-accent);color:var(--color-accent);z-index:1}.algorithm-tab.active{background:var(--color-white);color:var(--color-accent);border-color:var(--color-accent);z-index:2;font-weight:600}.order-count{color:var(--color-accent);font-weight:700}.ranking-card{background:var(--color-white);color:inherit;border:1px solid #e5e7eb;border-radius:12px;gap:16px;padding:16px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.ranking-card.ranking-card-top-3{background:linear-gradient(90deg,#f59e0b0d 0%,var(--color-white)100%);border-left:4px solid #f59e0b}.ranking-card-rank-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:40px;display:flex}.ranking-card-rank{background:var(--color-off-white);width:36px;height:36px;color:var(--color-dark-gray);font-size:var(--font-size-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:transform .2s;display:flex}.ranking-card-rank.top-3{color:var(--color-white);width:40px;height:40px;font-size:var(--font-size-h4)}.ranking-card-rank.rank-1{background:linear-gradient(135deg,gold 0%,orange 100%);box-shadow:0 2px 8px #ffd70066}.ranking-card-rank.rank-2{background:linear-gradient(135deg,silver 0%,#a8a8a8 100%);box-shadow:0 2px 8px #c0c0c066}.ranking-card-rank.rank-3{background:linear-gradient(135deg,#cd7f32 0%,#b87333 100%);box-shadow:0 2px 8px #cd7f3266}.ranking-card-image{width:80px;height:80px;font-size:var(--font-size-h2);color:#9ca3af;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.ranking-card-image img{object-fit:cover;width:100%;height:100%}.ranking-card-info{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.ranking-card-name{font-size:var(--font-size-body);margin:0;font-weight:700}.ranking-card-variant{color:var(--color-text-secondary,#6b7280);font-size:13px;font-weight:400}.ranking-card-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ranking-card-brand{font-size:var(--font-size-small);color:var(--color-dark-gray)}.ranking-card-jan{color:var(--color-dark-gray);opacity:.7;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px}.ranking-card-stats{gap:var(--space-md);font-size:var(--font-size-small);display:flex}.ranking-wow{white-space:nowrap;border-radius:4px;padding:2px 4px;font-size:10px;font-weight:700;line-height:1}.ranking-wow-up{color:#15803d;background:#f0fdf4}.ranking-wow-down{color:#b91c1c;background:#fef2f2}.ranking-wow-same{color:#6b7280;background:#f3f4f6}.ranking-wow-new{color:#1d4ed8;background:#eff6ff}.ranking-card-stores{color:var(--color-dark-gray)}.ranking-card-right{align-items:flex-end;gap:var(--space-2);flex-direction:column;min-width:140px;display:flex}.ranking-card-cart{cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:32px;height:32px;margin-top:auto;transition:all .2s;display:flex}.ranking-card-cart:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:scale(1.1)}.ranking-card-badges{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.ranking-card-price{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ranking-card-price-text{color:#ea580c;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:700}.campaign-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.campaign-scroll{gap:var(--space-md);padding-bottom:var(--space-md);margin-bottom:var(--space-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.campaign-scroll>.campaign-card{scroll-snap-align:start;flex:0 0 340px}.load-more-card{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--color-white);border:2px dashed var(--color-border);cursor:pointer;scroll-snap-align:start;border-radius:12px;flex-direction:column;flex:0 0 160px;min-height:200px;transition:all .2s;display:flex}.load-more-card:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.load-more-card-icon{background:var(--color-light-gray);width:48px;height:48px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:300;transition:all .2s;display:flex}.load-more-card:hover .load-more-card-icon{background:var(--color-primary);color:var(--color-white)}.load-more-card-text{font-size:var(--font-size-small);color:var(--color-text);font-weight:600}.load-more-card-count{font-size:var(--font-size-tiny);color:var(--color-text-light)}.section-header-row{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-header-row .section-title{margin-bottom:0}.load-more-btn-inline{padding:var(--space-2)16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-light);font-size:var(--font-size-small);cursor:pointer;white-space:nowrap;font-weight:500;transition:all .2s}.load-more-btn-inline:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);border-color:var(--color-brand-dark);color:var(--color-white);box-shadow:0 2px 8px #6366f14d}.load-more-btn-inline:focus{border-color:var(--color-brand-dark);outline:none;box-shadow:0 0 0 2px #6366f133}.load-more-container{margin-top:var(--space-xl);margin-bottom:var(--space-lg);justify-content:center;display:flex}.btn-load-more{background:var(--color-white);color:#6366f1;font-size:var(--font-size-body);cursor:pointer;transition:all var(--transition-base);border:2px solid #6366f1;border-radius:10px;align-items:center;gap:8px;padding:12px 32px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #6366f126}.btn-load-more:hover{color:var(--color-white);background:#6366f1;transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.btn-load-more:focus,.btn-load-more:focus-visible{outline-offset:2px;outline:2px solid #6366f1;box-shadow:0 0 0 4px #6366f133}.btn-load-more:active{transform:translateY(0)}.campaign-card{background:var(--color-white);border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.campaign-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.campaign-card-header{color:var(--color-white);background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);padding:16px;position:relative;overflow:hidden}.campaign-card-header:before{content:"";pointer-events:none;background:linear-gradient(135deg,#818cf84d 0%,#6366f11a 50%,#4f46e54d 100%);position:absolute;inset:0}.campaign-card-header>*{z-index:1;position:relative}.campaign-card-header.active{background:#6366f1f2;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 30px #6366f166}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #ff6b0066}50%{box-shadow:0 4px 24px #ff6b00b3,0 0 40px #ff6b004d}}.campaign-card-header.upcoming{-webkit-backdrop-filter:blur(16px)saturate(150%);background:#607d8bd9}.campaign-card-header.upcoming:before{background:linear-gradient(135deg,#78909c4d 0%,#607d8b1a 50%,#546e7a4d 100%)}.campaign-card-header.ended{-webkit-backdrop-filter:blur(16px)saturate(130%);background:#9e9e9ebf}.campaign-card-header.ended:before{background:linear-gradient(135deg,#bdbdbd4d 0%,#9e9e9e1a 50%,#7575754d 100%)}.campaign-card.active-campaign{border:2px solid #6366f180;box-shadow:0 6px 24px #6366f133,0 4px 8px #00000014,inset 0 1px #fff}.countdown-timer{align-items:center;gap:var(--space-xs);-webkit-backdrop-filter:blur(8px);padding:var(--space-1-5)14px;font-size:var(--font-size-small);margin-top:var(--space-xs);background:#ffffff40;border:1px solid #fff6;border-radius:20px;display:inline-flex;box-shadow:0 2px 8px #0000001a}.countdown-timer .timer-label{opacity:.95;font-weight:500}.countdown-timer .timer-value{font-size:15px;font-weight:700}.campaign-card-badge{padding:var(--space-1)10px;-webkit-backdrop-filter:blur(8px);font-size:var(--font-size-tiny);margin-bottom:var(--space-xs);background:#ffffff4d;border:1px solid #fff6;border-radius:12px;font-weight:600;display:inline-block;box-shadow:0 2px 6px #00000014}.campaign-card-title{font-size:var(--font-size-large);margin-bottom:var(--space-xs);font-weight:700}.campaign-card-period{font-size:var(--font-size-small);opacity:.9}.campaign-card-body{padding:var(--space-md);-webkit-backdrop-filter:blur(8px);background:#ffffff80}.campaign-card-section{margin-bottom:var(--space-md)}.campaign-card-section:last-child{margin-bottom:0}.campaign-card-section-title{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);font-weight:700;display:flex}.gwp-list{gap:var(--space-sm);flex-direction:column;display:flex}.gwp-item{align-items:center;gap:var(--space-md);padding:var(--space-sm);-webkit-backdrop-filter:blur(8px);background:#f9fafbb3;border:1px solid #0000000f;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0000000a}.gwp-item:hover{background:#ffffffd9;border-color:#6366f133;transform:translate(4px);box-shadow:0 4px 12px #0000000f}.gwp-item-image{-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex;box-shadow:0 2px 4px #0000000a}.gwp-item-info{flex:1}.gwp-item-name{font-size:var(--font-size-small);margin-bottom:2px;font-weight:700}.gwp-item-condition{font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.gwp-item-value{font-size:var(--font-size-small);color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:700}.target-products{gap:var(--space-xs);flex-wrap:wrap;display:flex}.target-product-tag{padding:var(--space-1)10px;background:var(--color-off-white);border:1px solid var(--color-light-gray);font-size:var(--font-size-tiny);border-radius:15px;display:inline-block}.campaign-description{font-size:var(--font-size-small);color:var(--color-dark-gray);line-height:1.6}.campaign-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-md);margin-top:var(--space-md)}.campaign-notice-title{font-size:var(--font-size-small);color:var(--color-accent);margin-bottom:var(--space-xs);font-weight:700}.campaign-notice-text{font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.section-title{font-size:var(--font-size-body);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.section-title-badge{padding:var(--space-0-5)8px;background:var(--color-accent);color:var(--color-white);font-size:var(--font-size-tiny);border-radius:10px;align-items:center;gap:4px;margin-left:8px;font-weight:500;display:inline-flex}.section-title-badge.active{background:linear-gradient(135deg,var(--color-sell)0%,var(--color-sell-dark)100%);animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.8}}.section-title-badge.upcoming{background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%)}.section-title-badge.ended{background:#9ca3af}.info-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.info-card-title{font-size:var(--font-size-body);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.info-card-title:before{content:""}.cart-sections-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.cart-sections-grid>:only-child{grid-column:1/-1}.cart-section{margin-bottom:0}.cart-section-header{margin-bottom:var(--space-md);border-radius:12px;align-items:center;gap:10px;padding:14px 20px;display:flex}.cart-section-header.regular{background:linear-gradient(135deg,#eff6ff,#f0f4ff);border:1px solid #bfdbfe}.cart-section-header.preorder{background:linear-gradient(135deg,#fff7ed,#fff3e6);border:1px solid #fed7aa}.cart-section-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cart-section-header.regular .cart-section-icon{color:#2563eb;background:#dbeafe}.cart-section-header.preorder .cart-section-icon{color:#ea580c;background:#ffedd5}.cart-section-title{color:#1f2937;font-size:15px;font-weight:700}.cart-section-desc{color:#6b7280;margin-top:2px;font-size:12px}.cart-section-count{border-radius:99px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:600}.cart-section-header.regular .cart-section-count{color:#1d4ed8;background:#dbeafe}.cart-section-header.preorder .cart-section-count{color:#c2410c;background:#ffedd5}.cart-section-summary{margin-top:var(--space-sm);background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cart-section-summary-rows{flex-direction:column;gap:4px;display:flex}.cart-section-summary-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cart-section-summary-label{color:#6b7280;font-size:13px}.cart-section-summary-value.savings{color:#dc2626;font-size:15px;font-weight:700}.cart-section-summary-row.total .cart-section-summary-label{color:#111827;font-size:14px;font-weight:700}.cart-section-summary-value.total{color:#f97316;font-size:22px;font-weight:900;font-family:var(--font-family-num);font-variant-numeric:tabular-nums}.cart-section-checkout-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.cart-section-checkout-btn.regular{background:linear-gradient(135deg,#6366f1,#4f46e5)}.cart-section-checkout-btn.regular:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cart-section-checkout-btn.preorder{background:linear-gradient(135deg,#f97316,#ea580c)}.cart-section-checkout-btn.preorder:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.cart-section-checkout-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.cart-container{max-width:1200px;padding:var(--space-xl)var(--space-md);margin:0 auto}.cart-count{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:8px;margin-left:4px;padding:4px 12px;font-size:16px;font-weight:700;box-shadow:0 2px 4px #f9731633}.cart-body{gap:var(--space-lg);grid-template-columns:1fr 340px;align-items:start;display:grid}.cart-main{min-width:0}.cart-sidebar{position:sticky;top:160px}.cart-items{background:linear-gradient(#fff,#fdfcff);border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 8px 24px #00000008}.cart-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:20px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cart-item:after{content:"";background:linear-gradient(90deg,#0000,#e5e7eb 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:24px;right:24px}.cart-item:last-child{border-bottom:none}.cart-item:last-child:after{display:none}.cart-item:hover{background:linear-gradient(90deg,#f9fafb80,#f3f4f64d);transform:translate(4px)}.cart-item-deleting{pointer-events:none;animation:.4s cubic-bezier(.4,0,1,1) forwards cart-item-delete}@keyframes cart-item-delete{0%{opacity:1;max-height:200px;transform:translate(0)scale(1)}50%{opacity:.5;max-height:200px;transform:translate(100px)scale(.9)}to{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translate(120px)scale(.8)}}.cart-item-image{box-sizing:border-box;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;padding:12px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 0 0 1px #00000005}.cart-item:hover .cart-item-image{border-color:#f973164d;transform:scale(1.05);box-shadow:0 4px 8px #0000000f,0 0 0 2px #f9731626}.cart-item-image img{object-fit:contain;max-width:100%;max-height:100%}.cart-item-detail{flex:1;min-width:0}.cart-item-top{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.cart-item-info{flex:1;min-width:0}.cart-item-brand{color:var(--color-dark-gray);letter-spacing:.02em;margin-bottom:2px;font-size:12px;font-weight:500}.cart-item-name{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.cart-item-name:hover{color:#f97316}.cart-item-unit-price{align-items:center;gap:6px;display:flex}.original-price{color:var(--color-gray);font-size:13px;font-family:var(--font-family-num);font-variant-numeric:tabular-nums;text-decoration:line-through}.current-price{color:#f97316;font-size:18px;font-weight:800;font-family:var(--font-family-num);font-variant-numeric:tabular-nums}.cart-item-bottom{justify-content:space-between;align-items:center;display:flex}.savings-badge{background:var(--color-success);color:#fff;padding:var(--space-0-5)6px;font-size:var(--font-size-tiny);white-space:nowrap;border-radius:4px;font-weight:600;display:inline-block}.cart-item-quantity{align-items:center;gap:var(--space-sm);display:flex}.qty-btn{color:#6b7280;cursor:pointer;background:linear-gradient(#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000a}.qty-btn:hover:not(:disabled){color:#f97316;background:linear-gradient(#fff7ed,#ffedd5);border-color:#f97316;transform:scale(1.05);box-shadow:0 2px 4px #f973161a,0 0 0 1px #f973161a}.qty-btn:active:not(:disabled){transform:scale(.95);box-shadow:inset 0 2px 4px #0000001a}.qty-btn:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6}@keyframes shake-horizontal{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.qty-btn.qty-plus:disabled{animation:.4s ease-in-out shake-horizontal}.cart-qty-loading{color:#f97316;justify-content:center;align-items:center;margin-left:6px;animation:1.5s ease-in-out infinite pulse-loading;display:inline-flex}@keyframes pulse-loading{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.qty-input{text-align:center;width:72px;height:44px;font-size:16px;font-weight:700;font-family:var(--font-family-num);background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s;box-shadow:inset 0 1px 2px #0000000a}.qty-input:focus{border-color:#f97316;outline:none;box-shadow:inset 0 1px 2px #0000000a,0 0 0 3px #f973161a}.cart-item-subtotal{color:#f97316;font-size:20px;font-weight:800;font-family:var(--font-family-num);font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.3px}.cart-item-remove{color:#9ca3af;cursor:pointer;background:#00000005;border:1px solid #0000;border-radius:8px;flex-shrink:0;padding:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.cart-item-remove:hover{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef44444d;transform:rotate(-5deg)scale(1.1);box-shadow:0 2px 6px #ef444426}.cart-item-remove:focus{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef444480;outline:none;box-shadow:0 2px 6px #ef444426,0 0 0 3px #ef44441a}.cart-item-remove:active{background:#fee2e2;transform:rotate(-5deg)scale(.95)}.discount-progress-container{margin-top:8px;margin-bottom:4px}.discount-progress-bar{background:var(--color-light-gray);border-radius:2px;height:4px;position:relative;overflow:hidden}.discount-progress-fill{background:#f97316;height:100%;transition:width .3s}.discount-progress-fill.achieved{background:var(--color-success)}.discount-progress-label{font-size:var(--font-size-tiny);color:var(--color-dark-gray);margin-top:4px}.discount-progress-label.achieved{color:var(--color-success);align-items:center;gap:4px;font-weight:600;display:flex}.cart-qty-hint{color:#3730a3;background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.cart-qty-hint svg{flex-shrink:0}.cart-stock-limit-message{color:#b45309;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500;animation:.3s ease-out fade-slide-in;display:flex}.cart-stock-limit-message svg{flex-shrink:0;animation:2s ease-in-out infinite pulse-warning-icon}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-warning-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chance-badge,.chance-description,.chance-summary{display:none}.summary-row.discount{color:var(--color-success);font-size:15px;font-weight:600}.discount-amount{color:var(--color-success);font-size:17px;font-weight:700}.summary-row.discount-hint{color:var(--color-text-light);font-size:var(--font-size-small)}.summary-row.discount-hint .summary-value{color:var(--color-primary);font-weight:500}.cart-summary{background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 8px 24px #f9731608,inset 0 1px #ffffffe6}.cart-summary:before{content:"";background:linear-gradient(90deg,#f97316,#fb923c,#f97316);height:3px;position:absolute;top:0;left:0;right:0}.cart-summary-title{color:#111827;border-bottom:2px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;font-size:16px;font-weight:800;display:flex}.summary-rows{flex-direction:column;gap:0;margin-bottom:12px;display:flex}.summary-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.summary-label{color:var(--color-dark-gray)}.summary-value{font-family:var(--font-family-num);font-variant-numeric:tabular-nums;color:var(--color-black);font-size:15px;font-weight:600}.summary-value-note{color:#9ca3af;font-size:12px;font-weight:500}.summary-value-original{color:#9ca3af;font-weight:400;text-decoration:line-through}.summary-row-savings .summary-label,.summary-value-savings{color:#dc2626}.summary-value-savings{font-weight:700}.summary-total{background:linear-gradient(135deg,#f9731608,#fb923c08);border-top:2px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:baseline;margin-top:12px;margin-left:-24px;margin-right:-24px;padding:18px 24px 8px;display:flex}.summary-total-label{color:#111827;font-size:16px;font-weight:800}.summary-total-value{color:#f97316;font-size:30px;font-weight:900;font-family:var(--font-family-num);font-variant-numeric:tabular-nums;letter-spacing:-.5px;text-shadow:0 1px 2px #f973161a}.cart-secure-note{color:#9ca3af;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:18px 24px;font-size:17px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #f9731640,0 2px 4px #f9731626}.checkout-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff40,#0000);transition:opacity .3s;position:absolute;inset:0}.checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-3px);box-shadow:0 8px 20px #f9731659,0 4px 8px #f9731633}.checkout-btn:hover:not(:disabled):before{opacity:1}.checkout-btn:focus,.checkout-btn:focus-visible{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);outline:none;box-shadow:0 0 0 4px #f973164d,0 4px 12px #f9731640}.checkout-btn:active:not(:disabled){background:linear-gradient(135deg,#c2410c 0%,#9a3412 100%);transform:translateY(0);box-shadow:0 2px 6px #f973164d,inset 0 2px 4px #0000001a}.checkout-btn:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db;transform:none}.cart-item-unavailable{opacity:.6;background:#fef2f2;border-color:#fca5a5}.cart-item-unavailable-badge{color:#dc2626;background:#fee2e2;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.cart-unavailable-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.cart-unavailable-warning svg{color:#d97706;flex-shrink:0;margin-top:2px}.cart-mixed-warning{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.cart-mixed-warning svg{color:#ea580c;flex-shrink:0;margin-top:2px}.cart-preorder-badge{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.empty-cart{text-align:center;padding:48px var(--space-lg);background:linear-gradient(180deg,var(--color-white)0%,#f8f9fa 100%);border:1px solid #e5e7eb;border-radius:16px;max-width:560px;margin:0 auto;animation:.5s ease-out empty-cart-fade-in}@keyframes empty-cart-fade-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-cart-illustration{opacity:.9;margin:0 auto 24px;animation:.6s ease-out .1s backwards empty-cart-item-fade-in}.empty-cart-title{font-size:var(--font-size-h3);color:var(--color-black);margin-bottom:var(--space-sm);font-weight:700;animation:.6s ease-out .2s backwards empty-cart-item-fade-in}.empty-cart-text{font-size:var(--font-size-body);color:var(--color-dark-gray);margin-bottom:28px;line-height:1.7;animation:.6s ease-out .3s backwards empty-cart-item-fade-in}.empty-cart-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;animation:.6s ease-out .4s backwards empty-cart-item-fade-in;display:flex}@keyframes empty-cart-item-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.empty-cart-btn{font-size:var(--font-size-small);border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.empty-cart-btn.primary{color:var(--color-white);background:#6366f1}.empty-cart-btn.primary:hover{background:#4f46e5}.empty-cart-btn.secondary{background:var(--color-white);color:var(--color-dark-gray);border:1px solid #e5e7eb}.empty-cart-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:960px){.cart-body{grid-template-columns:1fr}.cart-sidebar{position:static}.cart-sections-grid{grid-template-columns:1fr}}@media (max-width:768px){.cart-container{padding:16px 12px}.cart-count{padding:2px 8px;font-size:13px}.cart-items{border-radius:12px}.cart-item{gap:12px;padding:14px}.cart-item:hover{transform:none}.cart-item-image{border-radius:8px;width:72px;height:72px;padding:8px}.cart-item-name{margin-bottom:4px;font-size:13px}.cart-item-brand{font-size:11px}.cart-item-bottom{flex-direction:column;align-items:flex-start;gap:8px}.cart-item-subtotal{align-self:flex-end;font-size:16px}.current-price{font-size:15px}.original-price{font-size:11px}.qty-btn{border-radius:8px;width:36px;height:36px;font-size:18px}.qty-input{border-radius:8px;width:56px;height:36px;font-size:14px}.cart-summary{border-radius:12px;padding:16px}.cart-summary-title{font-size:14px}.summary-total-value{font-size:24px}.checkout-btn{border-radius:10px;padding:14px 20px;font-size:15px}.cart-item-remove{padding:6px}.cart-preorder-badge,.cart-item-unavailable-badge{padding:2px 6px;font-size:10px}.cart-stock-limit-message,.cart-unavailable-warning,.cart-mixed-warning{padding:8px 10px;font-size:12px}.cart-qty-hint{padding:6px 10px;font-size:11px}.empty-cart{padding:32px 16px}.empty-cart-actions{justify-content:center}.recommendation-section{margin-top:16px}.recommendation-title{font-size:16px}.recommendation-card:hover{transform:none}.cart-sections-grid{grid-template-columns:1fr}.cart-section-header{gap:8px;padding:12px 16px}.cart-section-summary{flex-direction:column;align-items:stretch;gap:12px}.cart-section-checkout-btn{justify-content:center;width:100%}.cart-section-summary-value.total{font-size:20px}}.modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;animation:.25s ease-out modalOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.modal-content{background:var(--color-white);padding:var(--space-xl);border-radius:16px;width:90%;max-width:400px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalContentBounceIn;box-shadow:0 20px 60px #00000040,0 8px 24px #00000026}@keyframes modalContentBounceIn{0%{opacity:0;transform:scale(.8)translateY(-30px)}60%{opacity:1;transform:scale(1.05)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;gap:var(--space-sm);font-size:var(--font-size-h3);color:var(--color-black);margin-bottom:var(--space-md);font-weight:700;display:flex}.modal-header h3{font-size:inherit;font-weight:inherit;margin:0}.modal-body{font-size:var(--font-size-body);color:var(--color-dark-gray);margin-bottom:var(--space-lg);line-height:1.6}.modal-product-name{color:var(--color-black);margin-top:var(--space-sm);font-weight:600}.modal-actions{gap:var(--space-md);justify-content:flex-end;display:flex}.modal-actions .btn{min-width:100px}.modal-btn{padding:var(--space-3)24px;font-size:var(--font-size-body);cursor:pointer;border:none;border-radius:8px;flex:1;font-weight:600;transition:all .2s}.modal-btn-cancel{background:var(--color-white);color:var(--color-dark-gray);border:1px solid #e5e7eb}.modal-btn-cancel:hover{background:var(--color-off-white);border-color:var(--color-gray)}.modal-btn-confirm{background:var(--color-accent);color:var(--color-white)}.modal-btn-confirm:hover{background:var(--color-brand-dark)}.modal-btn-delete{background:var(--color-error);color:var(--color-white)}.modal-btn-delete:hover{background:var(--color-danger-dark);box-shadow:0 4px 12px #ef44444d}.modal-close{width:32px;height:32px;color:var(--color-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--color-off-white);color:var(--color-dark-gray)}.modal-icon{margin-bottom:var(--space-md);justify-content:center;display:flex}.modal-icon .text-warning{color:var(--color-warning)}.modal-title{font-size:var(--font-size-h3);color:var(--color-black);text-align:center;margin-bottom:var(--space-lg);font-weight:700}.modal-product{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-off-white);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);display:flex}.modal-product-image{border-radius:var(--radius-sm);background:var(--color-white);flex-shrink:0;width:60px;height:60px;overflow:hidden}.modal-product-image img{object-fit:cover;width:100%;height:100%}.modal-product-info{flex:1;min-width:0}.modal-product-brand{font-size:var(--font-size-tiny);color:var(--color-gray);margin-bottom:2px}.modal-product-name{font-size:var(--font-size-body);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.modal-product-qty{font-size:var(--font-size-small);color:var(--color-dark-gray)}.modal-content{position:relative}.recommendation-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid #e5e7eb}.recommendation-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.recommendation-title{font-size:var(--font-size-h3);color:var(--color-black);font-weight:700}.recommendation-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.recommendation-card{background:var(--color-white);cursor:pointer;color:inherit;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;transition:all .2s;overflow:hidden}.recommendation-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.recommendation-card-image{width:100%;height:140px;padding:var(--space-md);background:#f9fafb;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.recommendation-card-badges{z-index:2;gap:4px;display:flex;position:absolute;top:8px;left:8px}.recommendation-card-badges .badge{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;box-shadow:0 1px 3px #0000001a}.recommendation-card-image img{object-fit:contain;max-width:100%;max-height:100%}.recommendation-card-body{padding:var(--space-md)}.recommendation-card-brand{font-size:var(--font-size-tiny);color:var(--color-dark-gray);margin-bottom:4px}.recommendation-card-title{font-size:var(--font-size-small);color:var(--color-black);margin-bottom:var(--space-sm);height:2.8em;font-weight:500;line-height:1.4;overflow:hidden}.recommendation-card-footer{align-items:center;gap:var(--space-1-5);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.recommendation-card-price{font-size:var(--font-size-body);color:var(--color-accent);font-weight:700;font-family:var(--font-family-num);font-variant-numeric:tabular-nums}.recommendation-card-badge{font-size:var(--font-size-tiny);color:var(--color-success);font-weight:600}.add-to-cart-btn{width:100%;padding:var(--space-2)12px;margin-top:var(--space-sm);color:var(--color-white);font-size:var(--font-size-small);cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;font-weight:600;transition:all .2s}.add-to-cart-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 2px 8px #6366f14d}.add-to-cart-btn:focus,.add-to-cart-btn:focus-visible{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);outline:none;box-shadow:0 0 0 2px #6366f14d}.add-to-cart-btn:active{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(1px)}@media (max-width:768px){.recommendation-grid{grid-template-columns:repeat(2,1fr)}}.toast-container{z-index:2000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;top:80px;right:24px}.toast{background:var(--color-white);color:var(--color-black);padding:var(--space-4)20px;border:1px solid var(--color-light-gray);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);min-width:320px;animation:.3s ease-out toastSlideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast.hiding{animation:.3s ease-out forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{font-size:var(--font-size-body);flex:1;line-height:1.4}.toast-close{background:var(--color-off-white);width:24px;height:24px;color:var(--color-dark-gray);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .2s;display:flex}.toast-close:hover{background:var(--color-light-gray)}.toast.info{border-left-color:var(--color-primary)}.toast.neutral{border-left-color:var(--color-dark-gray)}.toast.success,.toast.toast-success{border-left-color:var(--color-success)}.toast.toast-success svg{color:var(--color-success)}.toast.error,.toast.toast-error{border-left-color:var(--color-error)}.toast.toast-error svg{color:var(--color-error)}.container>.toast{z-index:2000;position:fixed;top:100px;right:24px}:root{--color-black:#333;--color-dark-gray:#666;--color-gray:#999;--color-light-gray:#e5e5e5;--color-off-white:#f5f5f5;--color-white:var(--color-white);--color-primary:var(--color-brand-primary);--color-primary-hover:var(--color-brand-dark);--color-primary-light:var(--color-brand-light);--color-primary-dark:var(--color-brand-darker);--color-accent:var(--color-sell);--color-accent-hover:var(--color-sell-dark);--color-accent-light:#ffedd5;--color-success:#10b981;--color-success-bg:#d1fae5;--color-info:var(--color-info);--color-info-bg:#dbeafe;--color-warning:var(--color-warning);--color-warning-bg:var(--color-warning-light);--color-error:var(--color-danger);--color-error-bg:var(--color-danger-light);--font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--font-family-num:"Inter","Helvetica Neue",Arial,sans-serif;--font-size-h1:24px;--font-size-h2:18px;--font-size-h3:16px;--font-size-body:14px;--font-size-small:12px;--font-size-tiny:10px;--font-size-price-lg:28px;--font-size-price-md:18px;--font-size-price-sm:14px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--border-radius-sm:4px;--border-radius-md:8px;--border-width:1px;--border-width-thick:2px}.btn.btn-brand{background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);color:var(--color-white);border-radius:var(--radius-sm);padding:var(--space-3)24px;font-size:var(--font-size-body);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:700}.btn.btn-brand:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);color:var(--color-white);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.btn-ghost-light{color:var(--color-white);border:var(--border-width-thick)solid var(--color-white);border-radius:var(--radius-sm);padding:var(--space-3)24px;font-size:var(--font-size-body);cursor:pointer;background:0 0;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-ghost-light:hover{background:var(--color-white);color:var(--color-black)}.tool-header{background:var(--color-white);border:1px solid var(--color-light-gray);border-left:4px solid var(--color-brand-primary);padding:var(--space-xl)var(--space-lg);margin-top:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a}.tool-header-content{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.tool-header-icon{font-size:48px;line-height:1}.tool-header-text h1{color:var(--color-black);margin-bottom:4px;font-size:28px;font-weight:700}.tool-header-text p{font-size:var(--font-size-body);color:var(--color-dark-gray);margin:0}.tool-header-features{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.tool-header-feature{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5)12px;background:var(--color-off-white);color:var(--color-dark-gray);border-radius:20px;font-size:13px;display:inline-flex}.tool-header-feature-icon{font-size:14px}.input-section{background:var(--color-white);border:var(--border-width)solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.input-tabs{border-bottom:var(--border-width-thick)solid var(--color-black);margin-bottom:var(--space-md);display:flex}.input-tab{padding:var(--space-3)24px;background:var(--color-off-white);cursor:pointer;font-size:var(--font-size-body);border:none;font-weight:500}.input-tab.active{background:var(--color-black);color:var(--color-white)}.input-panel{display:none}.input-panel.active{display:block}.search-input-large{gap:var(--space-sm);display:flex}.search-input-large input{padding:var(--space-md);font-size:var(--font-size-h3);border:var(--border-width-thick)solid var(--color-gray);border-radius:var(--radius-sm);flex:1;transition:border-color .2s}.search-input-large input:focus{border-color:var(--color-accent);outline:none}.search-input-large button{padding:var(--space-md)var(--space-xl);background:var(--color-accent);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-h3);cursor:pointer;border:none;font-weight:700;transition:background .2s}.search-input-large button:hover{background:var(--color-accent-hover)}.bulk-input textarea{width:100%;height:200px;padding:var(--space-md);font-size:var(--font-size-body);border-radius:var(--radius-md);line-height:1.8;font-family:var(--font-family);resize:vertical;border:1px solid #00000026;transition:border-color .2s}.bulk-input textarea:focus{border-color:var(--color-accent);outline:none}.bulk-input-hint{font-size:var(--font-size-small);color:var(--color-gray);margin-top:var(--space-sm)}.analyze-btn-area{text-align:center;margin-top:var(--space-lg)}.btn-analyze-main{min-width:240px;padding:var(--space-4)40px;background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:16px;font-weight:700;box-shadow:0 2px 8px #6366f14d}.btn-analyze-main:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-analyze-main:hover svg{color:var(--color-white)}.btn-analyze-main:focus,.btn-analyze-main:focus-visible,.btn-analyze-main:active{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #6366f133,0 4px 12px #6366f14d}.btn-analyze-main:focus svg,.btn-analyze-main:focus-visible svg,.btn-analyze-main:active svg{color:var(--color-white)}.empty-state{text-align:center;padding:var(--space-xl)var(--space-lg);background:linear-gradient(180deg,var(--color-white)0%,#f8f9fa 100%);border-radius:var(--radius-lg)}.empty-state-icon{margin-bottom:var(--space-md);filter:drop-shadow(0 4px 8px #6366f133);font-size:56px}.empty-state-title{font-size:var(--font-size-h2);color:var(--color-black);margin-bottom:var(--space-sm);font-weight:700}.empty-state-desc{font-size:var(--font-size-body);color:var(--color-dark-gray);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.empty-state-description{font-size:var(--font-size-body);color:var(--color-dark-gray);line-height:1.8}.empty-state-card{max-width:560px;margin:var(--space-xl)auto;padding:var(--space-xl);background:var(--color-white);text-align:center;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d}.empty-state-illustration{margin:0 auto var(--space-lg);opacity:.85}.empty-state-icon-wrapper{width:80px;height:80px;margin:0 auto var(--space-md);color:#6366f1;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-card .empty-state-title{font-size:var(--font-size-h3);margin-bottom:var(--space-sm)}.empty-state-card .empty-state-description{margin-bottom:var(--space-lg)}.empty-state-card .empty-state-description strong{color:var(--color-primary)}.empty-state-hints{text-align:left;padding:var(--space-md);margin-bottom:var(--space-lg);background:#f9fafb;border-radius:8px}.empty-state-hints-title{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-sm);font-weight:600}.empty-state-hints ul{margin:0;padding:0;list-style:none}.empty-state-hints li{font-size:var(--font-size-small);color:var(--color-text-secondary);padding:var(--space-1)0;padding-left:20px;position:relative}.empty-state-hints li:before{content:"•";color:var(--color-primary);position:absolute;left:6px}.empty-state-suggestions{margin-bottom:var(--space-lg)}.empty-state-suggestions-title{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-sm);font-weight:600}.empty-state-tags{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.empty-state-tag{padding:var(--space-1-5)12px;background:var(--color-white);font-size:var(--font-size-small);color:#6366f1;border:1px solid #c7d2fe;border-radius:16px;text-decoration:none;transition:all .2s;display:inline-block}.empty-state-tag:hover{color:var(--color-white);background:#6366f1;border-color:#6366f1}.empty-state-actions{gap:var(--space-sm);justify-content:center;display:flex}.empty-state-btn{align-items:center;gap:var(--space-1-5);padding:var(--space-2-5)20px;border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.empty-state-btn.primary{color:var(--color-white);background:#6366f1;border:none}.empty-state-btn.primary:hover{background:#4f46e5}.empty-state-btn.secondary{background:var(--color-white);color:var(--color-dark-gray);border:1px solid #e5e7eb}.empty-state-btn.secondary:hover{background:#f9fafb}.search-result-header{margin-bottom:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--color-off-white);border-radius:var(--radius-sm)}.search-result-query{font-size:var(--font-size-body);color:var(--color-dark-gray)}.search-result-query strong{color:var(--color-primary)}.quick-start-guide{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto;display:grid}@media (max-width:768px){.quick-start-guide{gap:var(--space-md);grid-template-columns:1fr}}.quick-start-item{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-lg)var(--space-md);text-align:center;border:1px solid #00000014;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000f,0 4px 12px #0000000a}.quick-start-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000f}.quick-start-step{background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-secondary)100%);width:36px;height:36px;color:var(--color-white);font-size:var(--font-size-body);margin-bottom:var(--space-md);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #6366f14d}.quick-start-title{font-size:var(--font-size-body);color:var(--color-black);margin-bottom:var(--space-xs);font-weight:700}.quick-start-desc{font-size:var(--font-size-small);color:var(--color-dark-gray);line-height:1.6}.sample-inputs{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-light-gray)}.sample-inputs-label{font-size:var(--font-size-small);color:var(--color-gray);margin-bottom:var(--space-md);justify-content:center;align-items:center;gap:var(--space-xs);display:flex}.sample-inputs-label:before{content:""}.sample-btn-group{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.sample-btn{padding:var(--space-2-5)20px;background:var(--color-white);border:2px solid var(--color-light-gray);font-size:var(--font-size-small);color:var(--color-dark-gray);cursor:pointer;border-radius:24px;font-weight:500;transition:all .2s}.sample-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-light)}.loading-state{text-align:center;padding:var(--space-xxl)var(--space-lg)}.loading-title{font-size:var(--font-size-h2);color:var(--color-black);margin-top:var(--space-lg);font-weight:700}.loading-desc{font-size:var(--font-size-body);color:var(--color-dark-gray);margin-top:var(--space-sm)}.loading-progress{justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);display:flex}.loading-step{align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-gray);display:flex}.loading-step.active{color:var(--color-brand-primary)}.loading-step.done{color:var(--color-black)}.loading-step-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.loading-step.active .loading-step-icon{background:0 0;border:none;width:20px;height:20px}.loading-step.done .loading-step-icon{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.result-toolbar{padding:var(--space-sm)var(--space-md);background:linear-gradient(135deg,var(--color-brand-light)0%,#ffffffe6 100%);border-bottom:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.result-toolbar-actions{gap:var(--space-sm);display:flex}.btn-reset{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);background:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-sm);color:var(--color-dark-gray);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-base);display:inline-flex}.btn-reset:hover{background:var(--color-off-white);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn-action-secondary{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);background:var(--color-white);border:1px solid var(--color-brand-primary);border-radius:var(--radius-sm);color:var(--color-brand-primary);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-base);font-weight:500;text-decoration:none;display:inline-flex}.btn-action-secondary:hover{background:var(--color-brand-light)}.btn-action-primary{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #f973164d}.btn-action-primary:hover{background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.result-header{padding:var(--space-md)var(--space-lg);border-bottom:var(--border-width)solid var(--color-light-gray);background:var(--color-off-white);justify-content:space-between;align-items:stretch;display:flex}.result-product-info{align-items:center;gap:var(--space-4);display:flex}.result-product-image{background:linear-gradient(135deg,var(--color-surface-warm-light)0%,var(--color-surface-warm-dark)100%);width:80px;height:80px;padding:var(--space-2);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.stock-label{color:var(--color-gray);margin-bottom:2px;font-size:11px}.stock-primary{align-items:baseline;gap:var(--space-0-5);display:flex}.stock-number{color:var(--color-success);font-size:28px;font-weight:700;line-height:1}.stock-unit{color:var(--color-dark-gray);font-size:14px;font-weight:500}.stock-delivery{color:var(--color-dark-gray);margin-top:4px;font-size:12px}.stock-info.low .stock-number{color:var(--color-warning)}.stock-info.out .stock-number{color:var(--color-error)}.verdict-area{padding:var(--space-lg);border-bottom:1px solid var(--color-light-gray)}.verdict-main{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);align-items:center;display:flex}.verdict-main.verdict-excellent{background:var(--color-success-light);border-left:4px solid var(--color-success)}.verdict-main.verdict-good{background:var(--color-info-light);border-left:4px solid var(--color-info)}.verdict-main.verdict-caution{background:var(--color-warning-light);border-left:4px solid var(--color-warning)}.verdict-main.verdict-warning{background:var(--color-danger-light);border-left:4px solid var(--color-danger)}.verdict-label{font-size:18px;font-weight:700}.verdict-hint{margin-left:var(--space-md);background:var(--color-white);padding:var(--space-1)8px;border-radius:4px;font-size:12px}.verdict-indicators{gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.verdict-indicator{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-off-white);text-align:center;flex:1}.verdict-indicator.rank-excellent{background:var(--color-white);border:1px solid var(--color-success)}.verdict-indicator.rank-good{background:var(--color-white);border:1px solid var(--color-info)}.verdict-indicator.rank-caution{background:var(--color-white);border:1px solid var(--color-warning)}.verdict-indicator-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.verdict-indicator-name{font-size:var(--font-size-small);color:var(--color-dark-gray)}.verdict-indicator-rank{font-size:16px;font-weight:700}.verdict-indicator-value{font-size:18px;font-weight:700}.verdict-indicator-threshold{font-size:var(--font-size-tiny);color:var(--color-gray);margin-top:4px}.verdict-logic-note{font-size:var(--font-size-tiny);color:var(--color-gray);text-align:center}.verdict{text-align:center;padding:var(--space-sm)var(--space-lg);font-size:var(--font-size-h2);font-weight:700}.verdict-excellent{background:var(--color-success-light);color:var(--color-success-dark)}.verdict-good{background:var(--color-info-light);color:var(--color-info-dark)}.verdict-caution{background:var(--color-warning-light);color:var(--color-warning-dark)}.verdict-warning{background:var(--color-danger-light);color:var(--color-danger-dark)}.verdict-symbol{margin-right:8px;font-size:24px}.analysis-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.analysis-card{padding:var(--space-md)}.analysis-card-title{font-size:var(--font-size-body);color:var(--color-black);margin-bottom:var(--space-md);font-weight:700}.analysis-value.warning{color:var(--color-warning)}.price-table{width:100%;font-size:var(--font-size-body)}.price-table td{padding:var(--space-xs)0}.price-best{background:var(--color-success-bg);padding:var(--space-0-5)6px;color:var(--color-success);border-radius:var(--radius-sm);font-weight:700}.jam-price-box{background:linear-gradient(135deg,var(--color-success-bg)0%,var(--color-success-light)100%);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid #22c55e4d;box-shadow:0 2px 8px #22c55e14,0 4px 12px #22c55e0f}.competitor-prices{font-size:var(--font-size-small)}.competitor-price-row{padding:var(--space-1-5)0;border-bottom:1px solid var(--color-off-white);justify-content:space-between;display:flex}.competitor-price-row:last-child{border-bottom:none}.competitor-name{color:var(--color-dark-gray)}.competitor-shipping{font-size:10px}.purchase-price-box{margin-bottom:var(--space-md);padding:var(--space-2-5);background:linear-gradient(135deg,var(--color-success-bg)0%,var(--color-success-light)100%);border-radius:var(--radius-sm);border:1px solid var(--color-success-light)}.purchase-price-row{justify-content:space-between;align-items:center;display:flex}.purchase-price-label{color:var(--color-dark-gray);font-size:11px}.purchase-price-note{color:var(--color-success);margin-left:4px;font-size:10px}.purchase-price-value{color:var(--color-success);margin-left:4px;font-size:18px;font-weight:700}.price-btn-group{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.price-btn-group-label{color:var(--color-dark-gray);margin-bottom:var(--space-sm);font-size:11px}.price-select-btn{padding:var(--space-2-5)4px;background:var(--color-white);cursor:pointer;text-align:center;border:1px solid #0000001f;border-radius:6px;flex:1;transition:all .2s;position:relative}.price-select-btn:hover{border-color:var(--color-accent)}.price-select-btn.selected{border:1px solid var(--color-accent);background:var(--color-off-white);box-shadow:0 2px 8px #00000014,0 4px 12px #0000000a}.price-select-btn .selected-badge{background:var(--color-black);color:var(--color-white);padding:var(--space-0-5)8px;border-radius:8px;font-size:9px;font-weight:700;display:none;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.price-select-btn.selected .selected-badge{display:block}.price-select-btn-label{color:var(--color-dark-gray);margin-bottom:2px;font-size:10px}.price-select-btn-value{font-size:15px;font-weight:700}.price-select-btn-margin{margin-top:4px}.margin-badge{padding:var(--space-0-5)8px;border-radius:10px;font-size:11px;font-weight:700}.margin-badge.excellent{background:var(--color-success);color:var(--color-white)}.margin-badge.good{background:var(--color-info);color:var(--color-white)}.margin-badge.filled{background:var(--color-success);color:var(--color-white)}.selling-price-input{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.selling-price-input label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.selling-price-input input{padding:var(--space-2-5);border-radius:var(--radius-sm);text-align:right;border:1px solid #0003;flex:1;font-size:16px;font-weight:700;transition:border-color .2s}.selling-price-input input:focus{border-color:var(--color-accent);outline:none}.price-source-badge{text-align:center;margin-bottom:var(--space-md)}.price-source-badge span{background:var(--color-info-bg);color:var(--color-info);padding:var(--space-1)12px;border-radius:12px;font-size:11px;font-weight:700}.margin-result-box{background:var(--color-off-white);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-light-gray)}.margin-result-label{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:4px}.margin-result-amount{color:var(--color-black);font-size:28px;font-weight:700}.margin-result-rate{color:var(--color-dark-gray);font-size:18px;font-weight:700}.selling-signals{padding:var(--space-lg)var(--space-lg);border-top:1px solid var(--color-light-gray);background:linear-gradient(180deg,#f8f9fa 0%,var(--color-white)100%)}.selling-signals-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.selling-signals-icon{font-size:20px}.selling-signals-title{font-size:16px;font-weight:700}.selling-signals-subtitle{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-left:var(--space-sm)}.signal-cards{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.signal-cards{grid-template-columns:1fr}}.signal-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid #00000014;box-shadow:0 2px 8px #0000000f,0 4px 12px #0000000a}.signal-card.red{border-color:var(--color-danger-light)}.signal-card.cosme,.signal-card.jam{border-color:var(--color-brand-light)}.signal-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.signal-card-badge{color:var(--color-white);padding:var(--space-1)8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.signal-card-badge.red{background:var(--color-danger)}.signal-card-badge.cosme,.signal-card-badge.jam{background:var(--color-brand-primary)}.signal-card-logo{align-items:center;gap:var(--space-1-5);padding:var(--space-1)10px;border-radius:var(--radius-sm);color:var(--color-white);font-size:12px;font-weight:700;display:inline-flex}.signal-card-logo.red{background:var(--color-danger)}.signal-card-logo.cosme{background:var(--color-brand-primary)}.signal-card-logo.jam{padding:var(--space-1)8px;background:0 0}.signal-card-logo img{border-radius:2px}.signal-card-title{font-size:var(--font-size-body);font-weight:700}.signal-card-stats{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-end;display:flex}.signal-stat-main{font-size:24px;font-weight:700}.signal-stat-main.red,.signal-stat-main.review{color:var(--color-black)}.signal-stat-label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.signal-stat-trend{color:var(--color-dark-gray);font-size:16px;font-weight:700}.signal-card-info{padding:var(--space-sm);border-radius:var(--radius-sm)}.signal-card-info.red{background:var(--color-danger-light)}.signal-card-info.review,.signal-card-info.jam{background:var(--color-brand-light)}.signal-card-highlight{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-off-white);border-radius:var(--radius-sm);text-align:center;color:var(--color-dark-gray);font-size:11px;font-weight:700}.signal-summary{margin-top:var(--space-md);padding:var(--space-2-5);background:var(--color-off-white);border-radius:var(--radius-sm);align-items:center;gap:var(--space-sm);border:1px solid var(--color-light-gray);display:flex}.signal-summary-icon{font-size:16px}.signal-summary-text{color:var(--color-black);font-size:13px}.sticky-action-bar{background:var(--color-black);z-index:1000;justify-content:center;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000026}.sticky-action-inner{align-items:center;gap:var(--space-lg);width:100%;max-width:1200px;padding:0 var(--space-lg);display:flex}.sticky-verdict{align-items:center;gap:var(--space-sm);padding:var(--space-1-5)12px;border-radius:var(--radius-sm);font-weight:700;display:flex}.sticky-verdict.verdict-warning{background:var(--color-warning);color:var(--color-black)}.sticky-verdict-symbol{font-size:18px}.sticky-verdict-label{font-size:13px}.sticky-price-info{align-items:center;gap:var(--space-sm);color:var(--color-white);display:flex}.sticky-quantity{align-items:center;gap:var(--space-1);display:flex}.sticky-qty-btn{background:var(--color-dark-gray);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-white);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.sticky-qty-btn:hover{background:var(--color-gray)}.sticky-qty-value{text-align:center;min-width:50px;font-size:14px;font-weight:700}.sticky-multiply,.sticky-equals{color:var(--color-gray);font-size:14px}.sticky-unit-price{font-size:16px;font-weight:700}.sticky-discount{color:var(--color-success);font-size:12px;font-weight:700}.sticky-total{color:var(--color-accent);font-size:20px;font-weight:700}.sticky-btn-reset{align-items:center;gap:var(--space-1-5);padding:var(--space-2)12px;border:1px solid var(--color-dark-gray);border-radius:var(--radius-sm);color:var(--color-gray);cursor:pointer;background:0 0;font-size:12px;transition:all .2s;display:flex}.sticky-btn-reset:hover{background:var(--color-dark-gray);border-color:var(--color-gray);color:var(--color-white)}.sticky-actions{gap:var(--space-sm);margin-left:auto;display:flex}.sticky-btn-secondary{align-items:center;gap:var(--space-1-5);padding:var(--space-2-5)16px;border:1px solid var(--color-gray);border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;background:0 0;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sticky-btn-secondary:hover{background:var(--color-dark-gray);border-color:var(--color-white)}.sticky-btn-primary{align-items:center;gap:var(--space-1-5);padding:var(--space-2-5)20px;background:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;border:none;font-size:13px;font-weight:700;transition:all .2s;display:flex}.sticky-btn-primary:hover{background:var(--color-accent-hover)}.sticky-btn-primary.added{background:var(--color-success);cursor:default}.sticky-btn-primary.added:hover{background:var(--color-success)}.accordion-section{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);margin-top:var(--space-md);overflow:hidden}.accordion-section.alt-bg{background:var(--color-off-white)}.accordion-header{padding:var(--space-md)var(--space-lg);justify-content:space-between;align-items:center;transition:background .2s;display:flex}.accordion-header:hover{background:var(--color-off-white)}.accordion-section.alt-bg .accordion-header:hover{background:var(--color-light-gray)}.accordion-header-left{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.accordion-header-icon{align-items:center;display:flex}.accordion-header-title{color:var(--color-black);font-size:15px;font-weight:700}.accordion-header-subtitle{color:var(--color-dark-gray);font-size:12px}.accordion-header-badge{padding:var(--space-0-5)8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.accordion-header-badge.highlight{background:var(--color-brand-light);color:var(--color-brand-primary)}.accordion-header-badge.muted{background:var(--color-light-gray);color:var(--color-dark-gray)}.accordion-header-right{align-items:center;gap:var(--space-sm);display:flex}.accordion-header-meta{color:var(--color-dark-gray);font-size:12px}.accordion-toggle-hint{color:var(--color-gray);font-size:11px}.accordion-content{padding:0 24px 20px}.calendar-timeline{border-left:3px solid var(--color-gray-300);padding-left:24px;position:relative}.calendar-event{padding:var(--space-3)16px;background:var(--color-gray-100);border-radius:var(--radius-lg);margin-bottom:16px;margin-left:16px;position:relative}.calendar-event.highlight{padding:var(--space-4);background:var(--color-brand-light);border:1px solid #6366f14d;margin-bottom:20px}.calendar-event.warning{background:var(--color-danger-light)}.calendar-event-dot{background:var(--color-gray-600);border:2px solid var(--color-white);border-radius:50%;width:12px;height:12px;position:absolute;top:14px;left:-30px}.calendar-event.highlight .calendar-event-dot{background:var(--color-brand-primary);border:3px solid var(--color-white);width:16px;height:16px;box-shadow:0 0 0 2px var(--color-brand-primary);top:16px}.calendar-event.warning .calendar-event-dot{background:var(--color-danger)}.calendar-event-content{justify-content:space-between;align-items:flex-start;display:flex}.calendar-event-badge{padding:var(--space-0-5)8px;color:var(--color-white);background:var(--color-gray-600);border-radius:4px;font-size:10px;font-weight:700;display:inline-block}.calendar-event-badge.primary{background:var(--color-brand-primary)}.calendar-event-badge.danger{background:var(--color-danger)}.calendar-event-title{font-size:13px;font-weight:700}.calendar-event-date{color:var(--color-gray-600);margin-bottom:4px;font-size:12px}.calendar-event-desc{color:var(--color-gray-600);font-size:12px}.calendar-event-meta{color:var(--color-gray-600);text-align:right;font-size:11px}.calendar-event-meta.danger{color:var(--color-danger)}.calendar-event-hint{padding:var(--space-1)8px;background:var(--color-gray-200);color:var(--color-gray-800);border-radius:4px;margin-top:4px;font-size:11px}.calendar-summary{padding:var(--space-2-5);background:var(--color-success-light);text-align:center;color:var(--color-success-dark);border-radius:4px;margin-top:8px;font-size:13px}.assets-download-btn{padding:var(--space-2)16px;background:var(--color-brand-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:4px;font-size:12px;transition:background .2s}.assets-download-btn:hover{background:var(--color-brand-dark)}.assets-grid{gap:var(--space-3);grid-template-columns:repeat(5,1fr);margin-bottom:16px;display:grid}@media (max-width:768px){.assets-grid{grid-template-columns:repeat(2,1fr)}.sticky-action-bar,.floating-purchase-bar{bottom:calc(56px + env(safe-area-inset-bottom))}}.asset-card{background:linear-gradient(135deg,var(--color-surface-warm-light)0%,var(--color-surface-warm-dark)100%);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s;overflow:hidden}.asset-card:hover{border-color:var(--color-brand-primary)}.asset-card.alt{background:var(--color-gray-100)}.asset-card-inner{position:relative}.asset-card-image{aspect-ratio:1;object-fit:contain;width:100%;padding:var(--space-2)}.asset-card-placeholder{aspect-ratio:1;width:100%;color:var(--color-gray-600);flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex}.asset-checkbox{width:18px;height:18px;position:absolute;top:8px;right:8px}.asset-label{background:var(--color-gray-600);color:var(--color-white);padding:var(--space-0-5)6px;border-radius:2px;font-size:9px;position:absolute;bottom:4px;left:4px}.asset-label.dark{background:var(--color-gray-800)}.template-box{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #0000001f;box-shadow:0 2px 8px #0000000f,0 4px 12px #0000000a}.template-header{align-items:center;gap:var(--space-2);margin-bottom:12px;display:flex}.template-badge{background:var(--color-gray-600);color:var(--color-white);padding:var(--space-1)8px;border-radius:4px;font-size:11px;font-weight:700}.template-title{font-size:14px;font-weight:700}.template-subtitle{color:var(--color-gray-600);font-size:11px}.template-content{background:var(--color-gray-100);padding:var(--space-3);color:var(--color-gray-800);border-radius:4px;font-size:13px;line-height:1.6}.template-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.template-note{color:var(--color-gray-600);font-size:11px}.margin-input{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.margin-input input{width:100px;padding:var(--space-sm);border:var(--border-width)solid var(--color-gray);border-radius:var(--radius-sm);font-size:var(--font-size-body);transition:border-color .2s}.margin-input input:focus{border-color:var(--color-accent);outline:none}.margin-result-box{background:var(--color-off-white);padding:var(--space-sm);margin-top:var(--space-sm);text-align:center;border-radius:var(--radius-sm);border:1px solid var(--color-light-gray)}.margin-result-value{font-size:var(--font-size-price-lg);color:var(--color-black);font-weight:700;font-family:var(--font-family-num)}.margin-result-percent{font-size:var(--font-size-body);color:var(--color-dark-gray)}.delivery-section{padding:var(--space-md)var(--space-lg);border-top:var(--border-width)solid var(--color-light-gray);background:var(--color-off-white)}.delivery-info{align-items:center;gap:var(--space-lg);display:flex}.delivery-badge{padding:var(--space-xs)var(--space-sm);background:var(--color-success);color:var(--color-white);font-size:var(--font-size-small);border-radius:var(--radius-sm);font-weight:700;display:inline-block}.action-section{padding:var(--space-md)var(--space-lg);border-top:1px solid var(--color-light-gray);gap:var(--space-md);justify-content:center;display:flex}.bulk-results{margin-top:var(--space-lg)}.bulk-result-item{background:var(--color-white);border:var(--border-width)solid var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.bulk-result-summary{gap:var(--space-4);padding:var(--space-4);grid-template-columns:60px 1fr 100px 100px 100px 120px;align-items:center;display:grid}.bulk-verdict{width:48px;height:48px;font-size:var(--font-size-h1);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.bulk-verdict.excellent{background:var(--color-success-bg);color:var(--color-success)}.bulk-verdict.good{background:var(--color-info-bg);color:var(--color-info)}.bulk-verdict.caution{background:var(--color-warning-bg);color:var(--color-warning)}.bulk-results-title{font-size:var(--font-size-h3);margin-bottom:var(--space-md)}.bulk-product-name{font-weight:700}.bulk-product-jan{font-size:var(--font-size-small);color:var(--color-dark-gray)}.bulk-stat-cell{text-align:center}.bulk-stat-label{font-size:var(--font-size-small);color:var(--color-dark-gray)}.bulk-stat-value{font-weight:700}.bulk-stat-value.success{color:var(--color-success)}.bulk-stat-value.primary{color:var(--color-brand-primary)}.bulk-detail-btn{padding:var(--space-2)16px;font-size:var(--font-size-small)}.sticky-action-bar{background:var(--color-black);z-index:1000;border-top:none;justify-content:center;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}.sticky-action-inner{justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;max-width:1280px;padding:0 24px;display:flex}.sticky-verdict{align-items:center;gap:var(--space-2);padding:var(--space-2)16px;border-radius:8px;min-width:140px;display:flex}.sticky-verdict.verdict-excellent{background:var(--color-success-bg);color:var(--color-success)}.sticky-verdict.verdict-good{background:var(--color-info-bg);color:var(--color-info)}.sticky-verdict.verdict-caution,.sticky-verdict.verdict-warning{background:var(--color-warning-bg);color:var(--color-warning)}.sticky-verdict-symbol{font-size:20px;font-weight:700}.sticky-verdict-label{font-size:14px;font-weight:700}.sticky-price-info{align-items:center;gap:var(--space-2);color:var(--color-white);flex:1;justify-content:center;display:flex}.sticky-price-info span{font-size:14px}.sticky-multiply,.sticky-equals{color:var(--color-gray)}#sticky-total{color:var(--color-white);font-size:20px;font-weight:700}.sticky-cart-btn{min-width:140px}.sticky-detail-btn{min-width:100px}@keyframes spin{to{transform:rotate(360deg)}}.tour-overlay{z-index:9998;pointer-events:auto;background:#0009;position:fixed;inset:0}.tour-tooltip{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-md);z-index:10000;max-width:320px;position:absolute;box-shadow:0 4px 20px #0000004d}.tour-tooltip-arrow{background:var(--color-white);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tour-tooltip[data-position=bottom] .tour-tooltip-arrow{margin-left:-6px;top:-6px;left:50%}.tour-tooltip[data-position=top] .tour-tooltip-arrow{margin-left:-6px;bottom:-6px;left:50%}.tour-tooltip[data-position=right] .tour-tooltip-arrow{margin-top:-6px;top:50%;left:-6px}.tour-tooltip[data-position=left] .tour-tooltip-arrow{margin-top:-6px;top:50%;right:-6px}.tour-tooltip-step{background:var(--color-black);color:var(--color-white);padding:var(--space-0-5)8px;margin-bottom:var(--space-sm);border-radius:10px;font-size:11px;display:inline-block}.tour-tooltip-content{font-size:var(--font-size-body);margin-bottom:var(--space-md);line-height:1.6}.tour-tooltip-actions{justify-content:space-between;gap:var(--space-sm);display:flex}.tour-tooltip-actions button{padding:var(--space-2)16px;border-radius:var(--radius-sm);cursor:pointer;flex:1;font-size:13px}.tour-skip-btn{border:1px solid var(--color-gray);color:var(--color-dark-gray);background:0 0}.tour-prev-btn{background:var(--color-off-white);color:var(--color-black);border:1px solid var(--color-gray)}.tour-next-btn{background:var(--color-black);color:var(--color-white);border:none}.tour-highlight{z-index:9999;box-shadow:0 0 0 4px var(--color-accent),0 0 0 8px #6366f14d;border-radius:var(--radius-sm);position:relative;background:var(--color-white)!important}.tour-highlight.header-btn-primary{background:var(--color-accent)!important;color:var(--color-white)!important}.header.tour-active,.sticky-action-bar.tour-active{z-index:9999!important}.sticky-action-bar.tour-highlight{background:var(--color-black)!important;color:var(--color-white)!important}.tour-start-btn{background:var(--color-black);color:var(--color-white);padding:var(--space-3)20px;cursor:pointer;z-index:100;align-items:center;gap:var(--space-2);border:none;border-radius:24px;font-size:14px;position:fixed;bottom:100px;right:24px;box-shadow:0 4px 12px #0000004d;display:none!important}.tour-start-btn:hover{background:var(--color-black-dark)}.dashboard-header{margin-top:var(--space-md);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#6366f108 0%,#ffffffe6 100%),linear-gradient(90deg,#fff 0%,#fafafa 100%);border:1px solid #6366f11a;border-left:4px solid #6366f1;border-radius:20px;padding:32px 40px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 20px 40px #6366f114,inset 0 1px #ffffffe6}.dashboard-header:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#818cf80d 0%,#0000 50%);position:absolute;inset:0}.dashboard-header>*{z-index:1;position:relative}.dashboard-header-inner{justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.dashboard-header-left h1{color:#111827;letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:8px;font-size:26px;font-weight:800;display:flex}.dashboard-header-left h1 svg{color:#6366f1}.dashboard-header-left p{color:#6b7280;letter-spacing:.01em;font-size:14px;font-weight:500}.dashboard-header-meta{align-items:center;gap:12px;display:flex}.dashboard-logout-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.dashboard-logout-btn:hover{background:#fee2e2;border-color:#f87171}.dashboard-header-goal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);border:1px solid #fff9;border-radius:16px;flex-direction:column;gap:16px;min-width:340px;padding:24px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000a,0 8px 24px #6366f114,inset 0 1px #ffffffe6}.dashboard-header-goal:before{content:"";pointer-events:none;background:linear-gradient(135deg,#6366f108 0%,#0000 100%);border-radius:16px;position:absolute;inset:0}.dashboard-header-goal:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f,0 12px 32px #6366f11f,inset 0 1px #ffffffe6}.goal-layout{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.goal-side{text-align:center;min-width:80px}.goal-side-label{color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.goal-side-value{font-size:16px;font-weight:700;font-family:var(--font-family-num);font-variant-numeric:tabular-nums;color:var(--color-dark-gray)}.goal-side-value.remaining{color:var(--color-primary)}.goal-center{text-align:center;flex:1}.goal-percentage{font-size:48px;font-weight:800;font-family:var(--font-family-num);font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-brand-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.goal-percentage-unit{font-size:24px;font-weight:700}.goal-current-label{color:var(--color-gray);margin-top:4px;font-size:12px}.goal-current-value{color:var(--color-black);font-weight:700;font-family:var(--font-family-num);font-variant-numeric:tabular-nums}.goal-progress-bar{background:linear-gradient(90deg,#6366f114 0%,#818cf814 100%);border-radius:5px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.goal-progress-fill{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-brand-secondary)100%);border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #6366f14d,inset 0 1px #ffffff4d}.goal-disclaimer{color:#9ca3b8;text-align:center;margin:8px 0 0;font-size:11px}.goal-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite dashboard-progress-shimmer;position:absolute;inset:0}@keyframes dashboard-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard-tabs{gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-sm)var(--space-sm)0;background:linear-gradient(#fff 0%,#fafafa 100%);border-bottom:2px solid #0000000f;border-radius:16px 16px 0 0;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.dashboard-tab{font-size:var(--font-size-body);color:var(--color-dark-gray);align-items:center;gap:var(--space-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:10px 10px 0 0;margin-bottom:-2px;padding:14px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.dashboard-tab:hover:not(.active):not(.disabled){color:var(--color-black);background:linear-gradient(#6366f10a 0%,#6366f105 100%)}.dashboard-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:linear-gradient(#6366f114 0%,#6366f10a 100%);font-weight:700}.dashboard-tab.disabled{opacity:.5;cursor:not-allowed}.dashboard-tab.disabled:hover{background:0 0}.dashboard-tab:focus,.dashboard-tab:focus-visible{color:var(--color-primary);border-bottom-color:var(--color-primary);outline:none}.dashboard-tab .badge-count{background:var(--color-error);color:var(--color-white);font-size:var(--font-size-tiny);padding:var(--space-0-5)8px;border-radius:10px;font-weight:600}.section-header-dashboard{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title-dashboard{font-size:var(--font-size-h2);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.alert-card{-webkit-backdrop-filter:blur(12px)saturate(150%);margin-bottom:var(--space-md);background:#ffffffb3;border:1px solid #00000014;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a,inset 0 1px #fffc}.alert-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014,0 4px 8px #0000000f,inset 0 1px #fff}.alert-card-header{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-small);align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(8px);font-weight:600;display:flex}.alert-card-header.urgent{color:var(--color-warning);background:#f59e0b26;border-bottom:1px solid #f59e0b33}.alert-card-header.soon{color:var(--color-warning);background:#f59e0b1a;border-bottom:1px solid #f59e0b26}.alert-card-header.info{color:var(--color-info);background:#3b82f61a;border-bottom:1px solid #3b82f626}.alert-card-body{padding:var(--space-md);gap:var(--space-md);background:#ffffff80;align-items:flex-start;display:flex}.alert-card-image{background:linear-gradient(135deg,var(--color-surface-warm-light)0%,var(--color-surface-warm-dark)100%);border-radius:var(--radius-sm);width:80px;height:80px;font-size:var(--font-size-tiny);color:var(--color-gray);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.alert-card-image img{object-fit:cover;width:100%;height:100%}.alert-card-info{flex:1}.alert-card-title{font-size:var(--font-size-body);margin-bottom:var(--space-xs);font-weight:700}.alert-card-meta{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-sm)}.alert-card-stats{gap:var(--space-md);font-size:var(--font-size-small);display:flex}.alert-card-stat{align-items:center;gap:var(--space-xs);display:flex}.alert-card-stat.positive{color:var(--color-success)}.alert-card-stat.warning{color:var(--color-warning)}.alert-card-actions{gap:var(--space-sm);padding:var(--space-md);background:var(--color-off-white);border-top:var(--border-width)solid var(--color-light-gray);display:flex}.alert-group{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden;box-shadow:0 1px 3px #0000000f}.alert-group.urgent{border-left:4px solid var(--color-error)}.alert-group.soon{border-left:4px solid var(--color-warning)}.alert-group.info{border-left:4px solid var(--color-primary)}.alert-group-header{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-small);justify-content:space-between;align-items:center;font-weight:700;display:flex}.alert-group-header.urgent{background:var(--color-error-bg);color:var(--color-error)}.alert-group-header.soon{background:var(--color-warning-bg);color:var(--color-warning)}.alert-group-header.info{background:var(--color-primary-light);color:var(--color-primary)}.alert-group-count{color:#fff;background:#6b7280;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.alert-group-items{padding:0}.alert-item{gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-light-gray);align-items:center;display:flex}.alert-item:last-child{border-bottom:none}.alert-item-image{background:linear-gradient(135deg,var(--color-surface-warm-light)0%,var(--color-surface-warm-dark)100%);border-radius:var(--radius-sm);flex-shrink:0;width:60px;height:60px;overflow:hidden}.alert-item-image img{object-fit:cover;width:100%;height:100%}.alert-item-info{flex:1;min-width:0}.alert-item-title{font-size:var(--font-size-small);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.alert-item-meta{font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.alert-item-deadline{font-size:var(--font-size-small);font-weight:500}.alert-item-deadline.urgent{color:var(--color-error)}.alert-item-deadline.warning{color:var(--color-warning)}.alert-item-deadline.normal{color:var(--color-dark-gray)}.alert-item-stats{gap:var(--space-1);font-size:var(--font-size-tiny);flex-direction:column;min-width:140px;display:flex}.alert-item-actions{gap:var(--space-1-5);flex-direction:column;flex-shrink:0;display:flex}.alert-group-footer{padding:var(--space-sm)var(--space-md);background:var(--color-off-white);border-top:1px solid var(--color-light-gray);text-align:center}.alert-group-footer a{font-size:var(--font-size-small);color:var(--color-primary);text-decoration:none}.alert-group-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.alert-group-modern{background:var(--color-white);margin-bottom:var(--space-lg);border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.alert-group-header-modern{background:linear-gradient(#fafafa 0%,#fff 100%);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.alert-group-header-modern.urgent{color:#dc2626;background:linear-gradient(90deg,#fef2f2 0%,#fff 100%)}.alert-group-header-modern.soon{color:#d97706;background:linear-gradient(90deg,#fffbeb 0%,#fff 100%)}.alert-group-items-modern{flex-direction:column;display:flex}.alert-item-modern{color:inherit;cursor:pointer;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex}.alert-item-modern:hover{background:#f9fafb;transform:translate(2px)}.alert-item-modern:last-child{border-bottom:none}.alert-item-modern.urgent{background:linear-gradient(90deg,#fef2f2 0%,#fff 100%)}.alert-item-modern.urgent:hover{background:linear-gradient(90deg,#fef2f2 0% 100%)}.alert-item-modern.warning{background:linear-gradient(90deg,#fffbeb 0%,#fff 100%)}.alert-item-modern.warning:hover{background:linear-gradient(90deg,#fffbeb 0% 100%)}.alert-item-main-modern{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.alert-item-image-modern{background:#f9fafb;border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.alert-item-image-modern img{object-fit:cover;width:100%;height:100%}.alert-item-info-modern{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.alert-item-name-modern{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.alert-item-deadline-modern{align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.alert-item-deadline-modern svg,.alert-item-right-modern{flex-shrink:0}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{padding:var(--space-lg);align-items:center;gap:var(--space-md);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#6366f105 0%,#0000 60%);position:absolute;inset:0}.stat-card:hover{border-color:#6366f126;transform:translateY(-4px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.stat-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.stat-card:hover .stat-card-icon{transform:scale(1.05)rotate(-2deg)}.stat-card-icon.purchase{color:#ea580c;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);box-shadow:0 2px 8px #f9731626,inset 0 1px #fffc}.stat-card-icon.products{background:linear-gradient(135deg,var(--color-success-light)0%,#bbf7d0 100%);color:#059669;box-shadow:0 2px 8px #22c55e26,inset 0 1px #fffc}.stat-card-icon.alert{background:linear-gradient(135deg,var(--color-warning-light)0%,#fcd34d 100%);color:#d97706;box-shadow:0 2px 8px #f59e0b26,inset 0 1px #fffc}.stat-card-icon.offer{color:#db2777;background:linear-gradient(135deg,#fce7f3 0%,#f9a8d4 100%);box-shadow:0 2px 8px #ec489926,inset 0 1px #fffc}.stat-card-content{flex:1;min-width:0}.stat-card-value{color:var(--color-black);font-size:28px;font-weight:800;font-family:var(--font-family-num);letter-spacing:-.02em;line-height:1.2}.stat-card-label{color:var(--color-dark-gray);letter-spacing:.01em;margin-top:2px;font-size:13px;font-weight:500}.stat-card-trend{border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.stat-card-trend.positive{color:var(--color-success-dark);background:linear-gradient(135deg,#10b98114 0%,#10b9811f 100%)}.stat-card-trend.negative{color:var(--color-danger-dark);background:linear-gradient(135deg,#ef444414 0%,#ef44441f 100%)}.history-item{gap:var(--space-md);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;align-items:center;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.history-item-link{align-items:center;gap:var(--space-md);min-width:0;color:inherit;flex:1;text-decoration:none;display:flex}.history-item:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.history-item-image{border-radius:var(--radius-sm);width:60px;height:60px;font-size:var(--font-size-tiny);color:var(--color-gray);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.history-item-image img{object-fit:cover;width:100%;height:100%}.history-item-info{flex:1}.history-item-title{font-size:var(--font-size-body);margin-bottom:var(--space-xs);color:#111827;letter-spacing:-.01em;font-weight:700}.history-item-meta{font-size:var(--font-size-small);color:var(--color-dark-gray)}.history-item-stats{align-items:center;gap:var(--space-md);flex-direction:row;min-width:fit-content;display:flex}.history-item-stats .store-counts{gap:var(--space-sm);display:flex}.history-item-stats .favorite-card-status{padding:var(--space-1)10px;font-size:var(--font-size-tiny);white-space:nowrap;border-radius:12px;font-weight:500}.history-item-qty{font-size:var(--font-size-body);font-weight:700}.history-item-date{font-size:var(--font-size-small);color:var(--color-dark-gray)}.history-item-actions{align-items:center;gap:var(--space-sm);display:flex}.btn-icon-delete{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-gray);cursor:pointer;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #00000014;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d,inset 0 1px #ffffffe6}.btn-icon-delete:hover{color:var(--color-error);background:linear-gradient(135deg,#fee2e2fa 0%,#fee2e2f2 100%);border-color:#ef44444d;box-shadow:0 2px 8px #ef444426,inset 0 1px #fffc}.btn-receipt{color:var(--color-primary);white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #6366f14d;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #6366f11a,inset 0 1px #ffffffe6}.btn-receipt:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary)0%,#5558e3 100%);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 2px 8px #6366f133,0 4px 16px #6366f126}.btn-receipt:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af;box-shadow:none;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border-color:#0000001a}.stat-card-trend.warning{color:var(--color-warning)}.stat-card-trend.accent{color:var(--color-accent)}.section-subtitle{font-size:var(--font-size-small);color:var(--color-dark-gray);line-height:1.6}.brand-deadline-item{color:var(--color-gray-700);font-weight:600;display:inline-block}.tab-content.hidden{display:none}.offer-card-highlight.red{background:var(--color-error-bg)}.favorite-card-status{padding:var(--space-1)var(--space-2);white-space:nowrap;border-radius:6px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff4d}.favorite-card-status.excellent{color:#15803d;background:linear-gradient(135deg,#dcfce7fa 0%,#dcfce7f2 100%);border:1px solid #22c55e33}.favorite-card-status.accent{color:#c026d3;background:linear-gradient(135deg,#fae8fffa 0%,#fae8fff2 100%);border:1px solid #d946ef33}.favorite-card-status.good{color:#4338ca;background:linear-gradient(135deg,#e0e7fffa 0%,#e0e7fff2 100%);border:1px solid #6366f133}.favorite-card-status.muted{color:#4b5563;background:linear-gradient(135deg,#f9fafbfa 0%,#f9fafbf2 100%);border:1px solid #00000014}.favorites-brand-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.favorites-brand-card{color:inherit;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;padding:24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.favorites-brand-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.favorites-brand-link{min-width:0;color:inherit;flex:1;align-items:center;gap:16px;text-decoration:none;display:flex}.favorites-brand-image{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px solid #6366f11a;border-radius:50%;flex-shrink:0;width:64px;height:64px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.favorites-brand-card:hover .favorites-brand-image{border-color:#6366f133;box-shadow:0 4px 12px #00000014,inset 0 1px #fffc}.favorites-brand-image img{object-fit:contain;width:100%;height:100%}.favorites-brand-info{flex:1;min-width:0}.favorites-brand-name{font-weight:700;font-size:var(--font-size-body);color:#111827;letter-spacing:-.01em;margin:0 0 4px}.favorites-brand-count{color:#6b7280;letter-spacing:-.005em;margin:0;font-size:13px;font-weight:500}.favorites-brand-note{color:#92400e;background:linear-gradient(135deg,#fef3c7fa 0%,#fef3c7f2 100%);border:1px solid #fbbf244d;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block;box-shadow:0 1px 3px #f59e0b1a,inset 0 1px #fff9}.favorites-brand-date{color:#6b7280;flex-shrink:0;font-size:13px}.filter-select{font-size:var(--font-size-small);color:#374151;cursor:pointer;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #00000014;border-radius:8px;padding:8px 12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a,inset 0 1px #ffffffe6}.filter-select:hover{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border-color:#6366f133;box-shadow:0 2px 6px #0000000f,inset 0 1px #ffffffe6}.filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a,inset 0 1px #ffffffe6}.history-search{background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;margin-bottom:28px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 8px 24px #6366f108,inset 0 1px #ffffffe6}.history-search:before{content:"";background:linear-gradient(90deg,#0000,#6366f126 50%,#0000);height:2px;position:absolute;top:0;left:0;right:0}.history-search .filter-select{min-width:140px;padding:10px 14px}.history-search .filter-select:hover{border-color:#6366f14d}.history-search .filter-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.history-search-input{font-size:var(--font-size-small);background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #00000005}.history-search-input:hover{border-color:#d1d5db;box-shadow:inset 0 1px 2px #00000005,0 0 0 1px #6366f10d}.history-search-input:focus{border-color:#6366f1;outline:none;transform:translateY(-1px);box-shadow:inset 0 1px 2px #00000005,0 0 0 3px #6366f11f,0 2px 8px #6366f114}.history-search-input::placeholder{color:#9ca3af;font-weight:400}.history-search-btn{color:var(--color-white);font-size:var(--font-size-small);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#5b55e8 100%);border:none;border-radius:10px;padding:12px 24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #6366f133,0 4px 12px #6366f126}.history-search-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.history-search-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 4px 8px #6366f14d,0 8px 20px #6366f133}.history-search-btn:hover:before{opacity:1}.history-search-btn:focus,.history-search-btn:focus-visible,.history-search-btn:active{outline-offset:2px;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);outline:2px solid #6366f1;box-shadow:0 4px 8px #6366f14d,0 0 0 4px #6366f133}.history-search-clear{color:#6b7280;font-size:var(--font-size-small);cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;transition:all .2s;display:none}.history-search-clear.show{display:block}.history-search-clear:hover{color:#374151;background:#e5e7eb}.sku-history-section{margin-bottom:var(--space-xl)}.sku-history-title{color:#111827;letter-spacing:-.3px;align-items:center;gap:12px;margin-bottom:20px;font-size:18px;font-weight:800;display:flex}.sku-history-title:before{content:"";background:linear-gradient(#6366f1,#a5b4fc);border-radius:2px;width:4px;height:24px}.sku-history-table{background:var(--color-white);border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 8px 24px #00000008}.sku-history-table th,.sku-history-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:16px 20px}.sku-history-table th{color:#374151;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border-bottom:2px solid #e5e7eb;font-size:11px;font-weight:700}.sku-history-table tr:last-child td{border-bottom:none}.sku-history-table tbody tr{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.sku-history-table tbody tr:nth-child(odd){background:#fff}.sku-history-table tbody tr:nth-child(2n){background:linear-gradient(90deg,#fdfcff,#fafafa)}.sku-history-table tbody tr:hover{background:linear-gradient(90deg,#f9fafb,#f3f4f6);transform:scale(1.01);box-shadow:inset 4px 0 #6366f1,0 2px 8px #6366f114}.sku-product-cell{align-items:center;gap:16px;display:flex}.sku-product-image-link{border-radius:12px;flex-shrink:0;line-height:0;text-decoration:none;display:inline-flex}.sku-product-image{object-fit:cover;background:var(--color-white);border:1px solid #e5e7eb;border-radius:12px;width:64px;height:64px;transition:all .25s;box-shadow:0 2px 4px #0000000f,0 0 0 1px #00000008}.sku-history-table tbody tr:hover .sku-product-image{border-color:#6366f14d;transform:scale(1.08);box-shadow:0 4px 8px #00000014,0 0 0 2px #6366f126}.sku-product-image-placeholder{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000f,0 0 0 1px #00000008}.sku-history-table tbody tr:hover .sku-product-image-placeholder{border-color:#6366f14d;transform:scale(1.08);box-shadow:0 4px 8px #00000014,0 0 0 2px #6366f126}.sku-product-image-placeholder svg{color:#d1d5db}.sku-product-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4;transition:color .2s}.sku-product-name-link{text-decoration:none;display:block}.sku-product-name-link:hover,.sku-product-name-link:focus-visible{color:#6366f1;text-underline-offset:3px;outline:none;text-decoration:underline}.sku-history-table tbody tr:hover .sku-product-name{color:#6366f1}.sku-product-jan{color:#9ca3af;font-size:11px;font-family:var(--font-family-num);background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:6px;padding:3px 8px;font-weight:500;display:inline-block}.sku-count{font-weight:700;font-size:var(--font-size-body);color:var(--color-primary);font-family:var(--font-family-num);text-align:center}.sku-count span{background:var(--color-primary-light);padding:var(--space-1)12px;border-radius:var(--border-radius-full);display:inline-block}.sku-last-date{color:#4b5563;font-size:13px;font-family:var(--font-family-num);font-weight:500}.sku-table-header{justify-content:flex-end;margin-bottom:16px;display:flex}.sku-count-label{color:#6b7280;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #0000000a}.sku-load-more-btn{color:#6366f1;cursor:pointer;background:linear-gradient(#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,inset 0 1px #ffffffe6}.sku-load-more-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f114,#8b5cf614);transition:opacity .3s;position:absolute;inset:0}.sku-load-more-btn:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126,0 2px 4px #6366f11a,inset 0 1px #ffffffe6}.sku-load-more-btn:hover:before{opacity:1}.sku-load-more-btn:active{transform:translateY(0);box-shadow:0 1px 3px #6366f133,inset 0 1px 2px #6366f11a}.history-inner-tabs{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;gap:0;margin-bottom:28px;padding:5px;display:inline-flex;box-shadow:inset 0 1px 3px #0000000f,0 1px 2px #00000005}.history-inner-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.history-inner-tab:hover:not(.active){color:#374151;background:#ffffff80}.history-inner-tab.active{color:#6366f1;background:#fff;font-weight:700;transform:scale(1.02);box-shadow:0 2px 4px #0000000f,0 4px 12px #6366f114,0 0 0 1px #6366f10a}.history-inner-tab.active:after,.history-inner-content{display:none}.history-inner-content.active{display:block}.no-results{text-align:center;padding:var(--space-xl);color:var(--color-dark-gray)}.no-results-icon{margin-bottom:var(--space-md);font-size:48px}.search-match{background:var(--color-primary-light)}.search-match .order-item-name{color:var(--color-primary);font-weight:600}.order-filter-tabs{background:#f3f4f6;border-radius:12px;flex-wrap:wrap;gap:0;margin-bottom:24px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 3px #0000000f,0 1px 2px #00000005}.order-filter-tab{font-size:var(--font-size-small);cursor:pointer;color:#6b7280;z-index:1;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.order-filter-tab:hover:not(.active){color:#374151;background:#ffffff80}.order-filter-tab.active{color:#6366f1;background:#fff;transform:scale(1.02);box-shadow:0 2px 4px #0000000f,0 4px 12px #6366f114,0 0 0 1px #6366f10a}.order-filter-tab .count{color:#4b5563;text-align:center;background:#0000000f;border-radius:8px;min-width:26px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .3s}.order-filter-tab.active .count{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 1px 2px #6366f11a}.order-filter-tab.filter-unpaid.active{color:#f59e0b}.order-filter-tab.filter-unpaid.active .count{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.order-filter-tab.filter-paid-unshipped.active{color:#3b82f6}.order-filter-tab.filter-paid-unshipped.active .count{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.order-filter-tab.filter-shipped.active{color:#10b981}.order-filter-tab.filter-shipped.active .count{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.85}}.order-card{background:linear-gradient(#fff 0%,#fdfcff 100%);border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008,0 0 0 1px #6366f105}.order-card:before{content:"";background:linear-gradient(to bottom,var(--color-border-accent),#6366f14d);width:4px;transition:all .3s;position:absolute;top:0;bottom:0;left:0}.order-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000f,0 12px 32px #0000000a,0 0 0 1px #6366f114}.order-card.status-unpaid:before{background:linear-gradient(#f59e0b,#fbbf24)}.order-card.status-paid-unshipped:before{background:linear-gradient(#3b82f6,#60a5fa)}.order-card.status-shipped:before{background:linear-gradient(#10b981,#34d399)}.order-card-header{background:linear-gradient(90deg,#f9fafb66,#fffc);border-bottom:1px solid #f3f4f6;flex-direction:column;gap:14px;padding:24px 28px;display:flex}.order-card-header-top{justify-content:space-between;align-items:center;display:flex}.order-card-header-meta{align-items:center;gap:12px;display:flex}.order-card-header-bottom{justify-content:space-between;align-items:center;display:flex}.order-card-actions{gap:8px;display:flex}.order-detail-link{color:#6366f1;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.order-detail-link:hover{color:#4f46e5;background:#6366f114}.order-status{letter-spacing:.4px;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000f}.order-status:before{content:"";opacity:.5;background:linear-gradient(135deg,#ffffff4d,#0000);position:absolute;inset:0}.order-status.unpaid{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fde047;animation:2s ease-in-out infinite subtle-pulse}.order-status.paid-unshipped{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd}.order-status.shipped{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.order-badges{flex-wrap:wrap;gap:6px;display:flex}.order-badge{white-space:nowrap;letter-spacing:.02em;border:1px solid #0000;border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.order-badge.badge-green{color:#166534;background:#dcfce7;border-color:#86efac}.order-badge.badge-orange{color:#9a3412;background:#ffedd5;border-color:#fdba74}.order-badge.badge-gray{color:#4b5563;background:#f3f4f6;border-color:#d1d5db}.badge-shimmer{color:#0000;background:#f3f4f6;border-color:#e5e7eb;min-width:56px;min-height:24px;position:relative;overflow:hidden}.badge-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);animation:1.2s ease-in-out infinite badge-shimmer;position:absolute;inset:0}@keyframes badge-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sku-status-badge.badge-shimmer{min-width:48px;min-height:20px}.order-number{color:#6b7280;font-size:14px;font-weight:500}.order-date{color:#6b7280;font-size:14px;font-weight:400}.order-total{color:#111827;font-size:18px;font-weight:600;font-family:var(--font-family-num);font-variant-numeric:tabular-nums}.order-items{background:linear-gradient(#ffffff80,#f9fafb4d);padding:20px 28px}.order-item{border-radius:10px;align-items:center;gap:18px;margin:0 -12px;padding:14px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.order-item:after{content:"";background:linear-gradient(90deg,#0000,#f3f4f6 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:12px;right:12px}.order-item:last-child:after{display:none}.order-item:hover{background:#f9fafbcc;transform:translate(4px);box-shadow:0 2px 8px #00000008}.order-item-image{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 0 0 1px #00000005}.order-item-image-link{text-decoration:none}.order-item:hover .order-item-image{transform:scale(1.05);box-shadow:0 4px 8px #0000000f,0 0 0 1px #6366f11a}.order-item-image img{object-fit:cover;width:100%;height:100%}.order-item-image svg{color:#d1d5db}.order-item-info{flex:1;min-width:0}.order-item-name{color:#111827;word-break:break-word;margin-bottom:4px;font-size:15px;font-weight:500}.order-item-name-link{text-decoration:none;display:block}.order-item-name-link:hover,.order-item-name-link:focus-visible{color:#6366f1;text-underline-offset:3px;outline:none;text-decoration:underline}.order-item-qty{color:#6b7280;font-size:14px;font-weight:400;font-family:var(--font-family-num)}.order-item-action{flex-shrink:0}.order-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.order-item-sku{color:var(--color-gray-400);margin:0;font-size:11px}.btn-reorder{border:1px solid var(--color-primary);background:var(--color-white);color:var(--color-primary);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-reorder:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.btn-reorder:disabled{opacity:.35;cursor:not-allowed;color:#9ca3af;border-color:#d1d5db}.order-items-toggle{cursor:pointer;width:100%;font-size:var(--font-size-small);color:#6366f1;background:#f9fafb;border:none;border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:500;transition:all .15s;display:flex}.order-items-toggle:hover{color:#4f46e5;background:#f3f4f6}.order-items-toggle .arrow{transition:transform .3s}.order-items-toggle.expanded .arrow{transform:rotate(180deg)}.order-items-hidden{opacity:0;max-height:0;transition:opacity .3s,max-height .3s;display:none;overflow:hidden}.order-items-hidden.show{opacity:1;max-height:1000px;display:block}.order-card-footer{gap:var(--space-sm);padding:var(--space-md);background:var(--color-off-white);border-top:1px solid var(--color-light-gray);display:flex}@media (max-width:640px){.order-card-header-meta{flex-wrap:wrap;gap:8px}}.brand-monthly-summary{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.brand-monthly-summary-header{padding:var(--space-md);background:var(--color-off-white);border-bottom:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.brand-monthly-summary-title{font-size:var(--font-size-body);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.brand-monthly-summary-period{font-size:var(--font-size-small);color:var(--color-dark-gray)}.brand-monthly-table{border-collapse:collapse;width:100%}.brand-monthly-table th{padding:var(--space-sm)var(--space-md);text-align:left;font-size:var(--font-size-small);color:var(--color-dark-gray);background:var(--color-off-white);border-bottom:1px solid var(--color-light-gray);font-weight:500}.brand-monthly-table th:not(:first-child){text-align:right}.brand-monthly-table td{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-body);border-bottom:1px solid var(--color-light-gray)}.brand-monthly-table td:not(:first-child){text-align:right;font-family:var(--font-family-num)}.brand-monthly-table tr:last-child td{border-bottom:none}.brand-monthly-table .brand-cell{align-items:center;gap:var(--space-sm);display:flex}.brand-monthly-table .brand-logo{object-fit:cover;background:var(--color-off-white);border-radius:4px;width:24px;height:24px}.brand-monthly-table .brand-name{font-weight:500}.brand-monthly-table .amount{font-weight:600}.brand-monthly-table .amount-previous{color:var(--color-dark-gray)}.brand-monthly-table .change{align-items:center;gap:var(--space-0-5);padding:var(--space-0-5)6px;font-size:var(--font-size-small);border-radius:4px;font-weight:500;display:inline-flex}.brand-monthly-table .change.positive{background:var(--color-success-bg);color:var(--color-success)}.brand-monthly-table .change.negative{background:var(--color-warning-bg);color:var(--color-warning)}.brand-monthly-table .change.neutral{background:var(--color-off-white);color:var(--color-dark-gray)}.brand-monthly-table .no-data{color:var(--color-gray)}.brand-monthly-table tbody tr.hidden-row{display:none}.brand-monthly-table tbody tr.hidden-row.show{display:table-row}.brand-monthly-toggle{width:100%;padding:var(--space-sm);background:var(--color-off-white);border:none;border-top:1px solid var(--color-light-gray);font-size:var(--font-size-small);color:var(--color-dark-gray);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);transition:background .2s;display:flex}.brand-monthly-toggle:hover{background:var(--color-light-gray)}.brand-monthly-toggle .arrow{transition:transform .2s}.brand-monthly-toggle.expanded .arrow{transform:rotate(180deg)}.brand-monthly-total-row{background:var(--color-off-white);font-weight:700}.brand-monthly-total-row td{border-top:2px solid var(--color-light-gray)}.analysis-section-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.analysis-section-header .section-subtitle{color:#6b7280;margin:0;font-size:14px}.analysis-section-header .period-selector{align-self:flex-start}.analysis-summary{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.analysis-section-header{gap:12px;margin-bottom:16px}.analysis-section-header .period-selector{flex-wrap:wrap}.analysis-summary{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.analysis-summary::-webkit-scrollbar{display:none}.summary-card{flex:0 0 calc(100vw - 48px);padding:20px}.summary-card-value{font-size:28px}.analysis-card{padding:16px}.analysis-card-header{margin-bottom:14px;padding-bottom:12px}.top-product-item{gap:10px;padding:12px}.top-product-image{width:36px;height:36px}.top-product-rank{width:26px;height:26px;font-size:12px}}.summary-card{background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.summary-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.summary-card-label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:500}.summary-card-value{font-size:28px;font-weight:700;font-family:var(--font-family-num);color:#111827;margin-bottom:8px}.summary-card-trend{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.summary-card-trend.positive{color:#10b981}.summary-card-trend.negative{color:#ef4444}.dashboard-analysis-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1fr;display:grid}.analysis-card{background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.analysis-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.analysis-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.analysis-card-title{font-size:var(--font-size-body);color:#111827;align-items:center;gap:8px;font-weight:600;display:flex}.analysis-card-footer{text-align:center;border-top:1px solid #f3f4f6;margin-top:20px;padding-top:16px}.btn-show-more{font-size:var(--font-size-small);color:#6366f1;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;padding:8px 24px;font-weight:500;transition:all .2s}.btn-show-more:hover{color:#4f46e5;background:#f3f4f6;border-color:#d1d5db}.analysis-card-title svg{color:var(--color-primary)}.trend-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.trend-table{width:100%;font-size:var(--font-size-small);border-collapse:separate;border-spacing:0}.trend-table th,.trend-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:14px 18px}.trend-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1)}.trend-table tbody tr:hover{background:#fafbfc}.trend-table th{color:#374151;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:13px;font-weight:600}.trend-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.trend-table th.sortable-header:hover{color:#6366f1;background:#f3f4f6}.trend-table th.sortable-header svg{vertical-align:middle}.trend-table th:first-child,.trend-table td:first-child{text-align:left}.trend-table tr:last-child td{border-bottom:none}.trend-positive{color:#10b981;font-weight:600}.trend-negative{color:#ef4444;font-weight:600}.trend-cards-mobile{display:none}@media (max-width:768px){.trend-table-wrapper{display:none}.trend-cards-mobile{flex-direction:column;gap:10px;display:flex}}.trend-card-mobile{background:var(--color-white);border:1px solid #0000000f;border-radius:12px;overflow:hidden}.trend-card-mobile-header{font-weight:600;font-size:var(--font-size-small);color:#111827;background:#f9fafb;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.trend-card-mobile-body{padding:8px 0}.trend-card-mobile-row{justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.trend-card-mobile-label{color:#6b7280;font-size:12px}.trend-card-mobile-value{font-size:var(--font-size-small);font-weight:600;font-family:var(--font-family-num);color:#111827}.top-products{gap:var(--space-sm);flex-direction:column;display:flex}.top-product-item{background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.top-product-item:hover{background:#f9fafb;border-color:#0000000f;transform:translate(4px)}.top-product-rank{color:#9ca3af;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.top-product-rank.rank-1{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 2px 8px #d9770633}.top-product-rank.rank-2{color:#6b7280;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);box-shadow:0 2px 8px #6b728026}.top-product-rank.rank-3{color:#c2410c;background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);box-shadow:0 2px 8px #c2410c33}.top-product-image{object-fit:cover;background:var(--color-white);border:1px solid #0000000f;border-radius:10px;flex-shrink:0;width:48px;height:48px;box-shadow:0 1px 3px #0000000a}.top-product-info{flex:1;min-width:0}.top-product-name{font-size:var(--font-size-small);color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:500;overflow:hidden}.top-product-brand{color:#6b7280;font-size:12px}.top-product-stats{text-align:right;flex-shrink:0}.top-product-amount{font-size:var(--font-size-small);font-weight:700;font-family:var(--font-family-num);color:#111827;margin-bottom:2px}.top-product-qty{color:#6b7280;font-size:12px}.bar-chart{gap:var(--space-sm);flex-direction:column;display:flex}.bar-item{align-items:center;gap:var(--space-md);display:flex}.bar-label{width:100px;font-size:var(--font-size-small);flex-shrink:0}.bar-container{background:var(--color-off-white);border-radius:4px;flex:1;height:24px;position:relative;overflow:hidden}.bar-fill{height:100%;padding-left:var(--space-sm);border-radius:4px;align-items:center;display:flex}.bar-fill.brand-a{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.bar-fill.brand-b{background:linear-gradient(90deg,var(--color-warning),#fbbf24)}.bar-fill.brand-c{background:linear-gradient(90deg,#10b981,#34d399)}.bar-fill.brand-d{background:linear-gradient(90deg,var(--color-danger),#f87171)}.bar-fill.brand-e{background:linear-gradient(90deg,var(--color-info),#60a5fa)}.bar-value{color:#fff;text-shadow:0 1px 2px #0003;font-size:11px;font-weight:600}.bar-amount{text-align:right;width:80px;font-size:var(--font-size-small);font-weight:600;font-family:var(--font-family-num)}.channel-analysis{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.channel-analysis{grid-template-columns:1fr}}.channel-card{background:var(--color-off-white);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center}.channel-icon{margin-bottom:var(--space-xs);font-size:24px}.channel-name{font-size:var(--font-size-small);margin-bottom:var(--space-xs);font-weight:500}.channel-amount{font-size:18px;font-weight:700;font-family:var(--font-family-num);margin-bottom:var(--space-xs)}.channel-share{color:var(--color-dark-gray);font-size:11px}.analysis-grid-2col{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.analysis-grid-2col{grid-template-columns:1fr}}.profit-analysis{gap:var(--space-md);flex-direction:column;display:flex}.profit-item{padding:var(--space-sm)0;border-bottom:1px solid var(--color-light-gray);justify-content:space-between;align-items:center;display:flex}.profit-item:last-child{border-bottom:none}.profit-label{font-size:var(--font-size-small)}.profit-value{font-size:var(--font-size-body);font-weight:600;font-family:var(--font-family-num)}.profit-value.highlight{color:var(--color-success);font-size:20px}.insights-card{background:linear-gradient(135deg,var(--color-primary-light)0%,#e0e7ff 100%);border:1px solid #6366f14d;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-lg)}.insights-title{font-size:var(--font-size-body);margin-bottom:var(--space-md);color:var(--color-primary-dark);align-items:center;gap:var(--space-xs);font-weight:700;display:flex}.insight-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)0;font-size:var(--font-size-small);display:flex}.insight-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.insight-text{color:var(--color-black);line-height:1.6}.insight-text strong{color:var(--color-primary-dark)}.page-header{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md)}.page-title{font-size:var(--font-size-h1);color:var(--color-black);margin-bottom:var(--space-sm);font-weight:700}.page-description{font-size:var(--font-size-body);color:var(--color-dark-gray);line-height:1.6}.result-section{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.result-header{padding:var(--space-md);border-bottom:1px solid var(--color-light-gray);background:var(--color-off-white);align-items:stretch;gap:var(--space-md);display:flex}.result-product-info{gap:var(--space-md);flex:1;align-items:center;display:flex}.result-product-image{border-radius:var(--radius-sm);background:#f0f0f0;flex-shrink:0;width:64px;height:64px;overflow:hidden}.result-product-image img{object-fit:cover;width:100%;height:100%}.result-product-name{font-size:16px;font-weight:700}.result-product-meta{color:var(--color-dark-gray);font-size:12px}.badge{padding:var(--space-0-5)6px;border-radius:3px;font-size:10px;font-weight:700;display:inline-block}.sales-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)10px;background:linear-gradient(135deg,var(--color-brand-light)0%,#ffe0b2 100%);color:var(--color-sell-dark);border:1px solid #ffcc80;border-radius:4px;font-size:11px;font-weight:500;display:inline-flex}.sales-badge strong{color:#d84315;font-size:13px}.product-labels{gap:var(--space-2);margin-top:6px;display:flex}.label-stores{padding:var(--space-1)10px;background:var(--color-off-white);color:var(--color-dark-gray);border:1px solid var(--color-light-gray);border-radius:4px;font-size:12px;font-weight:700;display:inline-block}.verdict-inline{padding:0 var(--space-md);border-left:1px solid var(--color-light-gray);flex-direction:column;justify-content:center;align-items:center;min-width:100px;display:flex}.verdict-inline-badge{align-items:center;gap:var(--space-1);padding:var(--space-1-5)12px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;display:flex}.verdict-inline-badge.excellent{background:var(--color-success-light);color:var(--color-success)}.verdict-inline-hint{color:var(--color-dark-gray);text-align:center;margin-top:4px;font-size:10px}.competitor-inline{padding:0 var(--space-md);border-left:1px solid var(--color-light-gray);flex-direction:column;justify-content:center;min-width:90px;font-size:12px;display:flex}.competitor-inline-row{justify-content:space-between;gap:var(--space-sm);line-height:1.6;display:flex}.competitor-inline-label{color:var(--color-dark-gray)}.competitor-inline-value{font-weight:600}.competitor-inline-value.highlight{color:var(--color-success)}.stock-info{padding-left:var(--space-md);border-left:1px solid var(--color-light-gray);flex-direction:column;justify-content:center;align-items:flex-end;min-width:100px;display:flex}.stock-info-row{align-items:center;gap:var(--space-xs);margin-bottom:2px;display:flex}.stock-badge{background:linear-gradient(135deg,var(--color-success-light)0%,var(--color-success-bg)100%);color:var(--color-success);padding:var(--space-1)10px;border:1px solid var(--color-success-light);border-radius:4px;font-size:12px;font-weight:700;display:inline-block}.delivery-label{color:var(--color-sell-dark);padding:var(--space-1)10px;background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%);border:1px solid #fdba74;border-radius:4px;font-size:12px;font-weight:700;display:inline-block}.delivery-detail{color:var(--color-dark-gray);font-size:11px}.stock-count{color:var(--color-black);font-size:12px}.product-stock-detail{align-items:center;gap:var(--space-3);padding:var(--space-2)12px;background:linear-gradient(135deg,var(--color-off-white)0%,var(--color-light-gray)100%);border-left:3px solid var(--color-info);border-radius:6px;margin-top:8px;display:flex}.product-stock-detail .delivery-detail{align-items:center;gap:var(--space-1-5);color:#616161;font-size:12px;display:flex}.product-stock-detail .delivery-detail:before{content:"";font-size:14px}.product-stock-detail .stock-count{align-items:center;gap:var(--space-1);color:var(--color-success);padding:var(--space-1)10px;background:var(--color-success-light);border-radius:4px;font-size:13px;font-weight:500;display:flex}.product-stock-detail .stock-count:before{content:"";font-size:12px}.product-stock-detail .stock-count strong{color:#1b5e20;font-size:15px}.analysis-grid{border-bottom:1px solid var(--color-light-gray);grid-template-columns:repeat(2,1fr);display:grid}.analysis-card{padding:var(--space-md);border-right:1px solid var(--color-light-gray)}.analysis-card:last-child{border-right:none}.analysis-card-title{font-size:var(--font-size-body);color:var(--color-black);margin-bottom:var(--space-md);padding-top:var(--space-sm);border-top:3px solid var(--color-primary);font-weight:700}.analysis-item{padding:var(--space-sm)0;font-size:var(--font-size-body);justify-content:space-between;display:flex}.analysis-label{color:var(--color-dark-gray)}.analysis-value{color:var(--color-black);font-weight:500}.analysis-value.good{color:var(--color-success)}.analysis-value.highlight{color:var(--color-brand-primary);font-weight:700}.trend-badge{padding:var(--space-0-5)8px;background:var(--color-success-light);color:var(--color-success);border-radius:3px;font-size:12px;font-weight:700;display:inline-block}.jam-price-box{background:linear-gradient(135deg,var(--color-success-light)0%,var(--color-success-bg)100%);border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.jam-price-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.jam-price-label{font-size:var(--font-size-body);color:var(--color-success);font-weight:700}.jam-price-badge{background:var(--color-success);color:var(--color-white);padding:var(--space-0-5)8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700}.jam-price-value{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.jam-price-original{color:var(--color-gray);font-size:var(--font-size-small);text-decoration:line-through}.jam-price-current{color:var(--color-success);font-size:24px;font-weight:700}.jam-price-discount{font-size:var(--font-size-small);color:var(--color-danger);font-weight:700}.quantity-input-area{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#eef2ff4d 0%,#ffffff80 100%);border:1px solid #6366f133;display:flex}.quantity-input-area label{color:var(--color-text);white-space:nowrap;font-size:13px;font-weight:600}.quantity-input-area input{width:80px;padding:var(--space-2-5)var(--space-sm);border-radius:var(--radius-sm);text-align:center;background:#fff;border:1px solid #0003;font-size:16px;font-weight:600;transition:all .2s}.quantity-input-area input:hover{border-color:#6366f180}.quantity-input-area input:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.quantity-input-area .hint{color:var(--color-brand-primary);margin-left:auto;font-size:12px;font-weight:500}.discount-tags{color:var(--color-dark-gray);padding-top:var(--space-sm);border-top:1px dashed #a5d6a7;font-size:11px}.discount-tag-row{align-items:center;gap:var(--space-1);margin-bottom:4px;display:flex}.discount-tag{color:var(--color-white);border-radius:3px;padding:1px 6px;font-size:9px}.discount-tag.bulk{background:var(--color-dark-gray)}.discount-tag.bundle{background:var(--color-accent)}.discount-tag.coupon{background:var(--color-success)}.discount-amount{color:var(--color-danger);margin-left:auto}.discount-amount.applied{color:var(--color-success)}.reference-prices{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.reference-price-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;border:1px solid #00000014;transition:all .2s}.reference-price-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000f,0 4px 12px #0000000a}.reference-price-card.sell{background:linear-gradient(135deg,#f59e0b08 0%,#fff 100%);border-left:3px solid #f59e0b99}.reference-price-card.buy{background:linear-gradient(135deg,#3b82f608 0%,#fff 100%);border-left:3px solid #3b82f699}.reference-price-label{color:var(--color-dark-gray);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.reference-price-value{color:var(--color-text);font-size:24px;font-weight:700;font-family:var(--font-family-num);margin-bottom:var(--space-xs)}.reference-price-diff{margin-top:var(--space-xs);font-size:12px;font-weight:600}.reference-price-diff.positive{color:var(--color-warning)}.reference-price-diff.negative{color:var(--color-info)}.next-discount-hint{margin-top:var(--space-md);padding:var(--space-sm);background:var(--color-brand-light);border:1px dashed var(--color-sell-dark);border-radius:var(--radius-sm);text-align:center;color:var(--color-sell-dark);font-size:11px}.update-time{color:var(--color-gray);text-align:right;margin-top:8px;font-size:10px}.product-summary-name{font-size:var(--font-size-h3);margin-bottom:var(--space-sm);font-weight:700}.product-summary-meta{gap:var(--space-lg);font-size:var(--font-size-small);color:var(--color-dark-gray);display:flex}.platform-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.platform-tab{padding:var(--space-sm)var(--space-lg);background:var(--color-off-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;font-weight:500;transition:all .2s}.platform-tab:hover{background:var(--color-light-gray)}.platform-tab.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.platform-tab .count{margin-left:var(--space-xs);opacity:.7}.stores-table{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);width:100%;overflow:hidden}.stores-table th,.stores-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-light-gray)}.stores-table th{background:var(--color-off-white);font-weight:600;font-size:var(--font-size-small);color:var(--color-dark-gray)}.stores-table tr:last-child td{border-bottom:none}.stores-table tr:hover td{background:var(--color-gray-50)}.store-name{font-weight:500}.store-name a{color:var(--color-black);text-decoration:none}.store-name a:hover{text-decoration:underline}.store-rating{align-items:center;gap:var(--space-xs);display:flex}.store-rating-stars{color:var(--color-warning)}.store-rating-count{font-size:var(--font-size-small);color:var(--color-dark-gray)}.store-price{color:var(--color-black);font-weight:600}.store-price.best{color:var(--color-brand-primary);font-size:1.1em}.store-price-original{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-left:var(--space-xs);text-decoration:line-through}.store-stock{padding:var(--space-0-5)8px;font-size:var(--font-size-small);border-radius:3px;font-weight:500;display:inline-block}.store-stock.in-stock{color:#065f46;background:#d1fae5}.store-stock.low-stock{background:var(--color-warning-light);color:#92400e}.store-stock.out-of-stock{background:var(--color-danger-light);color:#991b1b}.store-shipping{font-size:var(--font-size-small);color:var(--color-dark-gray)}.store-action{text-align:center}.btn-view-store{padding:var(--space-xs)var(--space-md);background:var(--color-off-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--font-size-small);color:var(--color-black);text-decoration:none;transition:all .2s;display:inline-block}.btn-view-store:hover{background:var(--color-light-gray)}.price-comparison-section{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.price-comparison-title{font-size:var(--font-size-body);color:var(--color-black);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-light-gray);font-weight:700}.reference-price-stores{color:var(--color-dark-gray);margin-top:4px;font-size:10px}.tab-content{display:none}.tab-content.active{display:block}.badge-best-price{padding:var(--space-0-5)6px;background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);color:#fff;border-radius:3px;margin-left:6px;font-size:10px;font-weight:700;display:inline-block}.badge-recommended{padding:var(--space-0-5)6px;background:linear-gradient(135deg,var(--color-success)0%,var(--color-success-dark)100%);color:#fff;border-radius:3px;margin-left:6px;font-size:10px;font-weight:700;display:inline-block}.badge-official{padding:var(--space-0-5)6px;background:var(--color-off-white);color:var(--color-dark-gray);border:1px solid var(--color-light-gray);border-radius:3px;margin-left:6px;font-size:10px;font-weight:700;display:inline-block}.badge-popular{padding:var(--space-0-5)6px;background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);color:#fff;border-radius:3px;margin-left:6px;font-size:10px;font-weight:700;animation:2s infinite badge-pulse;display:inline-block}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.stores-table tr.best-price-row{background:linear-gradient(135deg,var(--color-warning-bg)0%,var(--color-warning-light)100%)}.stores-table tr.best-price-row:hover td{background:var(--color-warning-light)}.btn-add-cart{padding:var(--space-xs)var(--space-md);background:var(--color-black);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-small);margin-right:6px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-add-cart:hover{background:var(--color-black);transform:translateY(-1px)}.point-reward{color:var(--color-sell-dark);margin-top:2px;font-size:10px;display:block}.urgency-text{color:var(--color-error);margin-top:2px;font-size:10px;font-weight:500;display:block}.trust-badges{gap:var(--space-1);color:var(--color-dark-gray);margin-top:4px;font-size:10px;display:flex}.trust-badge{align-items:center;gap:var(--space-0-5);display:inline-flex}.analysis-card-wide{grid-column:span 2}.store-count-badge{color:var(--color-dark-gray);margin-left:8px;font-size:12px;font-weight:400}.platform-tabs-inline{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.platform-tab-inline{padding:var(--space-1-5)14px;background:var(--color-white);border:1px solid var(--color-light-gray);cursor:pointer;border-radius:20px;font-size:12px;font-weight:500;transition:all .2s}.platform-tab-inline:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:#f5f3ff}.platform-tab-inline.active{background:var(--color-brand-light);color:var(--color-brand-dark);border-color:var(--color-brand-primary);font-weight:600}.tab-content-inline{display:none}.tab-content-inline.active{display:block}.stores-table-compact{width:100%;font-size:13px}.stores-table-compact th,.stores-table-compact td{padding:var(--space-2)10px;text-align:left;border-bottom:1px solid var(--color-light-gray)}.stores-table-compact th{background:var(--color-off-white);color:var(--color-dark-gray);font-size:11px;font-weight:600}.stores-table-compact tr:last-child td{border-bottom:none}.stores-table-compact tr:hover td{background:var(--color-gray-50)}.stores-table-compact tr.best-price-row{background:var(--color-warning-bg)}.stores-table-compact .store-name a{color:var(--color-black);text-decoration:none}.stores-table-compact .store-name a:hover{text-decoration:underline}.floating-purchase-bar{background:linear-gradient(135deg,var(--color-black-dark)0%,#2d2d2d 100%);z-index:1000;padding:var(--space-3)0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.floating-purchase-inner{justify-content:space-between;align-items:center;gap:var(--space-6);max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.floating-product-info{gap:var(--space-1);flex-direction:column;display:flex}.floating-product-name{color:#fff;font-size:14px;font-weight:600}.floating-stock{color:var(--color-success);font-size:12px}.floating-price-action{align-items:center;gap:20px;display:flex}.floating-price{align-items:baseline;gap:var(--space-2);display:flex}.floating-price-label{color:#aaa;font-size:11px}.floating-price-value{color:var(--color-brand-primary);font-size:24px;font-weight:700}.floating-price-discount{color:var(--color-warning);padding:var(--space-0-5)6px;background:#ff980033;border-radius:3px;font-size:12px;font-weight:700}.floating-cart-btn{align-items:center;gap:var(--space-2-5);padding:var(--space-3-5)32px;background:linear-gradient(135deg,var(--color-sell)0%,var(--color-sell-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:8px;font-size:16px;font-weight:700;transition:all .2s;animation:2s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 4px 12px #f9731666}.floating-cart-btn .cart-icon{background:#ffffff40;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.floating-cart-btn:hover{background:linear-gradient(135deg,var(--color-sell-dark)0%,#c2410c 100%);animation:none;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #f9731699}main.container{padding-bottom:100px}.stores-grid{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.store-links{gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-light-gray);display:flex}.store-link-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--color-off-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);color:var(--color-black);flex:1;text-decoration:none;transition:all .2s;display:flex}.store-link-btn.sell{border-left:3px solid var(--color-accent)}.store-link-btn.buy{border-left:3px solid var(--color-info)}.store-link-btn:hover{transform:translate(2px)}.store-link-btn.sell:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.store-link-btn.buy:hover{background:var(--color-info-bg);border-color:var(--color-info)}.store-link-btn .link-text{flex:1;font-size:13px}.store-link-btn.sell .link-text strong{color:var(--color-accent)}.store-link-btn.buy .link-text strong{color:var(--color-info)}.store-link-btn .link-arrow{color:var(--color-gray);font-size:14px}.stores-section-header.product{background:linear-gradient(to bottom,#00000005 0%,var(--color-white)100%);border-bottom:1px solid #00000026}.stores-section-header.product .stores-section-title{color:var(--color-black);font-weight:700}.product-main{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.product-image-large{border-radius:var(--radius-sm);background:var(--color-off-white);flex-shrink:0;width:120px;height:120px;overflow:hidden}.product-image-large img{object-fit:cover;width:100%;height:100%}.product-basic{flex-direction:column;flex:1;justify-content:center;display:flex}.product-brand{color:var(--color-dark-gray);margin-bottom:4px;font-size:13px}.product-title{margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.3}.product-jan{color:var(--color-gray);font-size:12px}.product-stats{gap:var(--space-sm);padding:var(--space-md);background:var(--color-off-white);border-radius:var(--radius-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center}.stat-label{color:var(--color-dark-gray);margin-bottom:4px;font-size:11px;display:block}.stat-value{color:var(--color-black);font-size:14px;font-weight:600;display:block}.stat-value.highlight{color:var(--color-brand-primary)}.stat-value.success{color:var(--color-success)}.product-info-header{gap:var(--space-md);display:flex}.product-info-image{border-radius:var(--radius-sm);background:var(--color-off-white);flex-shrink:0;width:100px;height:100px;overflow:hidden}.product-info-image img{object-fit:cover;width:100%;height:100%}.product-info-details{flex:1}.product-brand{align-items:center;gap:var(--space-2);color:var(--color-dark-gray);margin-bottom:4px;font-size:13px;display:flex}.product-title{margin-bottom:4px;font-size:18px;font-weight:700}.product-jan{color:var(--color-dark-gray);opacity:.7;margin-bottom:8px;font-size:11px}.stores-section{background:var(--color-white);border-radius:var(--radius-md);border:1px solid #00000014;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 2px 6px #00000008}.stores-section-header{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:linear-gradient(to bottom,#00000003 0%,var(--color-white)100%);border-bottom:1px solid #00000014;display:flex}.stores-section-header.sell{background:linear-gradient(to bottom,#f59e0b0d 0%,var(--color-white)100%);border-bottom:1px solid #f59e0b4d}.stores-section-header.sell .stores-section-title{color:var(--color-warning);font-weight:700}.stores-section-header.buy{background:linear-gradient(to bottom,#3b82f60d 0%,var(--color-white)100%);border-bottom:1px solid #3b82f64d}.stores-section-header.buy .stores-section-title{color:var(--color-info);font-weight:700}.stores-section-header.price{background:linear-gradient(to bottom,#eef2ff99 0%,var(--color-white)100%);border-bottom:1px solid #6366f14d}.stores-section-header.price .stores-section-title{color:var(--color-brand-primary);font-weight:700}.stores-section-header.price .stores-section-hint{color:var(--color-dark-gray);font-size:11px}.section-content{padding:var(--space-md)}.stores-section-title{font-size:var(--font-size-body);font-weight:700}.stores-section-subheader{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);background:var(--color-off-white);border-bottom:1px solid var(--color-light-gray);display:flex}.stores-section-subtitle{color:var(--color-black);font-size:13px;font-weight:700}.stores-section-hint{color:var(--color-dark-gray);font-size:11px}.stores-section .platform-tabs-inline{padding:var(--space-sm)var(--space-lg);border-bottom:1px solid var(--color-light-gray);background:var(--color-off-white)}.stores-section .tab-content-inline{padding:0}.stores-section .stores-table-compact{border:none;border-radius:0}.btn-view-compact{padding:var(--space-1)12px;background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);color:var(--color-black);font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-view-compact:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);transform:translateY(-1px)}.product-card-footer{justify-content:flex-start}.product-detail-layout{grid-template-columns:1fr 1fr;gap:64px;max-width:1280px;padding:40px 0;display:grid}.product-gallery{min-width:0;position:sticky;top:100px}.product-info{min-width:0}.product-main-image{background:linear-gradient(135deg,var(--color-primary-bg-light-60)0%,var(--color-primary-bg-medium-60)100%);height:480px;padding:var(--space-6);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.product-main-image img{object-fit:contain;filter:drop-shadow(0 4px 12px #0000001a);max-width:100%;max-height:100%}.product-thumbnails-wrapper{position:relative}.product-thumbnails{gap:var(--space-3);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;-webkit-overflow-scrolling:touch;padding-bottom:6px;display:flex;overflow-x:auto}.product-thumbnails::-webkit-scrollbar{height:6px}.product-thumbnails::-webkit-scrollbar-track{background:0 0}.product-thumbnails::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.product-thumbnails::-webkit-scrollbar-thumb:hover{background:#9ca3af}.product-thumbnail{scroll-snap-align:start;cursor:pointer;width:88px;height:88px;padding:var(--space-2);box-sizing:border-box;background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;transition:all .2s;overflow:hidden}.product-thumbnail:hover{border-color:#6366f1;box-shadow:0 1px 3px #0000000d}.product-thumbnail img{object-fit:contain;width:100%;height:100%}.product-thumbnail.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.product-thumbnails-nav{cursor:pointer;z-index:2;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:calc(50% - 3px);transform:translateY(-50%);box-shadow:0 2px 8px #0000001f}.product-thumbnails-nav:hover{color:#6366f1;background:#f9fafb;border-color:#6366f1;box-shadow:0 4px 12px #00000026}.product-thumbnails-nav.prev{left:-12px}.product-thumbnails-nav.next{right:-12px}.product-info-section{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.product-header-row{align-items:center;gap:var(--space-2);display:flex}.product-badges{gap:var(--space-1-5);margin-bottom:0;display:flex}.product-brand-row{align-items:center;gap:10px;display:flex}.product-brand-link{color:var(--color-dark-gray);letter-spacing:.05em;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.product-brand-link:hover{color:var(--color-primary)}.product-jan-inline{color:#9ca3af;letter-spacing:.02em;align-items:center;gap:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;display:inline-flex}.product-title{color:var(--color-text);margin:0;font-size:22px;font-weight:700;line-height:1.3}.product-jan{color:var(--color-dark-gray);opacity:.7;margin-top:2px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px}.purchase-box{background:var(--color-white);margin-bottom:var(--space-md);border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.purchase-box-header{padding:var(--space-md)var(--space-lg);background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;display:flex}.purchase-box-price-wrap{gap:var(--space-1);flex-direction:column;display:flex}.purchase-box-price-wrap label{color:var(--color-dark-gray);font-size:11px}.purchase-box-price{color:var(--color-black);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.purchase-box-order{align-items:flex-end;gap:var(--space-lg);display:flex}.purchase-box-quantity{gap:var(--space-1);flex-direction:column;display:flex}.purchase-box-quantity label{color:var(--color-dark-gray);font-size:11px}.purchase-box-quantity input{width:80px;padding:var(--space-2-5)12px;text-align:center;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500}.purchase-box-quantity input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.purchase-box-subtotal-wrap{gap:var(--space-1);text-align:right;flex-direction:column;display:flex}.purchase-box-subtotal-wrap label{color:var(--color-dark-gray);font-size:11px}.purchase-box-subtotal{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.purchase-box-savings{color:var(--color-success);margin-top:4px;font-size:12px;font-weight:600;display:block}.purchase-box-savings strong{color:var(--color-success);font-size:14px}.purchase-box-price .price-original{color:var(--color-gray);margin-right:8px;font-size:16px;text-decoration:line-through}.purchase-box-price .price-discounted{color:var(--color-accent)}.purchase-box-price .price-discount-badge{color:var(--color-white);background:var(--color-error);padding:var(--space-0-5)6px;vertical-align:middle;border-radius:4px;margin-left:8px;font-size:12px;font-weight:700;display:inline-block}.bundle-discount-section{padding:var(--space-lg)var(--space-lg)var(--space-md);border-bottom:1px solid var(--color-light-gray)}.bundle-discount-section-integrated{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid #6366f126}.bundle-discount-header{align-items:center;gap:var(--space-2);color:var(--color-brand-primary);margin-bottom:var(--space-md);font-size:14px;font-weight:700;display:flex}.bundle-discount-tiers{gap:var(--space-2-5);margin-bottom:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.bundle-tier{text-align:center;padding:var(--space-3)8px;border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray);cursor:pointer;font-family:inherit;font-size:inherit;border:1px solid #00000014;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.bundle-tier:hover:not(.active):not(.disabled){border-color:var(--color-brand-primary);background:#6366f10d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 6px 16px #0000000f}.bundle-tier.disabled{opacity:.4;cursor:not-allowed;background:var(--color-bg-gray)}.bundle-tier.achieved{color:var(--color-brand-primary);background:#6366f11f;border-color:#6366f180}.bundle-tier.active{border-color:var(--color-brand-primary);background:linear-gradient(135deg,var(--color-brand-primary)0%,var(--color-brand-dark)100%);color:var(--color-white);transform:scale(1.05);box-shadow:0 4px 16px #6366f140,0 2px 8px #0000001a}.bundle-tier-label{margin-bottom:4px;font-size:11px;font-weight:500}.bundle-tier-discount{font-size:16px;font-weight:700}.bundle-tier.active .bundle-tier-label{font-weight:600}.bundle-tier.active .bundle-tier-discount{font-size:18px}.bundle-discount-savings{color:var(--color-success);text-align:right;margin-bottom:4px;font-size:13px}.bundle-discount-hint{align-items:center;gap:var(--space-2);color:var(--color-brand-primary);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--color-brand-primary);background:#6366f114;font-size:13px;font-weight:500;display:flex}.bundle-discount-hint strong{color:var(--color-brand-primary);font-weight:700}.purchase-box-info{padding:var(--space-sm)var(--space-lg);background:var(--color-bg-gray);border-bottom:1px solid var(--color-light-gray);gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.purchase-box-info-item{font-size:var(--font-size-small);align-items:center;gap:6px;display:flex}.purchase-box-info-item.stock{color:#15803d;padding:var(--space-1)var(--space-2);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:4px;font-weight:600}.purchase-box-info-item.delivery{color:#6b7280;padding:var(--space-1)var(--space-2);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:4px;font-weight:600}.purchase-box-info-item.deadline{color:#7e22ce;padding:var(--space-1)var(--space-2);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #d8b4fe;border-radius:4px;font-weight:600}.purchase-box-info-item.deadline.secondary{opacity:.85;font-weight:500}.purchase-box-info-item.preorder{color:#7e22ce;padding:var(--space-1)var(--space-2);background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #d8b4fe;border-radius:4px;font-weight:600}.purchase-box-info-item.deadline.clickable{transition:all .2s}.purchase-box-info-item.deadline.clickable:hover{padding:var(--space-1)var(--space-2);margin:calc(var(--space-1)*-1)calc(var(--space-2)*-1);background:#6366f10d;border-radius:4px}.deadline-toggle-icon{margin-left:var(--space-2);opacity:.7;font-size:11px;font-weight:500}.purchase-box-info-toggle{padding:var(--space-1)var(--space-2);color:var(--color-accent);cursor:pointer;background:#6366f10d;border:1px solid #6366f133;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s}.purchase-box-info-toggle:hover{background:#6366f11a;border-color:#6366f14d}.purchase-box-info-deadlines{gap:var(--space-2);width:100%;padding-top:var(--space-2);border-top:1px solid var(--color-light-gray);flex-direction:column;display:flex}.order-type-box{margin:var(--space-md)0;padding:var(--space-md)var(--space-lg);border:2px solid;border-radius:8px}.order-type-box.instock{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0}.order-type-box.preorder{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-color:#d8b4fe}.order-type-instock-row{gap:var(--space-3);flex-direction:column;display:flex}.order-type-stock-count{margin-left:var(--space-2);background:#fffc;border:1px solid #22c55e33;border-radius:4px;justify-content:center;align-items:center;padding:2px 8px;font-size:.9em;font-weight:600;display:inline-flex}.order-type-ship-badge{align-items:center;gap:var(--space-2);font-size:var(--font-size-small);color:#15803d;padding:var(--space-2)var(--space-3);background:#ffffffe6;border:1px solid #22c55e33;border-radius:6px;font-weight:500;display:flex}.order-type-header{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-base);margin-bottom:0;display:flex}.order-type-box.instock .order-type-header{color:#15803d;margin-bottom:0}.order-type-box.preorder .order-type-header{color:#7e22ce;margin-bottom:0}.order-type-preorder-content{gap:var(--space-3);flex-direction:column;display:flex}.order-type-desc{font-size:var(--font-size-small);color:#6b7280;align-items:center;gap:var(--space-1);margin:0;display:flex}.order-type-deadlines{gap:var(--space-2);flex-direction:column;margin-top:4px;display:flex}.order-type-toggle-btn{margin-top:var(--space-2);padding:var(--space-2)var(--space-3);color:#7e22ce;font-size:var(--font-size-small);cursor:pointer;text-align:center;background:#fffc;border:1px solid #7e22ce33;border-radius:6px;width:100%;font-weight:500;transition:all .2s}.order-type-toggle-btn:hover{background:#fff;border-color:#7e22ce66}.deadline-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2)0;display:flex}.deadline-row.primary{border-bottom:1px solid #8b5cf640;padding-bottom:8px}.deadline-row.secondary{opacity:.75;font-size:.95em}.deadline-label-row{align-items:center;gap:var(--space-2);min-width:120px;display:flex}.deadline-label{color:#6b7280;font-size:12px;font-weight:600}.deadline-urgent-badge{color:var(--color-danger-dark);background:var(--color-danger-light);padding:var(--space-0-5)8px;white-space:nowrap;border:1px solid #fca5a5;border-radius:4px;font-size:11px;font-weight:700}.deadline-date-value{align-items:center;gap:var(--space-1-5);display:flex}.deadline-date{font-weight:700;font-size:var(--font-size-base);color:#7e22ce;white-space:nowrap}.purchase-box-actions{gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--color-off-white);display:flex}.purchase-box-actions .btn-cart{padding:var(--space-3-5)24px;flex:2}.purchase-box-actions .btn-analyze-secondary{padding:var(--space-3-5)16px;flex:1}.purchase-box-actions .btn-favorite{border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);background:var(--color-white);width:48px;height:48px;color:var(--color-gray);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.purchase-box-actions .btn-favorite:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.purchase-box-actions .btn-favorite.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);animation:.3s ease-out heartPop}.purchase-box-actions .btn-favorite.active svg{fill:var(--color-primary)}.btn-cart{width:100%;padding:var(--space-4)32px;color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:block;box-shadow:0 2px 8px #f973164d,inset 0 1px #fff3}.btn-cart:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f9731666,0 6px 20px #f973164d}.btn-cart:focus,.btn-cart:focus-visible,.btn-cart:active{outline-offset:2px;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);outline:2px solid #f97316;box-shadow:0 0 0 4px #f9731633,0 4px 12px #f973164d}.btn-analyze-secondary{width:100%;padding:var(--space-3-5)24px;background:var(--color-white);color:var(--color-black);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:var(--font-size-small);cursor:pointer;text-align:center;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:block}.btn-analyze-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-analyze-secondary:focus,.btn-analyze-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-buttons{gap:var(--space-sm);flex-direction:column;display:flex}.promo-card{text-align:center;padding:var(--space-4);border-radius:var(--radius-md);background:#fff;transition:transform .2s}.promo-card:hover{transform:translateY(-2px)}.promo-icon{color:var(--color-brand-primary);justify-content:center;align-items:center;margin-bottom:8px;display:flex}.promo-title{font-size:var(--font-size-small);color:var(--color-black);margin-bottom:2px}.promo-meta{font-size:var(--font-size-tiny);color:var(--color-gray)}.promo-btn{padding:var(--space-1-5)16px;font-size:var(--font-size-small);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-brand-darker)100%);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;margin-top:12px;transition:all .2s}.promo-btn:hover{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);border-color:var(--color-brand-dark);box-shadow:0 2px 8px #6366f14d}.promo-btn:focus,.promo-btn:focus-visible{background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);border-color:var(--color-brand-dark);outline:none;box-shadow:0 0 0 2px #6366f14d}.promo-btn:active{background:linear-gradient(135deg,var(--color-brand-darker)0%,var(--color-brand-darkest)100%);transform:translateY(1px)}.breadcrumb{padding:var(--space-4)0;font-size:var(--font-size-small);color:#6b7280}.breadcrumb a{color:#111827;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#6366f1}.breadcrumb span{color:#6b7280}.info-box-unified{background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;padding:28px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.info-box-unified .info-box-title{color:#111827;letter-spacing:-.01em;border-bottom:2px solid #f3f4f6;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;font-size:18px;font-weight:700;display:flex}.info-box-unified .info-box-title .title-icon{width:32px;height:32px;color:var(--color-primary);background:linear-gradient(135deg,#6366f114 0%,#6366f10a 100%);border:1px solid #6366f126;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:0 1px 3px #6366f11a}.info-box-unified .info-row{border-bottom:1px solid #f9fafb;align-items:center;padding:12px 0;font-size:14px;transition:background .2s;display:flex}.info-box-unified .info-row:hover{background:#6366f105}.info-box-unified .info-row:last-child{border-bottom:none}.info-box-unified .info-label{color:#6b7280;flex-shrink:0;width:80px;font-weight:600}.info-box-unified .info-value{color:#111827;font-weight:500}.info-box-unified .info-value .brand-link{color:#6366f1;text-decoration:none}.info-box-unified .info-value .brand-link:hover{text-decoration:underline}.info-box-unified .info-value.category-breadcrumb{align-items:center;gap:var(--space-1);display:flex}.info-box-unified .info-value.category-breadcrumb a{color:#6366f1;text-decoration:none}.info-box-unified .info-value.category-breadcrumb a:hover{text-decoration:underline}.info-box-unified .info-value.category-breadcrumb svg{color:#6b7280}.promo-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.promo-grid{grid-template-columns:1fr}}.related-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-light-gray)}.related-section .section-title{font-size:var(--font-size-h3);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.related-section .section-title:before{content:"";font-size:18px}.related-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:768px){.related-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.related-card{background:var(--color-white);padding:var(--space-md);color:inherit;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-height:280px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.related-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}@media (max-width:768px){.related-card{min-height:auto;padding:10px}.related-card:hover{transform:none}}.related-card-image{background:linear-gradient(135deg,var(--color-primary-bg-light-60)0%,var(--color-primary-bg-medium-60)100%);height:140px;margin-bottom:var(--space-sm);padding:var(--space-sm);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.related-card-image img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);max-width:100%;max-height:100%}.related-card-brand{font-size:var(--font-size-tiny);color:var(--color-dark-gray);margin-bottom:2px}.related-card-name{font-size:var(--font-size-small);margin-bottom:var(--space-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;min-height:40px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.related-card-price{font-size:var(--font-size-body);color:var(--color-accent);margin-bottom:var(--space-xs);font-weight:700}.related-card-meta{font-size:var(--font-size-tiny);color:var(--color-dark-gray)}.brand-calendar{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);gap:var(--space-sm);flex-wrap:wrap;display:flex;overflow-x:auto}.brand-calendar::-webkit-scrollbar{height:6px}.brand-calendar::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:3px}.brand-calendar::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:3px}.brand-calendar::-webkit-scrollbar-thumb:hover{background:var(--color-dark-gray)}.brand-calendar-title{width:100%;font-size:var(--font-size-body);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.brand-calendar-title:before{content:none}.brand-calendar-title .title-icon{background:var(--color-off-white);width:24px;height:24px;color:var(--color-text-secondary);border-radius:6px;justify-content:center;align-items:center;display:flex}.brand-calendar-timeline{gap:var(--space-sm);width:100%;padding-bottom:var(--space-xs);scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s;display:flex;overflow-x:auto}.brand-calendar-timeline:hover{scrollbar-color:var(--color-gray)var(--color-light-gray)}.brand-calendar-timeline::-webkit-scrollbar{height:6px}.brand-calendar-timeline::-webkit-scrollbar-track{background:var(--color-light-gray);opacity:0;border-radius:3px;transition:opacity .3s}.brand-calendar-timeline:hover::-webkit-scrollbar-track{opacity:1}.brand-calendar-timeline::-webkit-scrollbar-thumb{background:var(--color-gray);opacity:0;border-radius:3px;transition:opacity .3s}.brand-calendar-timeline:hover::-webkit-scrollbar-thumb{opacity:1}.brand-calendar-timeline::-webkit-scrollbar-thumb:hover{background:var(--color-dark-gray)}.calendar-month{flex-shrink:0;width:200px;transition:all .2s}.calendar-month-header{color:#111827;font-weight:600;font-size:var(--font-size-small);text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-bottom:2px solid #d1d5db;border-radius:12px 12px 0 0;padding:10px 12px}.calendar-month.current .calendar-month-header{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-bottom:2px solid #6366f1}.calendar-month.current .calendar-month-header:after{content:" ◀";color:#6366f1;font-size:10px}.calendar-month-content{background:var(--color-white);border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;min-height:60px;padding:12px}.calendar-event{padding:var(--space-1)6px;background:var(--color-off-white);color:var(--color-black);cursor:pointer;border-radius:3px;margin-bottom:4px;font-size:11px;line-height:1.3;text-decoration:none;transition:background .2s,transform .1s;display:block}.calendar-event:hover{background:#e3f2fd;transform:translate(2px)}.calendar-event:last-child{margin-bottom:0}.calendar-event.highlight,.calendar-month.current .calendar-event{background:linear-gradient(135deg,var(--color-info-light)0%,var(--color-info-bg)100%);border:none;border-left:3px solid var(--color-info);border-radius:8px}.calendar-event.highlight:hover,.calendar-month.current .calendar-event:hover{background:#bbdefb}.calendar-event.major{background:#dbeafe;border-left:3px solid #3b82f6;border-radius:8px;padding:8px 10px}.calendar-event.major:hover{background:#bfdbfe}.calendar-event.minor{border:1px solid #e5e7eb;border-left:3px solid var(--color-gray);background:#f9fafb;border-radius:8px;padding:8px 10px}.calendar-event-brand{color:#1976d2;margin-bottom:1px;font-size:11px;font-weight:700}.calendar-event-content{color:var(--color-dark-gray);font-size:10px;line-height:1.3}.brands-featured-section{background:linear-gradient(135deg,#eef2ff 0%,#f9fafb 100%);border:1px solid #e0e7ff;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000000d}.brands-featured-header{font-size:var(--font-size-body);color:#111827;align-items:center;gap:8px;margin-bottom:20px;font-weight:600;display:flex}.brands-featured-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.brand-featured-card{color:inherit;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.brand-featured-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.brand-featured-logo{justify-content:center;align-items:center;width:100%;height:80px;padding:8px;display:flex;overflow:hidden}.brand-featured-logo .brand-index-logo{width:100%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.brand-featured-logo .brand-index-logo img{width:auto;max-width:100%;height:auto;max-height:100%}.brand-featured-info{text-align:center}.brand-featured-name{font-size:var(--font-size-small);color:#111827;margin-bottom:4px;font-weight:600;display:block}.brand-featured-count{color:#6b7280;font-size:12px}.brand-trending-badge{width:24px;height:24px;color:var(--color-white);background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #f59e0b4d}.brands-toolbar{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.brands-search{background:var(--color-white);border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;gap:12px;max-width:480px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.brands-search:focus-within{background:var(--color-white);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.brands-search input{font-size:var(--font-size-body);color:#111827;background:0 0;border:none;outline:none;flex:1}.brands-search input::placeholder{color:#9ca3af}.alphabet-nav{gap:var(--space-0-5);padding:var(--space-xs)0;flex-wrap:wrap;margin-bottom:0;display:flex}.alphabet-nav-item{padding:var(--space-1-5)10px;color:var(--color-brand-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s}.alphabet-nav-item:hover:not(.disabled){background:var(--color-brand-light);color:var(--color-brand-dark)}.alphabet-nav-item.disabled{color:var(--color-gray-300);cursor:default;pointer-events:none}.kana-nav{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-xl);padding-top:0}.kana-nav .alphabet-nav-item{font-size:13px}.brands-grouping-bar{margin-bottom:var(--space-xl);flex-direction:column;gap:0;display:flex}.brands-nav-links{border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 0;display:flex}.brands-nav-link{color:#6366f1;border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;text-align:center;border-radius:6px;justify-content:center;align-items:center;min-width:40px;min-height:36px;padding:6px 10px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex}.brands-nav-link:hover:not(.disabled){color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.brands-nav-link.disabled{color:#d1d5db;cursor:default;pointer-events:none;background:#f9fafb;border-color:#f3f4f6}.brand-index-count{color:var(--color-gray-500);font-size:12px}.brand-index-section{margin-bottom:var(--space-xl)}.brand-index-letter{letter-spacing:.08em;color:#6b7280;text-transform:uppercase;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-block}.brand-index-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.brand-index-card{color:var(--color-text);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;justify-content:center;align-items:center;padding:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.brand-index-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.brand-index-logo{width:100%;height:80px;padding:var(--space-sm);background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.brand-index-logo--placeholder{color:#6366f1;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:12px;font-size:24px;font-weight:700}.back-to-top{background:var(--color-white);color:#6b7280;cursor:pointer;z-index:50;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.back-to-top:hover{color:var(--color-white);background:#6366f1;border-color:#6366f1;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #6366f166}.brands-filters{gap:var(--space-md);display:flex}.brands-filter-checkbox{align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-dark-gray);cursor:pointer;display:flex}.brands-filter-checkbox input{accent-color:var(--color-brand-primary)}.brands-result-count{align-items:center;gap:var(--space-sm);font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-md);display:flex}.brands-search-term{margin-left:var(--space-xs);color:var(--color-brand-primary);font-weight:500}.brands-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.brands-grid .brand-card{background:var(--color-white);border:1px solid var(--color-light-gray);color:inherit;border-radius:12px;flex-direction:column;height:auto;text-decoration:none;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.brands-grid .brand-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 8px 16px #6366f11f}.brands-grid .brand-card-header{padding:var(--space-6)16px 16px;background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.brands-grid .brand-card-logo{background:linear-gradient(135deg,var(--color-surface-warm-light)0%,var(--color-surface-warm-dark)100%);width:64px;max-width:none;height:64px;max-height:none;padding:var(--space-1-5);border-radius:16px;justify-content:center;align-items:center;transition:transform .25s;display:flex;overflow:hidden}.brands-grid .brand-card:hover .brand-card-logo{transform:scale(1.05)}.brands-grid .brand-card-badge{padding:var(--space-1)8px;letter-spacing:.02em;border-radius:12px;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0000001a}.brands-grid .brand-card-badge.trending{color:var(--color-white);background:linear-gradient(135deg,#f43f5e 0%,#ec4899 100%)}.brands-grid .brand-card-badge.featured{background:linear-gradient(135deg,var(--color-warning)0%,#f97316 100%);color:var(--color-white)}.brands-grid .brand-card-body{padding:var(--space-2)16px 20px;text-align:center;align-items:center;gap:var(--space-0-5);flex-direction:column;display:flex}.brands-grid .brand-card-name{color:var(--color-black);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:700;line-height:1.3}.brands-grid .brand-card-name-ja{color:var(--color-gray);margin:0;font-size:11px}.brands-grid .brand-card-categories{justify-content:center;gap:var(--space-1);flex-wrap:wrap;margin-top:6px;display:flex}.brands-grid .brand-card-category{padding:var(--space-0-5)8px;background:var(--color-off-white);color:var(--color-dark-gray);border-radius:10px;font-size:10px;font-weight:500}.brands-grid .brand-card-category-more{padding:var(--space-0-5)8px;background:var(--color-light-gray);color:var(--color-gray);border-radius:10px;font-size:10px;font-weight:500}.brands-grid .brand-card-product-count{color:var(--color-dark-gray);margin-top:6px;font-size:11px}.brands-empty{text-align:center;padding:var(--space-xxl);background:var(--color-off-white);border-radius:var(--radius-md)}.brands-empty p{font-size:var(--font-size-body);color:var(--color-dark-gray);margin-bottom:var(--space-md)}.brands-empty button{padding:var(--space-sm)var(--space-md);background:var(--color-brand-primary);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-small);cursor:pointer;border:none;transition:background .2s}.brands-empty button:hover{background:var(--color-brand-hover)}@media (max-width:768px){.red-grid{grid-template-columns:1fr}.red-grid-3,.red-grid-4,.red-grid-5,.carousel-page,.carousel-page-3,.carousel-page-5{grid-template-columns:repeat(2,1fr)}.red-section-header{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);flex-direction:column}.red-section-actions{justify-content:flex-start;width:100%}}@media (max-width:480px){.red-grid,.red-grid-3,.red-grid-4{grid-template-columns:1fr}.red-grid-5{grid-template-columns:repeat(2,1fr)}.red-card-image{height:160px}.red-card-sm .red-card-image{height:150px}.carousel-nav{display:none}.carousel-container{padding:0}.carousel-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.carousel-wrapper::-webkit-scrollbar{display:none}.carousel-track{gap:var(--space-sm);transition:none;transform:none!important}.carousel-page,.carousel-page.carousel-page-3,.carousel-page.carousel-page-5{gap:var(--space-sm);flex:none;grid-template-columns:none;min-width:auto;display:flex}.carousel-page>*,.carousel-page.carousel-page-3>*,.carousel-page.carousel-page-5>*{flex:0 0 calc(40vw - 12.8px);width:calc(40vw - 12.8px)}.carousel-page .red-card-image,.carousel-page .red-card-sm .red-card-image{height:120px;padding:var(--space-2)}.carousel-page .red-card-sm .red-card-body{padding:var(--space-1)var(--space-1-5)}.carousel-page .red-card-sm .red-card-brand{font-size:10px}.carousel-page .red-card-sm .red-card-title{-webkit-line-clamp:2;font-size:11px}.carousel-page .red-card-sm .red-card-save{width:26px;height:26px}.carousel-page .red-card-sm .red-card-cart{width:24px;height:24px}.carousel-page .red-card-sm .red-card-cart svg{width:12px;height:12px}.carousel-page .red-card-footer{padding-top:var(--space-xs);flex-wrap:wrap;gap:4px;margin-top:auto}.carousel-page .red-card-stats{gap:2px 4px;width:100%}.carousel-page .product-card-price{font-size:13px}.carousel-page .product-card-rate{padding:0 3px;font-size:9px}.carousel-page .badge-soldout{margin-left:auto;padding:0 4px;font-size:9px}.carousel-page .red-card-cart{width:24px;height:24px;margin-left:auto}.carousel-indicators{display:none}}@media (max-width:1024px){.brands-featured-grid,.brands-grid,.brand-index-grid{grid-template-columns:repeat(3,1fr)}.carousel-page .red-card-footer{flex-wrap:wrap;gap:4px}.carousel-page .red-card-stats{gap:2px 4px;width:100%}.carousel-page .badge-soldout,.carousel-page .red-card-cart{margin-left:auto}}@media (max-width:768px){.brands-featured-grid{grid-template-columns:unset;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-auto-columns:calc(28.5714vw - 14.8571px);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.brands-featured-grid::-webkit-scrollbar{display:none}.brand-featured-card{border-radius:12px;gap:6px;padding:10px}.brand-featured-logo{height:40px;padding:4px}.brands-grid{grid-template-columns:repeat(2,1fr)}.brand-index-grid{grid-template-columns:repeat(3,1fr);gap:10px}.brand-index-card{border-radius:12px;padding:12px}.alphabet-nav-item{padding:var(--space-1)6px;font-size:13px}.brand-index-logo{height:50px}.brand-index-logo--placeholder{border-radius:8px;font-size:18px}.brands-toolbar{flex-direction:column;align-items:stretch}.brands-search{max-width:none}.brands-nav-links{gap:6px;padding:8px 0}.brands-nav-link{min-width:44px;min-height:44px;padding:8px;font-size:14px}.brand-index-count{font-size:11px}.ranking-header{display:none}.ranking-item{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex;position:relative}.ranking-item>.ranking-number{top:var(--space-sm);left:var(--space-sm);position:absolute}.ranking-item-image{aspect-ratio:1;width:100%;max-width:200px;height:auto;margin:0 auto}.ranking-item-info{text-align:center}.ranking-item-stats{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ranking-stat{flex:none}}@media (max-width:480px){.ranking-item{padding:var(--space-sm)}.ranking-item-image{max-width:160px}}@media (max-width:768px){.product-detail-layout{gap:var(--space-lg);grid-template-columns:1fr;padding:16px 0}.product-gallery{position:static}.product-main-image{aspect-ratio:1;height:auto;max-height:400px;margin-left:auto;margin-right:auto}.product-main-image img{margin:0 auto;display:block}.product-thumbnails{scroll-padding-left:0}.product-thumbnails-nav{display:none}.product-cart-row{flex-wrap:wrap;gap:10px}.product-qty-selector{flex-shrink:0}.product-qty-selector .qty-btn{width:44px;height:48px;font-size:18px}.product-qty-selector .qty-input{width:56px;height:48px;font-size:16px}.product-cart-row .btn-cart{flex:1 0 100%;order:3;justify-content:center;height:48px;font-size:15px}.product-cart-row .btn-favorite{flex-shrink:0;width:48px;height:48px}}@media (max-width:480px){.product-detail-layout{gap:var(--space-md)}.product-main-image{max-height:320px}.product-info-section{padding:var(--space-sm)}}@media (max-width:1024px){.hero-compact{gap:var(--space-md);grid-template-columns:1fr}.hero-alert-card-modern{aspect-ratio:auto;height:320px}}@media (max-width:768px){.hero-compact{gap:var(--space-md);grid-template-columns:1fr}.hero-slide{padding:var(--space-lg)var(--space-md)}.hero-slide h2{font-size:20px}.hero-side{gap:var(--space-sm);flex-flow:wrap}.hero-side-card{flex:1 1 calc(50% - var(--space-sm));min-width:200px;padding:var(--space-sm)}}@media (max-width:480px){.hero-slide h2{font-size:18px}.hero-side-card{flex:100%}.hero-carousel-arrow{width:36px}}@media (max-width:768px){.category-tabs{margin-left:calc(-1*var(--space-md));margin-right:calc(-1*var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.category-tab{padding:var(--space-2-5)14px;scroll-snap-align:start;flex-shrink:0;min-height:44px;font-size:13px}}@media (max-width:480px){.category-tab{padding:var(--space-2)12px;font-size:12px}.red-card{min-width:unset;max-width:unset}.red-card-image{height:180px}.red-card-sm .red-card-image{height:170px}.red-card-body{padding:var(--space-sm)}.red-card-save{width:28px;height:28px}.red-card-cart{width:26px;height:26px}.modal-content{margin:var(--space-md);max-height:calc(100vh - 32px)}.modal-actions{gap:var(--space-sm);flex-direction:column-reverse}.modal-actions .btn,.modal-btn{justify-content:center;width:100%;min-height:48px}.toast-container{right:var(--space-sm);left:var(--space-sm);bottom:var(--space-sm);top:auto}.toast{min-width:unset;width:100%}.brands-featured-grid,.brands-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.brands-grid .brand-card-header{padding:var(--space-4)12px 12px}.brands-grid .brand-card-logo{width:56px;height:56px}}.jam-price-box-stores{border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);background:linear-gradient(135deg,#eef2ff80 0%,#fffffff2 100%);border:1px solid #6366f140;position:relative;overflow:hidden;box-shadow:0 2px 8px #6366f114,0 4px 12px #6366f10f}.jam-price-box-stores:before{content:"";background:linear-gradient(90deg,#6366f166 0%,#6366f11a 100%);height:3px;position:absolute;top:0;left:0;right:0}.jam-price-box-stores .jam-price-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.jam-price-box-stores .jam-price-label{color:var(--color-brand-primary);letter-spacing:.5px;font-size:18px;font-weight:700}.best-price-badge{align-items:center;gap:var(--space-1);color:var(--color-brand-dark);padding:var(--space-1)10px;background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex}.best-price-badge:before{content:"★";color:var(--color-warning)}.jam-price-box-stores .jam-price-value{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.jam-price-box-stores .jam-price-original{color:var(--color-dark-gray);opacity:.7;font-size:18px;text-decoration:line-through}.jam-price-box-stores .jam-price-current{color:var(--color-brand-primary);font-size:32px;font-weight:700;font-family:var(--font-family-num);position:relative}.jam-price-box-stores .jam-price-current:after{content:"";background:linear-gradient(90deg,var(--color-brand-primary)0%,transparent 100%);opacity:.4;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.jam-price-box-stores .jam-price-discount{color:var(--color-warning);padding:var(--space-1)10px;background:#fbbf2426;border-radius:8px;font-size:18px;font-weight:700}.jam-price-subtotal{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);background:#6366f114;border:1px solid #6366f133;justify-content:space-between;align-items:center;display:flex}.subtotal-label{color:var(--color-dark-gray);font-size:14px;font-weight:500}.subtotal-value{color:var(--color-brand-primary);font-size:22px;font-weight:700;font-family:var(--font-family-num)}.jam-price-savings{justify-content:flex-end;align-items:center;gap:var(--space-xs);color:var(--color-warning);padding-right:var(--space-md);font-size:12px;font-weight:600;display:flex}.reference-price-card.sell{border-left:3px solid var(--color-warning);background:linear-gradient(135deg,#fbbf240d 0%,var(--color-white)100%)}.reference-price-card.buy{border-left:3px solid var(--color-info);background:linear-gradient(135deg,#3b82f60d 0%,var(--color-white)100%)}.reference-price-diff.positive{color:var(--color-warning);font-weight:600}.reference-price-diff.positive:before{content:"↑ "}.reference-price-diff.negative{color:var(--color-info);font-weight:600}.reference-price-diff.negative:before{content:"↓ "}@media (min-width:1025px){.jam-price-box:not(.jam-price-box-stores){transition:transform .2s;box-shadow:0 4px 12px #22c55e26}.jam-price-box:not(.jam-price-box-stores):hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e33}.stores-table-compact tbody tr{transition:all .2s}.stores-table-compact tbody tr:hover{background:var(--color-off-white);transform:translate(2px)}.stores-table-compact tr.best-price-row{border-left:3px solid var(--color-warning);background:linear-gradient(90deg,#fbbf241a 0%,#fbbf240d 100%)}.stores-table-compact tr.best-price-row:hover{background:linear-gradient(90deg,#fbbf2426 0%,#fbbf2414 100%)}}@media (max-width:1024px){.stores-grid{gap:var(--space-md);grid-template-columns:1fr}.product-main{text-align:center;flex-direction:column;align-items:center}.product-image-large{max-width:200px}.reference-prices{gap:var(--space-sm);grid-template-columns:1fr}}@media (max-width:768px){.stores-grid{gap:var(--space-md);grid-template-columns:1fr}.product-main{text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column}.product-image-large{max-width:180px;margin:0 auto}.product-basic{width:100%}.product-stats{gap:var(--space-xs);grid-template-columns:1fr}.stat-item{padding:var(--space-xs);background:var(--color-off-white);border-radius:var(--radius-sm);justify-content:space-between;display:flex}.store-links{gap:var(--space-xs);flex-direction:column}.store-link-btn{justify-content:space-between;width:100%}.quantity-input-area{padding:var(--space-sm);flex-wrap:wrap}.quantity-input-area input{width:70px;font-size:14px}.quantity-input-area .hint{text-align:center;width:100%;margin-left:0;margin-top:var(--space-xs)}.jam-price-box-stores .jam-price-value{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.jam-price-box-stores .jam-price-current{font-size:28px}.jam-price-box-stores .jam-price-original,.jam-price-box-stores .jam-price-discount{font-size:16px}.subtotal-value{font-size:20px}.jam-price-subtotal{align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);flex-direction:column}.discount-tags{gap:var(--space-xs)}.discount-tag-row{gap:var(--space-xs);flex-wrap:wrap;font-size:11px}.reference-prices{gap:var(--space-sm);grid-template-columns:1fr}.reference-price-card{padding:var(--space-sm)}.bundle-discount-section{padding:var(--space-md)}.bundle-discount-section-integrated{padding-top:var(--space-sm);margin-top:var(--space-sm)}.bundle-discount-tiers{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.bundle-tier{padding:var(--space-2-5)var(--space-sm)}.bundle-tier-label{font-size:10px}.bundle-tier-discount{font-size:14px}.bundle-tier.active .bundle-tier-discount{font-size:16px}.bundle-discount-hint{padding:var(--space-xs);font-size:12px}.platform-tabs-inline{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-xs);overflow-x:auto}.platform-tabs-inline::-webkit-scrollbar{display:none}.platform-tab-inline{white-space:nowrap;flex-shrink:0;min-height:44px}.stores-table-compact{display:block}.stores-table-compact thead{display:none}.stores-table-compact tbody{display:block}.stores-table-compact tr{padding:var(--space-md);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:var(--color-white);flex-direction:column;display:flex}.stores-table-compact tr.best-price-row{border-left:4px solid var(--color-warning);background:#fbbf240d}.stores-table-compact td{padding:var(--space-xs)0;border:none;justify-content:space-between;align-items:center;display:flex}.stores-table-compact td:before{content:attr(data-label);color:var(--color-dark-gray);font-size:11px;font-weight:600}.stores-table-compact .store-name{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.stores-table-compact .store-name:before{content:"店舗名"}.stores-table-compact td:nth-child(2):before{content:"価格"}.stores-table-compact td:last-child{justify-content:flex-end}.stores-table-compact td:last-child:before{display:none}.btn-view-compact{text-align:center;justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}}@media (max-width:480px){.section-content{padding:var(--space-sm)}.stores-section-header{padding:var(--space-sm)var(--space-md)}.stores-section .platform-tabs-inline{padding:var(--space-xs)var(--space-sm)}.jam-price-box-stores{padding:var(--space-md)}.jam-price-box-stores .jam-price-current{font-size:24px}.jam-price-box-stores .jam-price-original,.jam-price-box-stores .jam-price-discount{font-size:14px}.subtotal-value{font-size:18px}.subtotal-label{font-size:12px}.best-price-badge{padding:var(--space-1)var(--space-2);font-size:10px}.product-image-large{max-width:140px}.stores-table-compact tr{padding:var(--space-sm)}.platform-tab-inline{padding:var(--space-2)12px;font-size:12px}.reference-price-value{font-size:20px}.reference-price-label{font-size:10px}.reference-price-diff{font-size:11px}.bundle-discount-tiers{gap:var(--space-sm);grid-template-columns:1fr}.bundle-tier{padding:var(--space-sm)var(--space-md);justify-content:space-between;align-items:center;display:flex}.bundle-tier-label{font-size:13px}.bundle-tier-discount{font-size:16px}.bundle-tier.active .bundle-tier-discount{font-size:18px}}@media (hover:none) and (pointer:coarse){.platform-tab-inline,.store-link-btn,.btn-view-compact{min-height:48px}.stores-table-compact .store-name a{padding:var(--space-xs)0;display:block}}.jam-price-current{position:relative}.jam-price-current:after{content:"";background:var(--color-success);opacity:.3;border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.store-price.best{color:var(--color-warning);font-weight:700;position:relative}.store-price.best:before{content:"★";color:var(--color-warning);margin-right:4px}.stores-table-compact tbody tr{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[class*=badge-]{padding:var(--space-1)var(--space-2);margin-left:var(--space-xs);white-space:nowrap;border-radius:12px;font-size:10px;font-weight:600}.badge-best-price{background:linear-gradient(135deg,#fbbf24 0%,var(--color-warning)100%);color:var(--color-white);box-shadow:0 2px 4px #f59e0b4d}.badge-popular{background:linear-gradient(135deg,var(--color-danger)0%,var(--color-danger-dark)100%);color:var(--color-white);box-shadow:0 2px 4px #ef44444d}.badge-official{background:linear-gradient(135deg,var(--color-info)0%,var(--color-info-dark)100%);color:var(--color-white);box-shadow:0 2px 4px #3b82f64d}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.platform-tab-inline:focus-visible,.store-link-btn:focus-visible,.btn-view-compact:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stores-empty-state{text-align:center;padding:var(--space-xl);color:var(--color-dark-gray)}.stores-empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.brand-hero{gap:var(--space-xl);margin-bottom:var(--space-2xl);padding:var(--space-lg);background:#fff;border:1px solid #f3f4f6;border-radius:16px;display:flex}.brand-hero-image{aspect-ratio:16/9;background:#f9fafb;border-radius:12px;flex-shrink:0;width:40%;position:relative;overflow:hidden}.brand-hero-image img{object-fit:cover}.brand-hero-body{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.brand-hero-name{color:#111827;margin:0 0 var(--space-xs);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.3}.brand-hero-ruby{color:#6b7280;margin:0 0 var(--space-md);font-size:13px;font-weight:500}.brand-hero-description{color:#4b5563;margin:0;font-size:14px;line-height:1.8}@media (max-width:1024px){.brand-hero{gap:var(--space-md);padding:var(--space-md);flex-direction:column}.brand-hero-image{width:100%}.brand-hero-name{font-size:22px}}.brand-detail-categories{gap:var(--space-xs);flex-wrap:wrap;display:flex}.brand-detail-category-tag{background:var(--color-gray-100);color:var(--color-gray-600);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.brand-detail-section{margin-bottom:var(--space-2xl)}.brand-detail-section-title{color:#111827;margin:0 0 var(--space-xl);align-items:center;gap:var(--space-sm);letter-spacing:-.02em;padding:0;font-size:20px;font-weight:700;display:flex;position:relative}.brand-detail-section-title:before{content:"";background:linear-gradient(180deg,var(--color-primary)0%,#5558e3 100%);border-radius:2px;width:4px;height:28px;display:block;box-shadow:0 2px 8px #6366f14d}.brand-detail-section-title>svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.brand-highlight-scroll{gap:var(--space-sm);-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.brand-highlight-scroll::-webkit-scrollbar{height:4px}.brand-highlight-scroll::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:2px}.brand-highlight-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}.brand-highlight-scroll>*{scroll-snap-align:start;flex:none;width:160px}.brand-sub-brands-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.brand-detail-section-header{align-items:center;gap:var(--space-sm)var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.brand-detail-section-header .brand-detail-section-title{margin-bottom:0}.free-stock-toggle{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex}.free-stock-toggle input{display:none}.free-stock-toggle-slider{background:var(--color-gray-300);border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.free-stock-toggle-slider:after{content:"";background:var(--color-white);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.free-stock-toggle input:checked+.free-stock-toggle-slider{background:var(--color-brand-primary)}.free-stock-toggle input:checked+.free-stock-toggle-slider:after{transform:translate(18px)}.free-stock-toggle-label{color:var(--color-gray-700);white-space:nowrap;font-size:13px;font-weight:600}.brand-sort-options{align-items:center;gap:var(--space-sm);-webkit-overflow-scrolling:touch;padding:var(--space-xs)0;display:flex;overflow-x:auto}.brand-sort-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #00000014;border-radius:12px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000a,inset 0 1px #ffffffe6}.brand-sort-btn:hover{color:#111827;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border-color:#6366f133;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f,inset 0 1px #ffffffe6}.brand-sort-btn.active{background:linear-gradient(135deg,var(--color-primary)0%,#5558e3 100%);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f140,0 4px 16px #6366f126}.brand-detail-empty{text-align:center;padding:var(--space-xl)var(--space-md);color:var(--color-gray-500);font-size:14px}@media (max-width:768px){.brand-detail-section-header{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}@media (max-width:480px){.brand-sub-brands-grid{grid-template-columns:repeat(2,1fr)}.brand-sort-btn{padding:var(--space-1)8px;font-size:11px}}.campaign-hero{width:100%;margin-bottom:var(--space-xl);border-radius:var(--radius-lg);position:relative;overflow:hidden}.campaign-hero .campaign-hero-image{aspect-ratio:2.2;background:var(--color-gray-100);width:100%;position:relative}.campaign-hero-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 50%,#000000a6 100%);position:absolute;inset:0}.campaign-hero-header{padding:var(--space-xl)var(--space-xl)var(--space-lg);color:var(--color-white);position:absolute;bottom:0;left:0;right:0}.campaign-hero-header .article-meta{color:#fffc}.campaign-hero-header .article-title{color:var(--color-white);text-shadow:0 1px 4px #0000004d}.campaign-hero-header .article-period{color:#ffffffd9}.campaign-hero:not(:has(.campaign-hero-overlay)) .campaign-hero-header{color:var(--color-gray-900);padding:var(--space-lg)0;position:relative}.campaign-hero:not(:has(.campaign-hero-overlay)) .article-meta{color:var(--color-gray-500)}.campaign-hero:not(:has(.campaign-hero-overlay)) .article-title{color:var(--color-gray-900);text-shadow:none}.campaign-hero:not(:has(.campaign-hero-overlay)) .article-period{color:var(--color-gray-600)}@media (max-width:640px){.campaign-hero .campaign-hero-image{aspect-ratio:16/9}.campaign-hero-header{padding:var(--space-md)}.campaign-hero-header .article-title{font-size:22px}}.article{width:100%;padding:0 0 var(--space-xl);margin:0 auto}.campaign-article-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-200)}.campaign-article-header .article-title{margin:var(--space-xs)0;color:var(--color-gray-900);font-size:32px;font-weight:700;line-height:1.3}.campaign-article-header .article-meta{margin-bottom:var(--space-xs)}.campaign-article-header .article-period{margin-top:var(--space-xs);color:var(--color-gray-700);font-size:14px}@media (max-width:640px){.campaign-article-header .article-title{font-size:22px}}.campaign-hero-image{aspect-ratio:2;border-radius:var(--radius-md);background:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.article-meta-item{align-items:center;gap:4px;display:inline-flex}.article-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-small);color:var(--color-gray-500);display:flex}.article-date{font-weight:500}.article-tags{gap:var(--space-xs);display:flex}.article-tags span{padding:var(--space-0-5)8px;background:var(--color-gray-100);border-radius:4px;font-size:12px}.article-title{margin-bottom:var(--space-sm);font-size:32px;font-weight:700;line-height:1.3}.article-period{font-size:var(--font-size-body);color:var(--color-gray-600);font-weight:500}.article-content{margin-bottom:var(--space-xl);color:var(--color-gray-800);line-height:1.8}.article-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-gray-900);font-size:24px;font-weight:700}.article-content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-gray-900);font-size:20px;font-weight:600}.article-content p{margin-bottom:var(--space-md)}.article-content ul,.article-content ol{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.article-content li{margin-bottom:var(--space-xs)}.article-content strong{color:var(--color-gray-900);font-weight:600}.article-gwp-section,.article-brands-section{margin-bottom:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.article-gwp-section h2,.article-brands-section h2{margin-bottom:var(--space-md);color:var(--color-gray-900);font-size:20px;font-weight:700}.campaign-pager{gap:var(--space-md);max-width:800px;margin:var(--space-xl)auto;grid-template-columns:1fr 1fr;display:grid}.campaign-pager-link{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);background:var(--color-white);border:1px solid var(--color-gray-200);align-items:center;gap:12px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.campaign-pager-link:hover{border-color:var(--color-brand-primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f11f}.campaign-pager-link svg{color:var(--color-gray-400);flex-shrink:0;transition:color .2s}.campaign-pager-link:hover svg{color:var(--color-brand-primary)}.campaign-pager-link.next{text-align:right;justify-content:flex-end}.campaign-pager-label{color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.campaign-pager-title{font-size:var(--font-size-small);color:var(--color-gray-900);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.campaign-related{margin:var(--space-xl)0}.campaign-related-title{margin-bottom:var(--space-lg);color:var(--color-gray-900);font-size:20px;font-weight:700}.campaign-related-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.campaign-related-card{border-radius:var(--radius-md);background:var(--color-white);border:1px solid var(--color-gray-200);transition:box-shadow .2s,transform .2s,border-color .2s;display:block;overflow:hidden;box-shadow:0 1px 3px #0000000a}.campaign-related-card:hover{border-color:var(--color-brand-primary);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.campaign-related-image{aspect-ratio:16/9;background:var(--color-gray-50);width:100%;position:relative}.campaign-related-name{padding:var(--space-md);font-size:var(--font-size-small);color:var(--color-gray-900);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}@media (max-width:640px){.campaign-pager{grid-template-columns:1fr}.campaign-pager-link.next{text-align:left;flex-direction:row-reverse}.campaign-related-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.campaign-related-grid{grid-template-columns:1fr 1fr}.article{padding:var(--space-lg)var(--space-md)}.article-title{font-size:24px}.article-content h2{font-size:20px}.article-content h3{font-size:18px}.article-meta{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}.simple-campaign-card{-webkit-backdrop-filter:blur(12px)saturate(150%);cursor:pointer;color:inherit;background:#ffffffb3;border:1px solid #00000014;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000f,0 2px 6px #0000000a,inset 0 1px #fffc}.simple-campaign-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014,0 4px 8px #0000000f,inset 0 1px #fff}.simple-campaign-image{background:var(--color-gray-50);height:180px;position:relative}.simple-campaign-image img{padding:12px;object-fit:contain!important}.simple-campaign-content{padding:var(--space-md);-webkit-backdrop-filter:blur(8px);background:#ffffff80}.simple-campaign-title{font-size:var(--font-size-large);color:var(--color-dark-gray);margin-bottom:var(--space-xs);font-weight:700;line-height:1.4}.simple-campaign-period{font-size:var(--font-size-small);color:var(--color-brand-primary,#6366f1);align-items:center;gap:4px;font-weight:500;line-height:1.5;display:inline-flex}.campaign-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.campaign-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.campaign-grid{grid-template-columns:1fr}.simple-campaign-image{height:140px}}.access-denied-container{text-align:center;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:2px solid #e5e7eb;border-radius:24px;max-width:700px;margin:100px auto;padding:60px 80px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000f,inset 0 1px #ffffffe6}.access-denied-icon{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fbbf24 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 32px;display:flex;box-shadow:0 8px 24px #fbbf244d,0 2px 8px #d9770633,inset 0 -2px 8px #92400e1a}.access-denied-icon svg{stroke-width:2px;width:60px;height:60px}.access-denied-title{color:#1f2937;letter-spacing:-.02em;margin-bottom:24px;font-size:32px;font-weight:800}.access-denied-message{color:#6b7280;max-width:520px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:16px;line-height:2}.access-denied-message p{margin-bottom:16px}.access-denied-message p:first-child{color:#374151;font-weight:600}.access-denied-message p:last-child{margin-bottom:0}.btn-back{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px 48px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #6366f14d,0 2px 4px #4f46e533,inset 0 1px #fff3}.btn-back:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 8px 24px #6366f166,0 4px 8px #4f46e54d,inset 0 1px #ffffff4d}.btn-back:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d,inset 0 1px 2px #0000001a}@media (max-width:640px){.access-denied-container{margin:40px 16px;padding:40px 24px}.access-denied-icon{width:80px;height:80px}.access-denied-icon svg{width:40px;height:40px}.access-denied-title{font-size:24px}.access-denied-message{font-size:14px;line-height:1.8}.btn-back{padding:14px 32px;font-size:15px}}.product-description-content{color:#374151;white-space:pre-wrap;font-size:14px;line-height:1.8}.product-description-content p{margin:12px 0}.product-description-content p:first-child{margin-top:0}.product-description-content p:last-child{margin-bottom:0}.product-detail-layout+.info-box-unified{margin-top:48px}.info-box-unified+.info-box-unified{margin-top:24px}.info-box-unified .info-row .info-label{width:173px}.product-title{color:#111827;letter-spacing:-.01em;background:linear-gradient(90deg,#e5e7eb 0%,#0000 100%) 0 100%/100% 2px no-repeat;border-bottom:2px solid #0000;margin:0;padding-bottom:12px;font-size:24px;font-weight:700;line-height:1.35}.product-brand-row{flex-wrap:wrap;align-items:center;gap:16px;padding:10px 0;display:flex}.product-brand-link{color:var(--color-primary);background:linear-gradient(135deg,#6366f10f 0%,#6366f108 100%);border:1px solid #6366f126;border-radius:6px;align-items:center;padding:4px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.product-brand-link:hover{background:linear-gradient(135deg,var(--color-primary)0%,#5558e3 100%);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.product-jan-inline{color:#6b7280;font-variant-numeric:tabular-nums;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.product-jan-inline svg{color:#9ca3af;flex-shrink:0}.product-info-flat{background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:12px;padding:28px;display:flex;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.product-price-section{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:baseline;gap:12px;padding:12px 0;display:flex}.product-price-current{color:#111827;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:32px;font-weight:700}.product-price-compare{color:#6b7280;font-variant-numeric:tabular-nums;font-size:16px;text-decoration:line-through}.product-price-rate{color:var(--color-primary);background:linear-gradient(135deg,#6366f11a 0%,#6366f10d 100%);border:1px solid #6366f133;border-radius:6px;align-items:center;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #6366f11a}.product-card-rate,.ranking-card-rate{color:var(--color-brand-primary);white-space:nowrap;vertical-align:middle;background:#eef2ff;border:1px solid #c7d2fe;border-radius:3px;align-items:center;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.ranking-card-rate{margin-top:2px;margin-left:0}.badge-soldout{color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #fcd34d;border-radius:3px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.product-card-price-row{justify-content:space-between;align-items:center;margin-top:auto;padding:4px 12px 12px;display:flex}.product-badge-preorder{border-radius:4px;padding:2px 8px;font-size:11px;display:inline-block}.product-variant-selector{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:16px;padding:16px 0;display:flex}.product-variant-group{flex-direction:column;gap:10px;display:flex}.product-variant-label{color:#374151;letter-spacing:.01em;font-size:14px;font-weight:600}.product-variant-options{flex-wrap:wrap;gap:10px;display:flex}.product-variant-btn{color:#374151;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #0000001a;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f,inset 0 1px #ffffffe6}.product-variant-btn:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f10f 0%,#6366f108 100%);transform:translateY(-1px);box-shadow:0 2px 6px #6366f133}.product-variant-btn.active{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary)0%,#5558e3 100%);color:var(--color-white);box-shadow:0 2px 8px #6366f14d,inset 0 1px #fff3}.product-stock-status{align-items:center;padding:14px 0;display:flex}.stock-badge{letter-spacing:.01em;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.stock-badge svg{flex-shrink:0}.stock-badge.stock-instock{color:#047857;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #6ee7b7;box-shadow:0 2px 6px #10b9811f}.stock-badge.stock-instock svg{color:#10b981;animation:3s ease-in-out infinite gentle-pulse}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.stock-badge.stock-low{color:#b45309;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fcd34d;box-shadow:0 2px 6px #f59e0b1f}.stock-badge.stock-soldout{color:#b91c1c;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1.5px solid #fca5a5;box-shadow:0 2px 6px #ef44441f}.product-cart-row{align-items:center;gap:12px;padding:16px 0;display:flex}.product-qty-selector{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #0000001a;border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffffe6}.product-qty-selector .qty-btn{color:#374151;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:48px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.product-qty-selector .qty-btn:hover:not(:disabled){color:var(--color-primary);background:#6366f114}.product-qty-selector .qty-btn:disabled{opacity:.35;cursor:not-allowed}.product-qty-selector .qty-input{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;cursor:text;ime-mode:disabled;color:#111827;background:0 0;border:none;border-left:1px solid #00000014;border-right:1px solid #00000014;width:64px;height:48px;font-size:16px;font-weight:600}.product-qty-selector .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-qty-selector .qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-qty-selector .qty-input:focus{background:#6366f105;outline:none;box-shadow:inset 0 0 0 2px #6366f14d}.product-cart-row .btn-cart{white-space:nowrap;height:48px;color:var(--color-white);cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #f973164d,0 4px 16px #f9731633,inset 0 1px #fff3}.product-cart-row .btn-cart:hover:not(:disabled){background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f9731666,0 6px 20px #f973164d,inset 0 1px #ffffff40}.product-cart-row .btn-cart:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#9ca3af}.product-cart-row .btn-favorite{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9ca3af;cursor:pointer;background:#fffffff2;border:1px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000f}.product-cart-row .btn-favorite:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f10d;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.product-cart-row .btn-favorite.active{border-color:var(--color-primary);color:var(--color-white);background:linear-gradient(135deg,var(--color-primary)0%,#5558e3 100%);animation:.3s ease-out heartPop;box-shadow:0 2px 8px #6366f14d,0 4px 16px #6366f133}.product-cart-row .btn-favorite.active svg{fill:currentColor}.product-schedule{background:linear-gradient(135deg,#faf9fc 0%,#f5f3ff 100%);border:1px solid #e9e5f0;border-radius:12px;padding:18px 20px;overflow:hidden;box-shadow:0 2px 8px #5b21b614,inset 0 1px #fffc}.product-schedule-header{color:#5b21b6;border-bottom:1px solid #ede9f6;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;font-size:14px;font-weight:700;display:flex}.product-schedule-header svg{flex-shrink:0}.product-schedule-list{flex-direction:column;gap:8px;display:flex}.product-schedule-item{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .15s;display:flex}.product-schedule-item.past{opacity:.6;background:#f9fafb;border:1px dashed #d1d5db}.product-schedule-item.past .schedule-order{color:#9ca3af}.product-schedule-item.next{background:#fff;border:1px solid #ddd6fe;box-shadow:0 1px 3px #5b21b60f}.schedule-order{color:#9ca3af;text-align:center;flex-shrink:0;min-width:42px;font-size:11px;font-weight:700}.product-schedule-item.next .schedule-order{color:#7c3aed}.schedule-flow{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.schedule-arrow{color:#c4b5fd;flex-shrink:0}.schedule-cell{flex-direction:column;gap:1px;min-width:0;display:flex}.schedule-cell-label{text-transform:uppercase;letter-spacing:.04em;color:#a1a1aa;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.schedule-cell.deadline .schedule-cell-label{color:#8b5cf6}.schedule-cell.delivery .schedule-cell-label{color:#22c55e}.schedule-cell-date{font-variant-numeric:tabular-nums;color:#374151;white-space:nowrap;font-size:13px;font-weight:600}.product-schedule-item.next .schedule-cell-date{color:#1f2937;font-weight:700}.product-schedule-note{color:#6b7280;border-top:1px solid #ede9f6;margin:10px 0 0;padding-top:8px;font-size:11px;line-height:1.5}@media (max-width:480px){.schedule-flow{flex-wrap:wrap;gap:4px}.schedule-arrow{display:none}.schedule-cell{flex-direction:row;align-items:baseline;gap:4px}}.product-bulk-discount{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:12px;margin-top:12px;padding:18px 20px;box-shadow:0 2px 8px #4338ca14,inset 0 1px #fffc}.bulk-discount-header{color:#4338ca;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.bulk-discount-tiers{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}@media (max-width:768px){.bulk-discount-tiers{grid-template-columns:repeat(2,1fr)}}.bulk-tier{text-align:center;color:#9ca3af;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:2px solid #e5e7eb;border-radius:8px;padding:8px 6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f}.bulk-tier.achieved{color:#4338ca;background:linear-gradient(135deg,#eef2ff 0%,#ddd6fe 100%);border-color:#a5b4fc;box-shadow:0 2px 6px #4338ca26}.bulk-tier.active{color:#fff;background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);border-color:#4338ca;transform:scale(1.05);box-shadow:0 2px 8px #4338ca4d,inset 0 1px #fff3}.bulk-tier-label{font-size:11px}.bulk-tier-discount{font-size:13px;font-weight:700}.bulk-discount-hint{color:#4338ca;align-items:center;gap:6px;font-size:12px;display:flex}.bulk-discount-hint strong{font-weight:700}.cart-toast{z-index:9999;opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:12px;max-width:420px;padding:14px 16px;font-size:13px;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:80px;right:20px;transform:translate(100%);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.cart-toast.visible{opacity:1;pointer-events:auto;transform:translate(0)}.cart-toast.success{background:var(--color-white);border:1px solid #d1fae5}.cart-toast.error{background:#fef2f2;border:1px solid #fecaca}.cart-toast-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cart-toast-body{flex:1;min-width:0}.cart-toast-title{color:#111827;margin:0;font-weight:600}.cart-toast-detail{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.cart-toast.error .cart-toast-title{color:#991b1b}.cart-toast-action{color:#fff;white-space:nowrap;background:#6366f1;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.cart-toast-action:hover{background:#4f46e5}.cart-toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:color .2s;display:flex}.cart-toast-close:hover{color:#374151}@media (max-width:768px){.cart-toast{top:auto;bottom:calc(56px + env(safe-area-inset-bottom) + 12px);max-width:none;left:12px;right:12px;transform:translateY(100%)}.cart-toast.visible{transform:translateY(0)}}.product-qty-hint{color:#3730a3;background:linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 3px #3730a31a}.product-qty-hint svg{flex-shrink:0}.cart-message.error{color:#991b1b;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 3px #991b1b1a}.product-description-inline{color:#374151;margin-top:16px;font-size:14px;line-height:1.8}.product-description-inline-title{color:#6b7280;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:13px;font-weight:600;display:flex}.product-description-inline details summary{color:var(--color-dark-gray);cursor:pointer;border-top:1px solid #e5e7eb;align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.product-description-inline details summary:before{content:"▶";font-size:10px;transition:transform .2s}.product-description-inline details[open] summary:before{transform:rotate(90deg)}.product-description-inline details summary::-webkit-details-marker{display:none}.product-description-inline .product-description-content{padding:12px 0}@media (min-width:768px){.product-price-current{font-size:32px}.product-cart-row .btn-cart{height:44px;padding:0 28px}.product-qty-selector .qty-btn{width:40px;height:44px}.product-qty-selector .qty-input{width:56px;height:44px}.product-cart-row .btn-favorite{width:44px;height:44px}}.not-found-page{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.not-found-content{text-align:center;max-width:480px}.not-found-illustration{width:100%;max-width:360px;height:auto;margin:0 auto 32px}.not-found-title{color:var(--color-black);margin-bottom:12px;font-size:24px;font-weight:700}.not-found-description{color:var(--color-dark-gray);margin-bottom:32px;font-size:15px;line-height:1.6}.not-found-button{background:var(--color-brand-primary);color:var(--color-white);border-radius:8px;align-items:center;gap:8px;padding:12px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.not-found-button:hover{background:var(--color-brand-dark)}.sch-page{max-width:960px;padding-bottom:48px}.sch-summary{flex-wrap:wrap;gap:8px;display:flex}.sch-summary-tag{letter-spacing:.01em;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.sch-summary-tag.urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sch-summary-tag.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.sch-summary-tag.normal{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.sch-empty{text-align:center;color:#64748b;padding:80px 20px}.sch-empty svg{opacity:.3;margin-bottom:16px}.sch-empty p{margin:0;font-size:15px}.sch-groups{flex-direction:column;gap:32px;display:flex}.sch-group-header{color:#374151;background:#f3f4f6;border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.sch-group.urgent .sch-group-header{color:#dc2626;background:#fef2f2}.sch-group.warning .sch-group-header{color:#b45309;background:#fffbeb}.sch-group.normal .sch-group-header{color:#15803d;background:#f0fdf4}.sch-group-count{color:inherit;background:#0000000f;border-radius:10px;margin-left:2px;padding:2px 10px;font-size:11px;font-weight:700}.sch-group.urgent .sch-group-count{background:#dc26261a}.sch-group.warning .sch-group-count{background:#b453091a}.sch-group.normal .sch-group-count{background:#15803d1a}.sch-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.sch-card-link{color:inherit;text-decoration:none;display:block}.sch-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;padding:16px 18px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.sch-card-link:hover .sch-card,.sch-card-link:focus-visible .sch-card{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 6px 20px #00000012}.sch-card.urgent{border-left:2px solid #fca5a5}.sch-card.warning{border-left:2px solid #fcd34d}.sch-card.normal{border-left:2px solid #86efac}.sch-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.sch-brand{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:15px;font-weight:700;overflow:hidden}.sch-badge{white-space:nowrap;letter-spacing:.01em;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.sch-badge.urgent{color:#fff;background:#dc2626}.sch-badge.warning{color:#92400e;background:#fef3c7}.sch-badge.normal{color:#166534;background:#dcfce7}.sch-remarks{color:#6b7280;margin:0;padding-left:2px;font-size:12px;line-height:1.5}.sch-dates{background:#f8fafc;border-radius:8px;gap:0;display:flex;overflow:hidden}.sch-date-item{color:#4b5563;flex:1;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.sch-date-item+.sch-date-item{border-left:1px solid #e2e8f0}.sch-date-item svg{color:#94a3b8;flex-shrink:0}.sch-date-label{color:#94a3b8;letter-spacing:.02em;font-size:11px;font-weight:600}.sch-date-value{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.sch-card-footer{border-top:1px solid #f1f5f9;padding-top:8px}.sch-link-hint{color:#9ca3af;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.sch-card-link:hover .sch-link-hint{color:var(--color-brand-primary);gap:6px}@media (max-width:640px){.sch-cards{grid-template-columns:1fr}}.ntf-summary{flex-wrap:wrap;gap:8px;display:flex}.ntf-summary-tag{color:#ea580c;background:#fff7ed;border:1px solid #fdba74;border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.ntf-empty{text-align:center;color:#64748b;padding:80px 20px}.ntf-empty svg{opacity:.3;margin:0 auto 16px}.ntf-empty p{margin:0;font-size:15px}.ntf-cards{flex-direction:column;gap:10px;display:flex}.ntf-card-link{color:inherit;text-decoration:none;display:block}.ntf-card{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #fb923c;border-radius:10px;align-items:center;gap:16px;padding:16px 18px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.ntf-card-link:hover .ntf-card,.ntf-card-link:focus-visible .ntf-card{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 6px 20px #00000012}.ntf-card-image{background:#f5f5f5;border-radius:8px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.ntf-card-image img{object-fit:cover;width:100%;height:100%}.ntf-card-no-image{color:#999;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;font-size:10px;display:flex}.ntf-card-info{flex:1;min-width:0}.ntf-card-product-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:700;overflow:hidden}.ntf-card-variant{color:#64748b;margin:0 0 8px;font-size:12px}.ntf-card-stock-badge{color:#ea580c;background:#fff7ed;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.ntf-mobile-only{display:none}.ntf-desktop-only{display:block}@media (max-width:768px){.ntf-mobile-only{display:block}.ntf-desktop-only{display:none}}.ntf-tabs{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:24px;display:flex}.ntf-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.ntf-tab:hover{color:#374151}.ntf-tab.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.ntf-tab-count{color:#6b7280;background:#f3f4f6;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.ntf-tab.active .ntf-tab-count{background:var(--color-brand-primary);color:#fff}.ntf-deadline-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:box-shadow .2s,border-color .2s;display:flex}.ntf-deadline-card.urgent{border-left:3px solid #dc2626}.ntf-deadline-card.warning{border-left:3px solid #f59e0b}.ntf-deadline-card.normal{border-left:3px solid #3b82f6}.ntf-card-link:hover .ntf-deadline-card,.ntf-card-link:focus-visible .ntf-deadline-card{border-color:#d1d5db;box-shadow:0 6px 20px #00000012}.ntf-deadline-info{flex:1;min-width:0}.ntf-deadline-brand{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.ntf-deadline-remarks{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:12px;overflow:hidden}.ntf-deadline-dates{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.ntf-deadline-date-label{color:#475569;font-weight:600}.ntf-deadline-date-sep{color:#cbd5e1;margin:0 2px}.ntf-deadline-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.ntf-deadline-badge.urgent{color:#b91c1c;background:#fef2f2}.ntf-deadline-badge.warning{color:#b45309;background:#fffbeb}.ntf-deadline-badge.normal{color:#1d4ed8;background:#eff6ff}.addresses-tab{padding:0}.addresses-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid #6366f11a;justify-content:space-between;align-items:center;display:flex}.addresses-count{font-size:var(--font-size-body);color:var(--color-black);font-weight:600}.addresses-empty{font-size:var(--font-size-body);color:var(--color-gray);text-align:center;padding:var(--space-xl)0;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 8px #0000000a}.addresses-list{gap:var(--space-lg);flex-direction:column;display:flex}.address-card{background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;padding:24px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.address-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f,0 8px 32px #0000000d,inset 0 1px #ffffffe6}.address-card-body{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.address-card-info{flex:1;min-width:0}.address-card-name{font-weight:700;font-size:var(--font-size-h4);color:var(--color-black);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);letter-spacing:-.01em;flex-wrap:wrap;display:flex}.address-default-badge{color:var(--color-primary);background:linear-gradient(135deg,#6366f114 0%,#6366f11f 100%);border-radius:6px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #6366f126}.address-card-detail{font-size:var(--font-size-body);color:var(--color-dark-gray);margin:0;font-weight:400;line-height:1.8}.address-card-actions{flex-shrink:0;position:relative}.address-menu-btn{background:var(--color-white);width:32px;height:32px;color:var(--color-gray);cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.address-menu-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.address-dropdown{background:var(--color-white);z-index:20;border:1px solid #e5e7eb;border-radius:12px;width:180px;position:absolute;top:36px;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.address-dropdown button{text-align:left;width:100%;padding:var(--space-sm)var(--space-md);font-size:var(--font-size-small);color:var(--color-black);cursor:pointer;background:0 0;border:none;transition:background .15s;display:block}.address-dropdown button:hover{background:var(--color-primary-light)}.address-dropdown button.text-danger{color:var(--color-error)}.address-dropdown button.text-danger:hover{background:#fef2f2}.address-message{margin-bottom:var(--space-md);border-radius:8px;padding:12px 20px;font-size:13px}.address-message.success{color:#15803d;background:#f0fdf4}.address-message.error{color:#b91c1c;background:#fef2f2}.address-delete-warning{font-size:var(--font-size-small);color:var(--color-warning);margin-top:var(--space-sm);font-weight:600}.address-preview{background:var(--color-primary-light);margin-top:var(--space-md);border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.address-preview-name{font-weight:600;font-size:var(--font-size-small);color:var(--color-black);margin:0 0 var(--space-xs)0}.address-preview-detail{font-size:var(--font-size-small);color:var(--color-dark-gray);margin:0}.modal-wide{max-width:560px}.modal-close-btn{color:var(--color-gray);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--color-black)}.address-form-fields{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-row-2col{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-field label{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-xs);font-weight:600;display:block}.form-field label .required{color:var(--color-error)}.form-field input,.form-field select{width:100%;color:var(--color-black);background:var(--color-white);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f126}.form-field input.input-error,.form-field select.input-error{border-color:var(--color-error)}.field-error{color:var(--color-error);margin-top:4px;font-size:12px}.form-error-message{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:12px 16px;font-size:13px}.modal-wide .modal-header{justify-content:space-between}.profile-loading,.profile-error{text-align:center;padding:var(--space-xl)0;font-size:var(--font-size-body);color:var(--color-dark-gray);justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.profile-error{color:var(--color-error)}.profile-notice{margin-bottom:var(--space-xl);font-size:var(--font-size-small);color:#9a3412;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-left:4px solid #f97316;border-radius:16px;padding:24px 28px;box-shadow:0 2px 8px #f9731614,inset 0 1px #fffc}.profile-notice-title{font-weight:700;font-size:var(--font-size-body);margin-bottom:var(--space-xs);color:#ea580c}.profile-section{padding:var(--space-lg)var(--space-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000008,inset 0 1px #ffffffe6}.profile-section-title{font-size:var(--font-size-h3);color:var(--color-black);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);letter-spacing:-.01em;border-bottom:2px solid #6366f11a;font-weight:700}.profile-grid{gap:var(--space-lg)var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.profile-field{margin-bottom:0}.profile-field-full{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid #0000000d;grid-column:1/-1}.profile-label{font-size:var(--font-size-small);color:var(--color-dark-gray);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.profile-value{font-size:var(--font-size-body);color:var(--color-black);margin:0;font-weight:500;line-height:1.6}@media (max-width:640px){.form-row-2col,.profile-grid{grid-template-columns:1fr}.addresses-header{align-items:stretch;gap:var(--space-sm);flex-direction:column}}.order-detail-modal{scrollbar-width:thin;scrollbar-color:#00000026 transparent;background:linear-gradient(#fff 0%,#fdfcff 100%);border-radius:20px;width:94%;max-width:900px;max-height:85vh;padding:0;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0000001f,0 20px 60px #6366f126,0 0 0 1px #6366f10d}.order-detail-modal::-webkit-scrollbar{width:6px}.order-detail-modal::-webkit-scrollbar-track{background:0 0}.order-detail-modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.order-detail-modal::-webkit-scrollbar-thumb:hover{background:#0000004d}.order-detail-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fdfcff 0%,#f9fafb 100%);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px #fffc}.order-detail-header-left{align-items:center;gap:var(--space-sm);display:flex}.order-detail-order-name{color:#111827;letter-spacing:-.3px;font-size:20px;font-weight:800}.order-detail-status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:12px;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.order-detail-status-badge:before{content:"";opacity:.6;background:linear-gradient(135deg,#fff6,#0000);position:absolute;inset:0}.order-detail-status-badge.unpaid{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fde047}.order-detail-status-badge.paid-unshipped{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd}.order-detail-status-badge.shipped{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.order-detail-close{color:#6b7280;cursor:pointer;background:#00000008;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.order-detail-close:hover{color:#dc2626;background:#ef44441a;border-color:#ef444433;transform:rotate(90deg)scale(1.1);box-shadow:0 2px 8px #ef444426}.order-detail-body{background:linear-gradient(#fffc,#f9fafb66);gap:28px;padding:28px 32px 32px;display:flex}.order-detail-main{flex:1;min-width:0}.order-detail-sidebar{flex-shrink:0;width:240px}.order-detail-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:800;display:flex}.order-detail-section-title:before{content:"";background:linear-gradient(#6366f1,#a5b4fc);border-radius:2px;width:3px;height:14px}.order-detail-meta{background:linear-gradient(90deg,#f9fafb80,#0000);border-bottom:none;border-radius:12px;margin-bottom:16px;margin-left:-16px;margin-right:-16px;padding:16px}.order-detail-meta-row{color:#374151;justify-content:space-between;padding:6px 0;font-size:13px;font-weight:500;display:flex}.order-detail-meta-label{color:var(--color-gray)}.order-detail-items{margin-bottom:20px}.order-detail-item{border-radius:12px;align-items:center;gap:14px;margin:0 -12px;padding:14px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.order-detail-item:after{content:"";background:linear-gradient(90deg,#0000,#f3f4f6 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:12px;right:12px}.order-detail-item:last-child:after{display:none}.order-detail-item:hover{background:linear-gradient(90deg,#f9fafbcc,#f3f4f666);transform:translate(6px);box-shadow:0 2px 8px #0000000a}.order-detail-item-image{color:#d1d5db;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 0 0 1px #00000005}.order-detail-item-image-link{text-decoration:none}.order-detail-item:hover .order-detail-item-image{border-color:#6366f133;transform:scale(1.08);box-shadow:0 4px 8px #0000000f,0 0 0 1px #6366f11f}.order-detail-item-image img{object-fit:cover;width:100%;height:100%}.order-detail-item-info{flex:1;min-width:0}.order-detail-item-name{color:#111827;word-break:break-word;margin:0;font-size:14px;font-weight:600;transition:color .2s}.order-detail-item-name-link{text-decoration:none;display:block}.order-detail-item-name-link:hover,.order-detail-item-name-link:focus-visible{color:#6366f1;text-underline-offset:3px;outline:none;text-decoration:underline}.order-detail-item:hover .order-detail-item-name{color:#6366f1}.order-detail-item-variant{color:var(--color-gray);font-weight:400}.order-detail-item-qty{color:var(--color-gray-700);margin:4px 0 0;font-size:13px;font-weight:500}.order-detail-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.order-detail-item-sku{color:var(--color-gray-600);background:var(--color-gray-100);letter-spacing:.03em;border-radius:4px;margin:4px 0 0;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:600;display:inline-flex}.sku-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sku-status-badge.shipped{color:#16a34a;background:#f0fdf4}.sku-status-badge.allocated{color:#9333ea;background:#faf5ff}.sku-status-badge.unshipped{color:#6b7280;background:#f9fafb}.order-detail-summary{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:20px;box-shadow:inset 0 1px #ffffff80,0 1px 3px #0000000a}.order-detail-summary-row{color:#4b5563;justify-content:space-between;padding:8px 0;font-size:14px;font-weight:500;display:flex}.order-detail-summary-row.total{color:#111827;letter-spacing:-.3px;border-top:2px solid #e5e7eb;margin-top:12px;padding-top:16px;font-size:20px;font-weight:800}.order-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-reorder-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#5b55e8 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #6366f133,0 4px 12px #6366f126}.btn-reorder-all:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff40,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-reorder-all:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 4px 8px #6366f14d,0 8px 20px #6366f133}.btn-reorder-all:hover:not(:disabled):before{opacity:1}.btn-reorder-all:disabled{opacity:.5;cursor:not-allowed;transform:none}.order-detail-address{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:14px;padding:18px;transition:all .25s;box-shadow:inset 0 1px #ffffff80,0 1px 3px #0000000a}.order-detail-address:hover{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);box-shadow:inset 0 1px #ffffff80,0 2px 6px #0000000f}.order-detail-address-content{color:#374151;font-size:13px;line-height:1.8}.order-detail-address-name{color:#111827;margin:0 0 8px;font-size:14px;font-weight:700}.order-detail-address-line{margin:0}.order-detail-address-empty{font-size:var(--font-size-small);color:var(--color-gray);margin:0}@media (max-width:960px){.order-detail-modal{max-width:94%;max-height:90vh}}@media (max-width:640px){.order-detail-modal{border-radius:12px 12px 0 0;width:100%;max-width:100%;max-height:95vh;margin-top:auto;padding-bottom:24px}.order-detail-body{gap:var(--space-md);padding:var(--space-md);flex-direction:column}.order-detail-sidebar{width:100%}.order-detail-header{padding:var(--space-md)}}.section-title{letter-spacing:-.01em;font-size:24px}.hero-carousel{box-shadow:0 4px 16px #00000014,0 8px 32px #6366f11a}.ranking-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.ranking-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a,0 10px 40px #6366f11f}.ranking-card-unavailable{cursor:default;opacity:1}.ranking-card-unavailable:hover{border-color:#e5e7eb;transform:none;box-shadow:0 1px 3px #0000000d}.ranking-card-unavailable .ranking-card-image img{opacity:.5}.ranking-card-unavailable .ranking-card-name{color:#9ca3af}.ranking-card-unavailable .ranking-card-brand{color:#d1d5db}.ranking-unavailable-badge{color:#4b5563;white-space:nowrap;background:#d1d5db;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ranking-card-rank{transition:transform .3s cubic-bezier(.4,0,.2,1)}.ranking-card:hover .ranking-card-rank{transform:scale(1.05)rotate(-3deg)}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a,0 10px 40px #6366f11f}.home-brand-card{justify-content:center;min-height:140px;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-brand-card:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 6px 20px #0000001a,0 10px 40px #6366f11f}.section-link{transition:all .2s}.section-link:hover{transform:translate(2px)}.ranking-controls{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:4px;box-shadow:inset 0 1px 3px #0000000d}.ranking-controls .compact-filter{color:var(--color-brand-primary);background:#fff;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ranking-controls .compact-filter:hover{border-color:var(--color-brand-primary);transform:translateY(-1px);box-shadow:0 2px 6px #6366f133,0 2px 4px #00000014}.ranking-controls .compact-filter:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 3px #6366f126,0 2px 6px #6366f133}.ranking-controls-label{color:var(--color-gray-700);margin-left:var(--space-1);font-size:14px;font-weight:600}@media (max-width:768px){.section-container{margin-bottom:var(--space-lg)}.section-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);flex-wrap:wrap;gap:8px}.section-title{white-space:nowrap;font-size:18px}.section-subtitle{display:none}.hero-compact{margin-top:var(--space-md);margin-bottom:var(--space-lg)}.hero-side{display:none}.ranking-card{gap:10px;padding:12px}.ranking-card-rank-wrap{width:32px}.ranking-card-rank{width:28px;height:28px;font-size:12px}.ranking-card-image{width:60px;height:60px}.ranking-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.ranking-card-right{align-items:flex-end;min-width:auto}.ranking-card-price-text{font-size:15px}.ranking-card-meta{gap:var(--space-1)}.ranking-card-brand{font-size:11px}.ranking-card-jan{display:none}.ranking-card-stats{gap:var(--space-sm);font-size:11px}.ranking-controls .compact-filter{padding:6px 12px;font-size:12px}.ranking-controls-label{font-size:12px}.home-container{flex-direction:column;display:flex}.home-section-hero{order:1}.home-section-brands{order:2}.home-section-ranking{order:3}.home-section-highlights{order:4}.home-section-new{order:5}.home-section-history{order:6}.home-brand-card{min-height:auto}.carousel-nav{display:none}.carousel-indicators{margin-top:var(--space-sm)}}@media (max-width:480px){.hero-compact{margin-top:var(--space-sm);margin-bottom:var(--space-md)}.ranking-card{gap:8px;padding:10px}.ranking-card-image{width:50px;height:50px}.ranking-card-right{gap:var(--space-1);min-width:auto}.ranking-card-right .ranking-card-badges{display:none}.ranking-card-right .ranking-card-price-text{font-size:13px}.ranking-card-right .ranking-card-rate{font-size:9px}.ranking-card-right .ranking-card-cart{width:28px;height:28px}.ranking-card-right .ranking-card-cart svg{width:13px;height:13px}.home-brand-card{min-height:auto;padding:var(--space-2)}.home-brand-logo{height:60px}.home-brand-logo img{max-height:40px}}@media (max-width:768px){.dashboard-header{border-radius:14px;padding:20px 16px}.dashboard-header-inner{flex-direction:column;align-items:stretch;gap:16px}.dashboard-header-left h1{gap:8px;font-size:20px}.dashboard-header-meta{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-header-meta p{font-size:13px}.dashboard-header-goal{min-width:unset;padding:16px}.dashboard-header-goal:hover{transform:none}.dashboard-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-xs)var(--space-xs)0;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{gap:6px;padding:10px 14px;font-size:13px}.stats-grid{gap:var(--space-sm)}.stat-card{padding:var(--space-md);border-radius:12px}.stat-card-value{font-size:22px}.alert-card:hover{transform:none}.alert-card-header{padding:var(--space-xs)var(--space-sm)}.alert-card-body{padding:var(--space-sm)}.order-item-actions{flex-wrap:wrap;gap:6px}}.admin-page{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.admin-panel{margin-bottom:var(--space-lg);background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px;box-shadow:0 1px 3px #0000000a}.admin-panel-title{color:#0f172a;margin-bottom:6px;font-size:20px;font-weight:700}.admin-panel-desc{color:#64748b;margin-bottom:var(--space-lg);font-size:14px}.admin-sync-btn{color:#fff;background:var(--color-brand-primary);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.admin-sync-btn:hover{background:var(--color-brand-secondary);box-shadow:0 4px 12px #6366f14d}.admin-sync-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.admin-msg{margin-top:var(--space-md);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500}.admin-msg--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.admin-msg--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-results-container{margin-top:var(--space-lg);flex-direction:column;gap:12px;display:flex}.admin-result{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:12px;padding:16px 20px}.admin-result-title{color:#3730a3;margin-bottom:12px;font-size:15px;font-weight:700}.admin-result-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-result-item{color:#4338ca;font-size:13px}.admin-result-item strong{font-weight:600}.admin-status-grid{margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.admin-status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.admin-status-card-label{color:#475569;margin-bottom:4px;font-size:13px;font-weight:600}.admin-status-card-value{color:#0f172a;font-size:14px;font-weight:500}@media (max-width:640px){.admin-panel{border-radius:12px;padding:20px 18px}.admin-result-grid,.admin-status-grid{grid-template-columns:1fr}}.news-list-page{padding:var(--space-xl)var(--space-md)}.news-list-title{color:var(--color-gray-900);margin-bottom:var(--space-xs);font-size:24px;font-weight:700}.news-list-count{color:var(--color-gray-500);margin-bottom:var(--space-lg);font-size:14px}.news-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.news-card{border-radius:var(--radius-md);color:inherit;border:1px solid var(--color-gray-200);background:#ffffffb3;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.news-card-image{background:var(--color-gray-50);height:180px;position:relative}.news-card-body{padding:var(--space-md);flex-direction:column;flex:1;gap:8px;display:flex}.news-card-title{color:var(--color-gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card-excerpt{color:var(--color-gray-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.news-card-date{color:var(--color-gray-400);margin-top:auto;font-size:12px}.news-list-empty{padding:var(--space-xl)0;text-align:center;color:var(--color-gray-500);grid-column:1/-1;font-size:14px}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.news-grid{grid-template-columns:1fr}.news-card-image{height:160px}}.news-article-page{padding:var(--space-xl)var(--space-md)}.news-article-title{color:var(--color-gray-900);margin-bottom:var(--space-xs);font-size:28px;font-weight:700;line-height:1.4}.news-article-date{color:var(--color-gray-500);margin-bottom:var(--space-lg);font-size:13px;display:block}.news-article-image{margin-bottom:var(--space-lg)}.news-article-img{border-radius:var(--radius-md);width:100%;height:auto}.news-article-body{color:var(--color-gray-800);font-size:15px;line-height:1.8}.news-article-body img{max-width:100%;height:auto}.news-article-tags{margin-top:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.news-article-tag{background:var(--color-gray-100);color:var(--color-gray-700);border-radius:999px;padding:4px 12px;font-size:13px}.news-article-back{margin-top:var(--space-xl)}.news-article-back a{color:var(--color-primary);font-size:14px;text-decoration:none}.news-article-back a:hover{text-decoration:underline}@media (max-width:640px){.news-article-title{font-size:20px}}:root{--font-sans:"Inter","Noto Sans JP","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Noto Serif JP","Times New Roman",serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--color-brand-primary:#6366f1;--color-brand-secondary:#818cf8;--color-brand-dark:#4f46e5;--color-brand-darker:#4338ca;--color-brand-darkest:#3730a3;--color-brand-light:#eef2ff;--color-white:#fff;--color-black:#333;--color-black-dark:#1a1a1a;--color-dark-gray:#666;--color-gray:#999;--color-light-gray:#e5e5e5;--color-off-white:#f5f5f5;--color-surface-warm-light:#f8f6f4;--color-surface-warm-dark:#ebe7e3;--color-surface-slate:#2c3e50;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-sell:#f97316;--color-sell-light:#ffedd5;--color-sell-dark:#ea580c;--color-accent-dark:#dc4a00;--color-buy:#3b82f6;--color-buy-light:#dbeafe;--color-buy-dark:#2563eb;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-border-accent:#d1d5db;--space-0:0;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-xxl:var(--space-12);--space-2xl:var(--space-16);--space-3xl:var(--space-20);--font-size-h1:24px;--font-size-h2:18px;--font-size-h3:16px;--font-size-body:14px;--font-size-small:12px;--font-size-xs:11px;--font-size-tiny:10px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001f;--shadow-card:0 1px 3px #0000000a;--shadow-card-hover:0 8px 16px #00000014;--shadow-brand:0 4px 14px #6366f140;--radius-none:0;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:16px;--radius-full:9999px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}section[id]{scroll-margin-top:80px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--color-gray-100);color:var(--color-gray-900);min-height:100vh;font-family:var(--font-sans);line-height:var(--leading-normal)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-chinese,[lang=zh],[lang=zh-CN],[lang=zh-Hans]{font-family:Noto Sans SC,Noto Sans JP,sans-serif}.tabular-nums,[class*=price],[class*=total],[class*=subtotal],[class*=savings],[class*=discount],[class*=amount],[class*=value],[class*=-qty],[class*=count],[class*=stat-],table td:not(:first-child),.bundle-tier-discount,.bundle-discount-hint strong{font-variant-numeric:tabular-nums}a{transition:color .2s}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.loading-overlay{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;display:flex}.loading-spinner{width:60px;height:60px;margin:0 auto;position:relative}.loading-spinner.sm{width:20px;height:20px;margin:0}.loading-spinner.sm .spinner-ring:first-child,.loading-spinner.sm .spinner-ring:nth-child(2){-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}.spinner-ring{border-radius:50%;animation:1.2s linear infinite spinner-rotate;position:absolute}.spinner-ring:first-child{background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,var(--color-brand-primary)360deg);width:100%;height:100%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px))}.spinner-ring:nth-child(2){background:conic-gradient(from 180deg,transparent 0deg,transparent 270deg,var(--color-sell)360deg);width:70%;height:70%;animation-direction:reverse;top:15%;left:15%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#666;font-size:.875rem;animation:1.5s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.6}50%{opacity:1}}.navigation-progress-container{z-index:9999;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.navigation-progress-bar{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-secondary));height:100%;box-shadow:0 0 10px var(--color-brand-primary),0 0 5px var(--color-brand-primary);transition:width .2s ease-out,opacity .3s ease-out}.campaign-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.campaign-scroll>*{scroll-snap-align:start;flex:none;width:320px;min-width:320px}.campaign-scroll::-webkit-scrollbar{height:6px}.campaign-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.campaign-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.campaign-scroll::-webkit-scrollbar-thumb:hover{background:#bbb}.campaign-card{transition:transform .15s,box-shadow .15s}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.campaign-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.campaign-card.highlight{animation:.5s ease-in-out 2 highlight-pulse}@keyframes highlight-pulse{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 0 0 4px var(--color-brand-primary),0 2px 8px #0000001a}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-size:var(--font-size-body);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-sell)0%,var(--color-sell-dark)100%);color:#fff;border-color:var(--color-sell)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);border-color:var(--color-brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.btn-primary:focus:not(:disabled),.btn-primary:focus-visible:not(:disabled),.btn-primary:active:not(:disabled){background:linear-gradient(135deg,var(--color-brand-dark)0%,var(--color-brand-darker)100%);border-color:var(--color-brand-dark);outline:2px solid var(--color-brand-primary);outline-offset:2px;box-shadow:0 0 0 4px #6366f133}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300);transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--color-brand-light);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn-ghost{color:var(--color-gray-700);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-outline{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.btn-xs{padding:var(--space-1-5)var(--space-3);font-size:var(--font-size-xs)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--font-size-small)}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--font-size-h3)}.dashboard-tab:hover:not(.active){color:var(--color-gray-900,#1a1a1a)!important;background:var(--color-gray-50,#f5f5f5)!important;border-bottom-color:#0000!important}.dashboard-tab:focus:not(.active),.dashboard-tab:focus-visible:not(.active){color:#6366f1!important;border-bottom-color:#6366f1!important;outline:none!important}.card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);background:#fff}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-gray-300);transform:translateY(-2px)}.card-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.badge{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-primary{background:var(--color-brand-light);color:var(--color-brand-dark)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-700)}.badge-new{background:var(--color-info-light);color:var(--color-info)}.badge-hot{background:var(--color-danger-light);color:var(--color-danger)}.badge-recommend{background:var(--color-success-light);color:var(--color-success)}.badge-preorder,.product-badge-preorder,.momentum-badge.limited{color:#fff;box-shadow:none;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;background:#ea580c;border:none;font-weight:600}.stock-badge.stock-preorder{color:#c2410c;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff7ed;border:1.5px solid #fdba74;font-weight:600;box-shadow:0 2px 6px #ea580c1a}.badge-limited{background:var(--color-warning-light);color:var(--color-warning)}.input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--font-size-body);line-height:var(--leading-normal);color:var(--color-gray-900);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff}.input::placeholder{color:var(--color-gray-400)}.input:hover:not(:disabled){border-color:var(--color-gray-400)}.input:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.input:disabled{background:var(--color-gray-100);cursor:not-allowed}.input-error{border-color:var(--color-danger)}.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.section{padding:var(--space-12)0}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-bold);color:var(--color-gray-900)}.section-link{font-size:var(--font-size-small);color:var(--color-gray-600);transition:color var(--transition-fast);text-decoration:none}.status-dot{border-radius:var(--radius-full);width:8px;height:8px}.status-dot-success{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-danger{background:var(--color-danger)}.status-dot-neutral{background:var(--color-gray-400)}.price{font-weight:var(--font-bold);color:var(--color-brand-primary);font-variant-numeric:tabular-nums}.tabular-nums{font-variant-numeric:tabular-nums}.price-original{font-size:var(--font-size-small);color:var(--color-gray-500);text-decoration:line-through}.price-discount{font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-danger);background:var(--color-danger-light);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}.text-brand{color:var(--color-brand-primary)}.bg-brand{background:var(--color-brand-primary)}.border-brand{border-color:var(--color-brand-primary)}.text-muted{color:var(--color-gray-500)}.text-subtle{color:var(--color-gray-600)}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section-container{margin-bottom:var(--space-xxl)}.brand-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);height:72px;color:var(--color-gray-700);font-size:var(--font-size-body);font-weight:var(--font-medium);transition:all var(--transition-base);box-shadow:var(--shadow-xs);background:#fff;justify-content:center;align-items:center;text-decoration:none;display:flex}.brand-card:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.brand-card-logo{object-fit:contain;max-width:80%;max-height:40px}.category-card-enhanced{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;text-decoration:none;display:flex}.category-card-enhanced:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.category-card-enhanced:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-color:var(--color-brand-primary)}.category-card-enhanced:hover .category-icon-wrapper{background:var(--color-brand-light);transform:scale(1.05)}.category-icon-wrapper{background:var(--color-gray-50);border-radius:var(--radius-xl);width:64px;height:64px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.category-card-enhanced .category-card-label{font-size:var(--font-size-body);font-weight:var(--font-medium);color:var(--color-gray-800)}.category-card-enhanced .category-card-count{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:2px}.section-header{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-h2);font-weight:var(--font-bold);color:var(--color-gray-900);display:flex}.section-icon{color:var(--color-brand-primary)}.section-subtitle{font-size:var(--font-size-small);font-weight:var(--font-normal);color:var(--color-gray-500);margin-left:var(--space-2)}.anchor-link-btn{width:28px;height:28px;margin-left:var(--space-2);border-radius:var(--radius-md);color:var(--color-gray);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.section-header:hover .anchor-link-btn,.anchor-link-btn:focus{opacity:1}.anchor-link-btn:hover{background:var(--color-off-white);color:var(--color-primary)}.anchor-link-btn:active{transform:scale(.95)}.anchor-link-btn svg{width:16px;height:16px;color:inherit}.section-link{align-items:center;gap:var(--space-1);font-size:var(--font-size-body);color:var(--color-brand-primary);font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.section-link:hover{color:var(--color-brand-dark)}.home-brand-grid{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-4)*3.5)/4.5);gap:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:grid;overflow-x:auto}.home-brand-grid::-webkit-scrollbar{display:none}.home-brand-card{padding:var(--space-4);background:var(--color-white);color:inherit;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;text-decoration:none;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.home-brand-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.home-brand-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.home-brand-icon{color:#6366f1;text-transform:uppercase;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;display:flex}.home-brand-logo{justify-content:center;align-items:center;width:100%;height:90px;display:flex}.home-brand-name{display:none}@media (max-width:768px){.home-brand-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-auto-columns:calc(22.2222vw - 15.1111px);grid-auto-flow:column;gap:12px;display:grid;overflow:auto hidden}.home-brand-grid::-webkit-scrollbar{display:none}.home-brand-card{max-width:unset;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:flex-start;gap:6px;padding:0}.home-brand-card:hover{box-shadow:none;transform:none}.home-brand-logo,.home-brand-icon{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:100%;height:auto;box-shadow:0 1px 3px #0000000d}.home-brand-logo{background:var(--color-white);padding:8px}.home-brand-logo img{object-fit:contain!important;width:100%!important;height:100%!important}.home-brand-icon{font-size:16px}.home-brand-name{color:#374151;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;line-height:1.2;display:block;overflow:hidden}}.browsing-history-scroll{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-md)*3.5)/4.5);gap:var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:grid;overflow-x:auto}.browsing-history-scroll::-webkit-scrollbar{display:none}.browsing-history-item{color:inherit;text-decoration:none;transition:transform .2s}.browsing-history-item:hover{transform:translateY(-2px)}.browsing-history-image-wrapper{aspect-ratio:1;background:#fff;border:1px solid #0000000f;border-radius:12px;width:100%;margin-bottom:8px;overflow:hidden}.browsing-history-image{object-fit:contain;width:100%;height:100%;padding:8px}.browsing-history-image-placeholder{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);width:100%;height:100%}.browsing-history-name{color:#374151;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:12px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.browsing-history-price{font-size:13px;font-weight:700;font-family:var(--font-family-num);color:#111827}@media (max-width:768px){.browsing-history-scroll{grid-auto-columns:calc(28.5714vw - 17.7143px);gap:10px}.browsing-history-image-wrapper{border-radius:8px}.browsing-history-image{padding:6px}.browsing-history-name{font-size:11px}.browsing-history-price{font-size:12px}}.stat-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-gray-600);display:inline-flex}.stat-badge-primary{background:var(--color-brand-light);color:var(--color-brand-dark)}.ranking-controls{align-items:center;gap:var(--space-3);display:flex}.ranking-controls-label{font-size:var(--font-size-small);color:var(--color-gray-600)}.ranking-hint{font-size:var(--font-size-small);color:var(--color-gray-600);margin-bottom:var(--space-3);padding-left:var(--space-2)}.ranking-list{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.ranking-list-2col{grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:1024px){.ranking-list-2col{grid-template-columns:1fr}}@media (max-width:768px){.btn,.header-icon-btn,.carousel-nav,.period-btn,.compact-tab,.algorithm-tab,.nav-links a{min-height:44px}.carousel-indicator{min-width:16px;min-height:16px}}@media (max-width:480px){.red-card-sm .red-card-brand,.red-card-sm .red-card-stats,.store-count,.ranking-stat-label,.category-tab-count,.deadline-text{font-size:11px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}