@tailwind base;@tailwind components;@tailwind utilities;#root{width:100%;padding:0;overflow-x:hidden}.container{width:100%;max-width:100%;padding:0 1.5rem;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.page-layout-desktop{width:100%;display:flex;gap:48px;padding:0 2rem}.carousel-container{width:100%;max-width:100%;padding:0 1rem}@media (max-width: 768px){.container,.page-layout-desktop{padding:0 1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#fff;color:#000}body.dark-mode{background-color:#121212;color:#fff}.light{background-color:#fff;color:#000}.dark{background-color:#121212;color:#fff}a{@apply text-primary-500 hover:text-primary-600;}button{@apply bg-primary-500 text-white hover:bg-primary-600 transition-colors duration-200;}.dark button{@apply bg-primary-600 hover:bg-primary-700;}.display-pane{position:fixed;right:0;top:50%;transform:translateY(-50%) translate(100%);width:300px;padding:1.5rem;border-radius:12px 0 0 12px;transition:transform .3s ease-out;z-index:1000}.display-pane.visible{transform:translateY(-50%) translate(0)}.display-pane.glassmorphic{background:#ffffffd9;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26875e}.glassmorphic .content-wrapper{background:#fff9;padding:1rem;border-radius:8px}.glassmorphic .action-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff;border-radius:8px;padding:.75rem;margin-top:1rem;box-shadow:0 4px 6px #0000001a}.display-pane.neumorphic{background:#e0e5ec;box-shadow:8px 8px 15px #a3b1c6,-8px -8px 15px #fff}.neumorphic .content-wrapper{background:#e0e5ec}.neumorphic .product-title{color:#2d4263;font-size:1.25rem;margin-bottom:1rem;text-shadow:1px 1px 1px #fff}.neumorphic .product-description{color:#666;line-height:1.5;margin-bottom:1.5rem}.neumorphic .action-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;border-radius:10px;background:#e0e5ec;box-shadow:inset 3px 3px 7px #a3b1c6,inset -3px -3px 7px #fff}.price{font-size:1.25rem;font-weight:700;color:#2d4263}.button-container{display:flex;justify-content:flex-end;flex:1;margin-left:1rem}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.glassmorphic .close-button{background:#fffc;backdrop-filter:blur(5px)}.neumorphic .close-button{background:#e0e5ec;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.close-button:hover{transform:scale(1.1)}.close-icon{font-size:1.5rem;line-height:1;color:#666}.display-pane{transition:transform .3s ease-in-out;position:absolute;top:50%;transform:translateY(-50%);right:0}