:root{--color-primary: #016472;--color-primary-hover: #33bdbb;--color-bg: #ebebeb;--color-text: #213547;--color-white: #fff;--color-black: #000;--color-accent: #016472;--color-border: #ddd;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--transition: .25s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1)}body{margin:0;font-family:Arial,system-ui,sans-serif;line-height:1.5;color:var(--color-text);font-size:16px;background-color:var(--color-bg)}*:focus{box-shadow:0 0 0 2px var(--color-primary)}.container{max-width:1000px;margin:0 auto;display:flex;padding:var(--space-md);gap:var(--space-lg)}.checkout{padding:var(--space-lg);border-radius:8px;box-shadow:var(--shadow-sm);background-color:var(--color-white);transition:box-shadow var(--transition);height:max-content}.checkout:hover{box-shadow:var(--shadow-md)}.site-header{text-align:center;color:var(--color-white);background-color:var(--color-accent);padding:var(--space-md)}h1{margin:0}.form-group{margin-bottom:var(--space-lg)}label{display:block;margin-bottom:var(--space-xs);font-weight:600}input,select{width:100%;padding:.7rem;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;transition:all var(--transition);font-size:16px}input:hover,select:hover{border-color:var(--color-primary)}.cart{min-width:max-content}.cart-item{display:flex;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);transition:transform var(--transition)}.cart-item img{width:60px;height:60px;object-fit:cover;margin-inline-end:var(--space-md);border-radius:4px}.cart-summary{padding-top:var(--space-md)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0}button{border-radius:4px;border:none;padding:.7em 1.4em;font-weight:500;color:var(--color-white);background-color:var(--color-primary);cursor:pointer;transition:all var(--transition);width:100%}button:hover{background-color:var(--color-primary-hover)}button:active{transform:translateY(0)}a{font-weight:500;color:var(--color-primary);text-decoration:underline;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}.banner{background-color:#e0f0f1;padding:var(--space-md);border-radius:6px;margin-bottom:var(--space-lg);border:3px dashed #006d72;position:relative;font-family:Courier New,monospace;transition:all var(--transition)}.banner:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.banner p{margin:0;font-size:.9em}.banner:before{content:"DEV";position:absolute;top:-10px;right:10px;background-color:#006d72;color:var(--color-white);padding:2px 8px;font-size:.7em;font-weight:700;border-radius:3px}.site-footer{background-color:var(--color-black);color:var(--color-white);padding:var(--space-xl) 0;margin-top:var(--space-xl)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-section{margin:var(--space-md) 0}.language-selector{display:flex;align-items:center}.language-selector label{color:var(--color-white);margin-right:var(--space-sm);margin-bottom:0}.language-selector select{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:.5rem .8rem;width:auto;border-radius:4px;transition:all var(--transition)}.language-selector select:hover{background-color:#ffffff26}@media (max-width: 768px){.container{flex-direction:column}.footer-container{flex-direction:column;text-align:center}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}