@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary: #0a1a33;--color-primary-light: #1a2d4d;--color-primary-dark: #050d1a;--color-accent: #c5a25a;--color-accent-light: #d4b77a;--color-accent-dark: #a88940;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--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-black: #000000;--color-success: #28a745;--color-success-light: #d4edda;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-error: #dc3545;--color-error-light: #f8d7da;--color-info: #17a2b8;--color-info-light: #d1ecf1;--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-100);--bg-dark: var(--color-primary);--bg-overlay: rgba(10, 26, 51, .8);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--text-light: var(--color-white);--text-accent: var(--color-accent);--border-light: var(--color-gray-200);--border-medium: var(--color-gray-300);--border-dark: var(--color-gray-400);--border-accent: var(--color-accent);--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--grid-columns: 12;--grid-gap: var(--space-6);--grid-gap-sm: var(--space-4);--grid-gap-lg: var(--space-8);--border-width: 1px;--border-width-2: 2px;--border-width-4: 4px;--radius-none: 0;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-default: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-default: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-whatsapp: 1090;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px}@media (prefers-color-scheme: dark){:root.dark-mode{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-400);--border-light: var(--color-gray-700)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}@media (min-width: 768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}}@media (min-width: 1024px){h1{font-size:var(--text-6xl)}}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}a{transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--container-2xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--xl{max-width:var(--container-xl)}.grid{display:grid;gap:var(--grid-gap)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}.grid--12{grid-template-columns:repeat(12,1fr)}.grid--responsive-2,.grid--responsive-3,.grid--responsive-4{grid-template-columns:1fr}@media (min-width: 640px){.grid--responsive-2,.grid--responsive-3,.grid--responsive-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid--responsive-3,.grid--responsive-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid--responsive-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex--inline{display:inline-flex}.flex--wrap{flex-wrap:wrap}.flex--col{flex-direction:column}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--start{justify-content:flex-start}.flex--end{justify-content:flex-end}.flex--align-start{align-items:flex-start}.flex--align-center{align-items:center}.flex--align-end{align-items:flex-end}.flex--gap-2{gap:var(--space-2)}.flex--gap-4{gap:var(--space-4)}.flex--gap-6{gap:var(--space-6)}.flex--gap-8{gap:var(--space-8)}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}@media (min-width: 768px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (min-width: 1024px){.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}}.section--sm{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section--lg{padding-top:var(--space-20);padding-bottom:var(--space-20)}@media (min-width: 768px){.section--lg{padding-top:var(--space-24);padding-bottom:var(--space-24)}}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}@media (max-width: 1023px){.show-desktop-only{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--text-muted)}.text-white{color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-white{background-color:var(--color-white)}.bg-light{background-color:var(--color-gray-100)}.bg-dark{background-color:var(--color-primary);color:var(--color-white)}.m-0{margin:0}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.border{border:var(--border-width) solid var(--border-light)}.border-top{border-top:var(--border-width) solid var(--border-light)}.border-bottom{border-bottom:var(--border-width) solid var(--border-light)}.rounded{border-radius:var(--radius-default)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-default)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.aspect-3-4{aspect-ratio:3 / 4}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transition{transition:all var(--transition-default)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::selection{background-color:var(--color-accent);color:var(--color-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--color-gray-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);text-align:center;white-space:nowrap;border-radius:var(--radius-default);border:var(--border-width-2) solid transparent;cursor:pointer;transition:all var(--transition-default);min-height:44px}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn--accent{background-color:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.btn--accent:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn--ghost{background-color:transparent;color:var(--color-primary);border-color:transparent}.btn--ghost:hover{background-color:var(--color-gray-100)}.btn--light{background-color:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn--light:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:52px}.btn--full{width:100%}.btn--icon{padding:var(--space-3);min-width:44px}.btn--loading{position:relative;color:transparent!important}.btn--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-label--required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--color-white);border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:48px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c5a25a26}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:40px}.form-input--lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);min-height:56px}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-error)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #dc354526}.form-input--success,.form-select--success,.form-textarea--success{border-color:var(--color-success)}.form-textarea{min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;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='%23757575' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}.form-helper{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.form-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error)}.form-check{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.form-check__input{width:20px;height:20px;margin-top:2px;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-width-2) solid var(--border-medium);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.form-check__input[type=checkbox]{border-radius:var(--radius-default)}.form-check__input[type=radio]{border-radius:50%}.form-check__input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-check__input[type=checkbox]:checked{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='%23fff' d='M10 3L4.5 8.5 2 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-check__input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-check__label{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-primary)}.form-floating{position:relative}.form-floating .form-input,.form-floating .form-select{padding-top:var(--space-5)}.form-floating .form-label{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);margin-bottom:0;pointer-events:none;transition:all var(--transition-fast);color:var(--text-muted)}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label,.form-floating .form-select:focus~.form-label,.form-floating .form-select:valid~.form-label{top:var(--space-2);transform:translateY(0);font-size:var(--text-xs);color:var(--color-accent)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-default),transform var(--transition-default)}.card--shadow{box-shadow:var(--shadow-md)}.card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card--border{border:var(--border-width) solid var(--border-light)}.card__image{position:relative;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card--hover:hover .card__image img{transform:scale(1.05)}.card__body{padding:var(--space-6)}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card__text{color:var(--text-secondary);font-size:var(--text-sm)}.card__footer{padding:var(--space-4) var(--space-6);border-top:var(--border-width) solid var(--border-light);background-color:var(--color-gray-50)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-default)}.badge--primary{background-color:var(--color-primary);color:var(--color-white)}.badge--accent{background-color:var(--color-accent);color:var(--color-primary)}.badge--success{background-color:var(--color-success);color:var(--color-white)}.badge--warning{background-color:var(--color-warning);color:var(--color-gray-900)}.badge--error,.badge--sale{background-color:var(--color-error);color:var(--color-white)}.badge--new{background-color:var(--color-primary);color:var(--color-white)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--text-sm)}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.breadcrumb__item:after{content:"/";color:var(--text-muted)}.breadcrumb__item:last-child:after{display:none}.breadcrumb__link{color:var(--text-secondary);transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-accent)}.breadcrumb__item--active{color:var(--text-primary);font-weight:var(--font-medium)}.tabs{border-bottom:var(--border-width) solid var(--border-light)}.tabs__list{display:flex;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs__item{padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap;border-bottom:var(--border-width-2) solid transparent;margin-bottom:-1px;cursor:pointer;transition:all var(--transition-fast)}.tabs__item:hover{color:var(--color-primary)}.tabs__item--active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.tabs__content{display:none;padding:var(--space-6) 0}.tabs__content--active{display:block}.accordion{border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.accordion__item{border-bottom:var(--border-width) solid var(--border-light)}.accordion__item:last-child{border-bottom:none}.accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;background-color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast)}.accordion__header:hover{background-color:var(--color-gray-50)}.accordion__icon{width:20px;height:20px;transition:transform var(--transition-default)}.accordion__item--active .accordion__icon{transform:rotate(180deg)}.accordion__body{display:none;padding:0 var(--space-6) var(--space-5)}.accordion__item--active .accordion__body{display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-default),visibility var(--transition-default)}.modal-overlay--active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:90%;max-width:600px;max-height:90vh;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-default);overflow:hidden;display:flex;flex-direction:column}.modal--active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal--lg{max-width:900px}.modal--sm{max-width:400px}.modal--full{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width) solid var(--border-light)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width) solid var(--border-light);background-color:var(--color-gray-50)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);min-width:300px;max-width:400px;padding:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast__icon{flex-shrink:0;width:24px;height:24px}.toast__content{flex:1}.toast__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.toast__message{font-size:var(--text-sm);color:var(--text-secondary)}.toast__close{flex-shrink:0;color:var(--text-muted);padding:var(--space-1)}.toast__close:hover{color:var(--text-primary)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-default)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;width:100%}.skeleton--title{height:1.5em;width:60%}.skeleton--image{aspect-ratio:1 / 1;width:100%}.skeleton--button{height:44px;width:120px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6)}.empty-state__icon{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--color-gray-300)}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state__text{color:var(--text-secondary);max-width:400px;margin-bottom:var(--space-6)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--text-primary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pagination__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__item--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.pagination__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.price{display:flex;align-items:baseline;gap:var(--space-2)}.price__current{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.price__original{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through}.price__discount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-error)}.quantity-selector{display:inline-flex;align-items:center;border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden}.quantity-selector__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:var(--text-lg);color:var(--text-primary);background-color:var(--color-gray-50);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.quantity-selector__btn:hover{background-color:var(--color-gray-100)}.quantity-selector__btn:disabled{opacity:.5;cursor:not-allowed}.quantity-selector__input{width:60px;height:40px;text-align:center;font-size:var(--text-base);font-weight:var(--font-medium);border:none;border-left:var(--border-width) solid var(--border-light);border-right:var(--border-width) solid var(--border-light)}.quantity-selector__input:focus{outline:none}.size-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size-selector__item{min-width:44px;height:44px;padding:0 var(--space-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-medium);border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.size-selector__item:hover{border-color:var(--color-primary)}.size-selector__item--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.size-selector__item--disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.color-selector{display:flex;flex-wrap:wrap;gap:var(--space-3)}.color-selector__item{position:relative;width:36px;height:36px;border-radius:50%;cursor:pointer;border:var(--border-width-2) solid transparent;transition:transform var(--transition-fast)}.color-selector__item:hover{transform:scale(1.1)}.color-selector__item--active{border-color:var(--color-primary)}.color-selector__item:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:50%;border:var(--border-width) solid rgba(0,0,0,.1)}.rating{display:flex;align-items:center;gap:var(--space-1)}.rating__star{width:16px;height:16px;color:var(--color-gray-300)}.rating__star--filled{color:var(--color-accent)}.rating__star--half{position:relative}.rating__count{margin-left:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.progress-steps{display:flex;align-items:center;justify-content:center}.progress-steps__item{display:flex;align-items:center}.progress-steps__circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-semibold);background-color:var(--color-gray-200);color:var(--text-secondary);transition:all var(--transition-default)}.progress-steps__item--active .progress-steps__circle,.progress-steps__item--completed .progress-steps__circle{background-color:var(--color-primary);color:var(--color-white)}.progress-steps__label{margin-left:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.progress-steps__item--active .progress-steps__label{color:var(--text-primary);font-weight:var(--font-medium)}.progress-steps__line{width:60px;height:2px;margin:0 var(--space-3);background-color:var(--color-gray-200)}.progress-steps__item--completed+.progress-steps__item .progress-steps__line,.progress-steps__item--completed .progress-steps__line{background-color:var(--color-primary)}@media (max-width: 767px){.progress-steps__label{display:none}.progress-steps__line{width:40px}}.tooltip{position:relative;display:inline-block}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-white);background-color:var(--color-gray-900);border-radius:var(--radius-default);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-tooltip)}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-gray-900)}.tooltip:hover .tooltip__content{opacity:1;visibility:visible}.dropdown{position:relative;display:inline-block}.dropdown__toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.dropdown__menu{position:absolute;top:100%;left:0;min-width:200px;margin-top:var(--space-2);padding:var(--space-2) 0;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.dropdown--active .dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__item{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);transition:background-color var(--transition-fast)}.dropdown__item:hover{background-color:var(--color-gray-50)}.dropdown__divider{margin:var(--space-2) 0;border-top:var(--border-width) solid var(--border-light)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert--success{background-color:var(--color-success-light);color:var(--color-success)}.alert--warning{background-color:var(--color-warning-light);color:var(--color-gray-900)}.alert--error{background-color:var(--color-error-light);color:var(--color-error)}.alert--info{background-color:var(--color-info-light);color:var(--color-info)}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{flex:1}.alert__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.alert__close{flex-shrink:0;padding:var(--space-1);margin-left:auto;opacity:.7;transition:opacity var(--transition-fast)}.alert__close:hover{opacity:1}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.header__top{background-color:var(--color-primary);color:var(--color-white);padding:var(--space-2) 0;font-size:var(--text-xs);text-align:center}.header__main{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);gap:var(--space-6)}@media (min-width: 768px){.header__main{padding:var(--space-4) var(--space-6)}}@media (min-width: 1024px){.header__main{padding:var(--space-4) var(--space-8)}}.logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo__image{height:40px;width:auto}.logo__text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:var(--tracking-tight)}.logo__tagline{display:none;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest)}@media (min-width: 768px){.logo__tagline{display:block}}.nav{display:none}@media (min-width: 1024px){.nav{display:flex;align-items:center;gap:var(--space-1)}}.nav__item{position:relative}.nav__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--transition-fast)}.nav__link:hover,.nav__link--active{color:var(--color-accent)}.nav__arrow{width:12px;height:12px;transition:transform var(--transition-fast)}.nav__item:hover .nav__arrow{transform:rotate(180deg)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:800px;padding:var(--space-8);background-color:var(--color-white);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:opacity var(--transition-default),visibility var(--transition-default);z-index:var(--z-dropdown)}.nav__item:hover .mega-menu{opacity:1;visibility:visible}.mega-menu__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-8)}.mega-menu__title{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-width-2) solid var(--color-accent)}.mega-menu__list{display:flex;flex-direction:column;gap:var(--space-2)}.mega-menu__link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.mega-menu__link:hover{color:var(--color-accent)}.mega-menu__featured{grid-column:span 2;position:relative;border-radius:var(--radius-lg);overflow:hidden}.mega-menu__featured img{width:100%;height:200px;object-fit:cover}.mega-menu__featured-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(to top,rgba(10,26,51,.9),transparent);color:var(--color-white)}.header__actions{display:flex;align-items:center;gap:var(--space-2)}@media (min-width: 768px){.header__actions{gap:var(--space-4)}}.header__action{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-primary);border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.header__action:hover{background-color:var(--color-gray-100);color:var(--color-accent)}.header__action-icon{width:24px;height:24px}.header__action-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-bold);color:var(--color-white);background-color:var(--color-accent);border-radius:var(--radius-full)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;cursor:pointer}@media (min-width: 1024px){.menu-toggle{display:none}}.menu-toggle__line{width:100%;height:2px;background-color:var(--color-primary);transition:transform var(--transition-default),opacity var(--transition-default)}.menu-toggle--active .menu-toggle__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle--active .menu-toggle__line:nth-child(2){opacity:0}.menu-toggle--active .menu-toggle__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-white);z-index:var(--z-fixed);transform:translate(-100%);transition:transform var(--transition-default);overflow-y:auto}.mobile-nav--active{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-light)}.mobile-nav__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav__body{padding:var(--space-4)}.mobile-nav__item{border-bottom:var(--border-width) solid var(--border-light)}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-medium)}.mobile-nav__submenu{display:none;padding-left:var(--space-4);padding-bottom:var(--space-4)}.mobile-nav__item--active .mobile-nav__submenu{display:block}.mobile-nav__sublink{display:block;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.mobile-nav__footer{padding:var(--space-6) var(--space-4);border-top:var(--border-width) solid var(--border-light);margin-top:var(--space-4)}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-white);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-default),visibility var(--transition-default)}.search-overlay--active{opacity:1;visibility:visible}.search-overlay__header{padding:var(--space-4) var(--space-4);border-bottom:var(--border-width) solid var(--border-light)}@media (min-width: 768px){.search-overlay__header{padding:var(--space-6)}}.search-overlay__form{display:flex;align-items:center;gap:var(--space-4);max-width:var(--container-lg);margin:0 auto}.search-overlay__input{flex:1;padding:var(--space-4);font-size:var(--text-lg);border:none;outline:none}.search-overlay__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.search-overlay__body{padding:var(--space-6);max-width:var(--container-lg);margin:0 auto}.search-overlay__section{margin-bottom:var(--space-8)}.search-overlay__title{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:var(--space-4)}.footer{background-color:var(--color-primary);color:var(--color-white);margin-top:auto}.footer__main{padding:var(--space-12) 0}@media (min-width: 768px){.footer__main{padding:var(--space-16) 0}}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer__grid{grid-template-columns:2fr repeat(3,1fr)}}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.footer__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white)}.footer__brand-text{font-size:var(--text-sm);color:#ffffffb3;line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:#ffffff1a;color:var(--color-white);transition:background-color var(--transition-fast)}.footer__social-link:hover{background-color:var(--color-accent)}.footer__title{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4);color:var(--color-accent)}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--text-sm);color:#ffffffb3;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-accent)}.footer__newsletter{margin-top:var(--space-6)}.footer__newsletter-text{font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-3)}.footer__newsletter-form{display:flex;gap:var(--space-2)}.footer__newsletter-input{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-white);background-color:#ffffff1a;border:var(--border-width) solid rgba(255,255,255,.2);border-radius:var(--radius-md)}.footer__newsletter-input::placeholder{color:#ffffff80}.footer__newsletter-input:focus{outline:none;border-color:var(--color-accent)}.footer__newsletter-btn{padding:var(--space-3) var(--space-4);background-color:var(--color-accent);color:var(--color-primary);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.footer__newsletter-btn:hover{background-color:var(--color-accent-light)}.footer__bottom{padding:var(--space-6) 0;border-top:var(--border-width) solid rgba(255,255,255,.1)}.footer__bottom-content{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}@media (min-width: 768px){.footer__bottom-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer__copyright{font-size:var(--text-sm);color:#ffffff80}.footer__legal{display:flex;gap:var(--space-4)}.footer__legal-link{font-size:var(--text-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer__legal-link:hover{color:var(--color-accent)}.footer__payment{display:flex;gap:var(--space-2);align-items:center}.footer__payment-icon{height:24px;width:auto;opacity:.7}.whatsapp-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#25d366;color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:var(--z-whatsapp);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.whatsapp-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-xl);color:var(--color-white)}.whatsapp-btn__icon{width:28px;height:28px}.whatsapp-btn__tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-white);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.whatsapp-btn:hover .whatsapp-btn__tooltip{opacity:1;visibility:visible}@media (max-width: 767px){.whatsapp-btn{bottom:var(--space-4);right:var(--space-4);width:50px;height:50px}.whatsapp-btn__tooltip{display:none}}.page{display:flex;flex-direction:column;min-height:100vh}.page__content{flex:1}.layout-sidebar{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.layout-sidebar{grid-template-columns:280px 1fr}}@media (min-width: 1024px){.layout-sidebar--reverse{grid-template-columns:1fr 280px}.layout-sidebar--reverse .sidebar{order:2}}.sidebar{background-color:var(--color-white)}@media (max-width: 1023px){.sidebar{position:fixed;top:0;left:0;width:100%;max-width:320px;height:100%;z-index:var(--z-fixed);transform:translate(-100%);transition:transform var(--transition-default);overflow-y:auto;box-shadow:var(--shadow-xl)}.sidebar--active{transform:translate(0)}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-light)}@media (min-width: 1024px){.sidebar__header{display:none}}.sidebar__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.sidebar__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.sidebar__body{padding:var(--space-4)}@media (min-width: 1024px){.sidebar__body{padding:0}}.hero{position:relative;display:flex;align-items:center;min-height:500px;background-color:var(--color-primary);color:var(--color-white);overflow:hidden}@media (min-width: 768px){.hero{min-height:600px}}@media (min-width: 1024px){.hero{min-height:700px}}.hero--full{min-height:100vh}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%}.hero__background img,.hero__background video{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0a1a33e6,#0a1a3366)}.hero__content{position:relative;z-index:1;max-width:600px;padding:var(--space-8) 0}.hero__tagline{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent)}.hero__title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6);color:var(--color-white)}@media (min-width: 768px){.hero__title{font-size:var(--text-5xl)}}@media (min-width: 1024px){.hero__title{font-size:var(--text-6xl)}}.hero__text{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#fffc;margin-bottom:var(--space-8)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media (min-width: 1024px){.hero--split .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero--split .hero__content{max-width:none}}.hero__image{display:none}@media (min-width: 1024px){.hero__image{display:block;position:relative;z-index:1}.hero__image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}}.category-hero{position:relative;padding:var(--space-16) 0;background-color:var(--color-gray-100);text-align:center}.category-hero__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}@media (min-width: 768px){.category-hero__title{font-size:var(--text-4xl)}}.category-hero__text{color:var(--text-secondary);max-width:600px;margin:0 auto}.back-to-top{position:fixed;bottom:var(--space-6);right:calc(var(--space-6) + 70px);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-default);z-index:var(--z-fixed)}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--color-accent)}@media (max-width: 767px){.back-to-top{bottom:calc(var(--space-4) + 60px);right:var(--space-4)}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-default),visibility var(--transition-default)}.sidebar-overlay--active{opacity:1;visibility:visible}@media (min-width: 1024px){.sidebar-overlay{display:none}}.category-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 768px){.category-cards{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (min-width: 1024px){.category-cards{grid-template-columns:repeat(5,1fr)}}.category-card{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.category-card__image{position:absolute;top:0;left:0;width:100%;height:100%}.category-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .category-card__image img{transform:scale(1.1)}.category-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,26,51,.8),transparent)}.category-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);color:var(--color-white);text-align:center}.category-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}@media (min-width: 768px){.category-card__title{font-size:var(--text-xl)}}.category-card__count{font-size:var(--text-sm);color:#ffffffb3}.dual-model{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.dual-model{grid-template-columns:repeat(2,1fr)}}.dual-model__card{position:relative;padding:var(--space-8);border-radius:var(--radius-xl);overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end}.dual-model__card--ecommerce{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white)}.dual-model__card--tailoring{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-primary)}.dual-model__icon{width:60px;height:60px;margin-bottom:var(--space-6)}.dual-model__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.dual-model__text{font-size:var(--text-base);margin-bottom:var(--space-6);opacity:.9}.dual-model__features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.dual-model__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.dual-model__feature-icon{width:20px;height:20px;flex-shrink:0}.benefits{display:grid;grid-template-columns:1fr;gap:var(--space-6);text-align:center}@media (min-width: 768px){.benefits{grid-template-columns:repeat(3,1fr)}}.benefit{padding:var(--space-8)}.benefit__icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-accent)}.benefit__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.benefit__text{font-size:var(--text-sm);color:var(--text-secondary)}.product-card{position:relative;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-default)}.product-card:hover{box-shadow:var(--shadow-lg)}.product-card__image{position:relative;aspect-ratio:3/4;overflow:hidden;background-color:var(--color-gray-100)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__image-hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-default)}.product-card:hover .product-card__image-hover{opacity:1}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.product-card__wishlist{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-10px);transition:all var(--transition-default)}.product-card:hover .product-card__wishlist{opacity:1;transform:translateY(0)}.product-card__wishlist:hover,.product-card__wishlist--active{color:var(--color-error)}.product-card__actions{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);opacity:0;transform:translateY(20px);transition:all var(--transition-default)}.product-card:hover .product-card__actions{opacity:1;transform:translateY(0)}.product-card__body{padding:var(--space-4)}.product-card__category{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.product-card__title{font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title a:hover{color:var(--color-accent)}.product-card__rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.product-card__price{display:flex;align-items:baseline;gap:var(--space-2)}.product-card__price-current{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.product-card__price-original{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through}.product-card__colors{display:flex;gap:var(--space-1);margin-top:var(--space-3)}.product-card__color{width:16px;height:16px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.1)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 640px){.product-grid{gap:var(--space-6)}}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.filters__group{padding:var(--space-4) 0;border-bottom:var(--border-width) solid var(--border-light)}.filters__group:first-child{padding-top:0}.filters__group:last-child{border-bottom:none}.filters__title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);cursor:pointer}.filters__options{display:flex;flex-direction:column;gap:var(--space-3)}.filters__option{display:flex;align-items:center;justify-content:space-between}.filters__option-count{font-size:var(--text-sm);color:var(--text-muted)}.filters__colors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filters__color{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.filters__color:hover{transform:scale(1.1)}.filters__color--active{border-color:var(--color-primary)}.price-range{padding:var(--space-4) 0}.price-range__slider{position:relative;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.price-range__track{position:absolute;height:100%;background-color:var(--color-primary);border-radius:var(--radius-full)}.price-range__thumb{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:grab}.price-range__values{display:flex;justify-content:space-between;font-size:var(--text-sm)}.sort{display:flex;align-items:center;gap:var(--space-4)}.sort__label{font-size:var(--text-sm);color:var(--text-secondary)}.sort__select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-sm);border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--color-white);cursor:pointer}.shop-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 768px){.shop-header{flex-direction:row;align-items:center;justify-content:space-between}}.shop-header__results{font-size:var(--text-sm);color:var(--text-secondary)}.shop-header__actions{display:flex;align-items:center;gap:var(--space-4)}.filter-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md)}@media (min-width: 1024px){.filter-toggle{display:none}}.product-detail{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.product-detail{grid-template-columns:1fr 1fr;gap:var(--space-12)}}.product-gallery{position:relative}.product-gallery__main{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-100);margin-bottom:var(--space-4)}.product-gallery__main img{width:100%;height:100%;object-fit:cover}.product-gallery__zoom{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;transition:background-color var(--transition-fast)}.product-gallery__zoom:hover{background-color:var(--color-gray-100)}.product-gallery__thumbs{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.product-gallery__thumb{flex-shrink:0;width:80px;height:100px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast)}.product-gallery__thumb:hover,.product-gallery__thumb--active{border-color:var(--color-primary)}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}.product-info__category{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.product-info__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}@media (min-width: 768px){.product-info__title{font-size:var(--text-3xl)}}.product-info__rating{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-light)}.product-info__reviews-link{font-size:var(--text-sm);color:var(--color-accent)}.product-info__price{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6)}.product-info__price-current{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.product-info__price-original{font-size:var(--text-xl);color:var(--text-muted);text-decoration:line-through}.product-info__price-discount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white);background-color:var(--color-error);padding:var(--space-1) var(--space-2);border-radius:var(--radius-default)}.product-info__description{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.product-info__option{margin-bottom:var(--space-6)}.product-info__option-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.product-info__option-title{font-size:var(--text-sm);font-weight:var(--font-semibold)}.product-info__option-value{font-size:var(--text-sm);color:var(--text-secondary)}.product-info__size-guide{font-size:var(--text-sm);color:var(--color-accent);text-decoration:underline}.product-info__actions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 640px){.product-info__actions{flex-direction:row}}.product-info__add-cart,.product-info__buy-now{flex:1}.product-info__wishlist{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.product-info__wishlist:hover{border-color:var(--color-primary);color:var(--color-primary)}.product-info__meta{padding-top:var(--space-6);border-top:var(--border-width) solid var(--border-light)}.product-info__meta-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary)}.product-info__meta-icon{width:20px;height:20px;color:var(--color-accent)}.product-tabs{margin-top:var(--space-12)}.product-tabs__content{padding:var(--space-6);background-color:var(--color-gray-50);border-radius:var(--radius-lg)}.related-products{margin-top:var(--space-16)}.related-products__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.related-products__title{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.related-products__nav{display:flex;gap:var(--space-2)}.related-products__nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-full);transition:all var(--transition-fast)}.related-products__nav-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.fabric-card{position:relative;background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:var(--border-width) solid var(--border-light);transition:all var(--transition-default)}.fabric-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.fabric-card--selected{border-color:var(--color-primary);border-width:2px}.fabric-card__image{aspect-ratio:1/1;overflow:hidden}.fabric-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.fabric-card:hover .fabric-card__image img{transform:scale(1.1)}.fabric-card__body{padding:var(--space-4)}.fabric-card__name{font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.fabric-card__code{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.fabric-card__material{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.fabric-card__price{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary)}.fabric-card__select{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:2px solid var(--border-medium);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.fabric-card:hover .fabric-card__select,.fabric-card--selected .fabric-card__select{opacity:1}.fabric-card--selected .fabric-card__select{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.measurement-form{max-width:800px;margin:0 auto}.measurement-form__section{margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.measurement-form__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-light)}.measurement-form__row{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.measurement-form__row{grid-template-columns:repeat(2,1fr)}}.measurement-form__field{position:relative}.measurement-form__help{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:help}.measurement-form__unit-toggle{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.measurement-form__unit-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:var(--border-width) solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.measurement-form__unit-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.garment-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 640px){.garment-selector{grid-template-columns:repeat(4,1fr)}}.garment-selector__item{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.garment-selector__item:hover{border-color:var(--color-accent)}.garment-selector__item--active{border-color:var(--color-primary);background-color:#0a1a3308}.garment-selector__icon{width:48px;height:48px;margin-bottom:var(--space-3)}.garment-selector__label{font-size:var(--text-sm);font-weight:var(--font-medium)}.measurement-guide{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.measurement-guide{grid-template-columns:1fr 1fr}}.measurement-guide__video{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-900)}.measurement-guide__step{display:flex;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.measurement-guide__step-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.measurement-guide__step-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.measurement-guide__step-text{font-size:var(--text-sm);color:var(--text-secondary)}.cart-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.cart-layout{grid-template-columns:1fr 400px}}.cart-item{display:flex;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}@media (min-width: 640px){.cart-item{gap:var(--space-6)}}.cart-item__image{flex-shrink:0;width:100px;height:130px;border-radius:var(--radius-md);overflow:hidden}@media (min-width: 640px){.cart-item__image{width:120px;height:150px}}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__content{flex:1;display:flex;flex-direction:column}.cart-item__title{font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.cart-item__variant{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.cart-item__price{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.cart-item__actions{display:flex;align-items:center;gap:var(--space-4);margin-top:auto}.cart-item__remove{font-size:var(--text-sm);color:var(--text-muted);text-decoration:underline}.cart-item__remove:hover{color:var(--color-error)}.cart-item--custom{background-color:#c5a25a0d;border:var(--border-width) solid var(--color-accent)}.cart-item__custom-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-accent);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-default);margin-bottom:var(--space-2)}.cart-item__measurement-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-top:var(--space-2)}.cart-item__measurement-status--complete{color:var(--color-success)}.cart-item__measurement-status--pending{color:var(--color-warning)}.order-summary{position:sticky;top:calc(var(--space-4) + 80px);padding:var(--space-6);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.order-summary__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-light)}.order-summary__row{display:flex;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--text-sm)}.order-summary__row--total{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-light);font-size:var(--text-lg);font-weight:var(--font-semibold)}.order-summary__coupon{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-light)}.order-summary__coupon-form{display:flex;gap:var(--space-2)}.order-summary__coupon-input{flex:1}.order-summary__actions{margin-top:var(--space-6)}.order-summary__checkout{width:100%;margin-bottom:var(--space-3)}.order-summary__continue{display:block;text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.checkout-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.checkout-layout{grid-template-columns:1fr 420px}}.checkout-section{padding:var(--space-6);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.checkout-section__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.checkout-section__number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-sm)}.payment-methods{display:flex;flex-direction:column;gap:var(--space-3)}.payment-method{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:var(--border-width-2) solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast)}.payment-method:hover{border-color:var(--color-accent)}.payment-method--active{border-color:var(--color-primary);background-color:#0a1a3305}.payment-method__icon{width:40px;height:28px;object-fit:contain}.payment-method__name{font-weight:var(--font-medium)}.payment-method__description{font-size:var(--text-sm);color:var(--text-secondary)}.account-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.account-layout{grid-template-columns:280px 1fr}}.account-nav{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}@media (min-width: 1024px){.account-nav{position:sticky;top:calc(var(--space-4) + 80px)}}.account-nav__user{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-light);margin-bottom:var(--space-2)}.account-nav__avatar{width:48px;height:48px;background-color:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-primary)}.account-nav__name{font-weight:var(--font-semibold)}.account-nav__email{font-size:var(--text-sm);color:var(--text-secondary)}.account-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.account-nav__link:hover{background-color:var(--color-gray-100);color:var(--text-primary)}.account-nav__link--active{background-color:#0a1a330d;color:var(--color-primary);font-weight:var(--font-medium)}.account-nav__link--logout{color:var(--color-error)}.account-nav__link--logout:hover{background-color:var(--color-error-light)}.account-nav__icon{width:20px;height:20px}.account-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.account-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.account-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.order-card{border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.order-card__header{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-4);background-color:var(--color-gray-50);font-size:var(--text-sm)}.order-card__id{font-weight:var(--font-semibold)}.order-card__date{color:var(--text-secondary)}.order-card__body{padding:var(--space-4)}.order-card__items{display:flex;flex-direction:column;gap:var(--space-4)}.order-card__item{display:flex;gap:var(--space-4)}.order-card__item-image{width:60px;height:80px;border-radius:var(--radius-md);overflow:hidden}.order-card__item-image img{width:100%;height:100%;object-fit:cover}.order-card__item-info{flex:1}.order-card__item-name{font-weight:var(--font-medium);margin-bottom:var(--space-1)}.order-card__item-variant{font-size:var(--text-sm);color:var(--text-secondary)}.order-card__footer{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-4);border-top:var(--border-width) solid var(--border-light)}.order-card__total{font-weight:var(--font-semibold)}.order-card__status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.order-card__status--processing{background-color:var(--color-warning-light);color:var(--color-gray-900)}.order-card__status--shipped{background-color:var(--color-info-light);color:var(--color-info)}.order-card__status--delivered{background-color:var(--color-success-light);color:var(--color-success)}.profile-card{display:flex;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.profile-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-full)}.profile-card__content{flex:1}.profile-card__name{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.profile-card__updated{font-size:var(--text-sm);color:var(--text-secondary)}.profile-card__actions{display:flex;gap:var(--space-2)}.concierge-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);padding:var(--space-16) 0;text-align:center}.concierge-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-accent);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.concierge-hero__title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-white)}@media (min-width: 768px){.concierge-hero__title{font-size:var(--text-5xl)}}.concierge-hero__text{font-size:var(--text-lg);max-width:600px;margin:0 auto var(--space-8);opacity:.9}.concierge-process{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.concierge-process{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.concierge-process{grid-template-columns:repeat(5,1fr)}}.concierge-step{text-align:center;padding:var(--space-6)}.concierge-step__number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background-color:var(--color-accent);color:var(--color-primary);font-size:var(--text-xl);font-weight:var(--font-bold);border-radius:var(--radius-full)}.concierge-step__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.concierge-step__text{font-size:var(--text-sm);color:var(--text-secondary)}.service-area{background-color:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4)}.service-area__map{aspect-ratio:16/9;background-color:var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.service-area__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (min-width: 640px){.service-area__list{grid-template-columns:repeat(3,1fr)}}.service-area__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.service-area__icon{color:var(--color-success)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header--left{text-align:left}.section-header__tagline{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent);margin-bottom:var(--space-3)}.section-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}@media (min-width: 768px){.section-header__title{font-size:var(--text-4xl)}}.section-header__text{color:var(--text-secondary);max-width:600px;margin:0 auto}.section-header--left .section-header__text{margin:0}