:root{--error:#ba1a1a;--radius-sm:8px;--radius-md:16px;--on-primary:#fff;color:var(--text);background-color:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}[data-theme=dark]{--error:#ef4444;--on-primary:#04140f}:root,:root[data-tone=original]{--bg:#f0f8f8;--surface:#fff;--surface-soft:#e0f2f1;--text:#0b2424;--text-soft:#2f4f4f;--primary:#006a6a;--primary-soft:#008b8b;--secondary:#0a7373;--border:#b2dfdb;--border-soft:#006a6a14;--shadow-soft:0 8px 24px #006a6a0f;--logo-bg:#006a6a;--logo-ellipses-light:#e0f2f1;--logo-ellipses-primary:#00b3b3;--logo-ellipses-secondary:#4db6ac}[data-theme=dark],[data-theme=dark][data-tone=original]{--bg:#041515;--surface:#0a2222;--surface-soft:#133;--text:#e0f2f1;--text-soft:#80cbc4;--primary:#00b3b3;--primary-soft:#00e6e6;--secondary:#80cbc4;--border:#1a4444;--border-soft:#ffffff0d;--shadow-soft:0 8px 24px #00000080;--logo-bg:#00b3b3;--logo-ellipses-light:#041515;--logo-ellipses-primary:#00e6e6;--logo-ellipses-secondary:#80cbc4}:root[data-tone=coral]{--bg:#fffaf5;--surface:#fff;--surface-soft:#ffeeda;--text:#1e293b;--text-soft:#475569;--primary:#0f766e;--primary-soft:#14b8a6;--secondary:#c2410c;--border:#fed7aa;--border-soft:#f9731614;--shadow-soft:0 8px 24px #f973160f;--logo-bg:#0f766e;--logo-ellipses-light:#ffedd5;--logo-ellipses-primary:#f97316;--logo-ellipses-secondary:#14b8a6}[data-theme=dark][data-tone=coral]{--bg:#0b1315;--surface:#132225;--surface-soft:#1b3236;--text:#f1f5f9;--text-soft:#cbd5e1;--primary:#2dd4bf;--primary-soft:#99f6e4;--secondary:#fb923c;--border:#243f43;--border-soft:#ffffff0d;--shadow-soft:0 8px 24px #00000080;--logo-bg:#2dd4bf;--logo-ellipses-light:#0b1315;--logo-ellipses-primary:#fb923c;--logo-ellipses-secondary:#99f6e4}:root[data-tone=carey]{--bg:#faf6eb;--surface:#fff;--surface-soft:#f2ead3;--text:#2c2514;--text-soft:#574c30;--primary:#006a6a;--primary-soft:#00b3b3;--secondary:#b45309;--border:#e6d5b8;--border-soft:#d9770614;--shadow-soft:0 8px 24px #d977060f;--logo-bg:#006a6a;--logo-ellipses-light:#fdf6e2;--logo-ellipses-primary:#d97706;--logo-ellipses-secondary:#00b3b3}[data-theme=dark][data-tone=carey]{--bg:#15120c;--surface:#241e15;--surface-soft:#322b1e;--text:#fef3c7;--text-soft:#f59e0b;--primary:#00b3b3;--primary-soft:#00e6e6;--secondary:#fbbf24;--border:#423727;--border-soft:#ffffff0d;--shadow-soft:0 8px 24px #00000080;--logo-bg:#00b3b3;--logo-ellipses-light:#15120c;--logo-ellipses-primary:#fbbf24;--logo-ellipses-secondary:#00e6e6}:root[data-tone=avila]{--bg:#f2f7f4;--surface:#fff;--surface-soft:#e2ece6;--text:#0f2d1a;--text-soft:#355c42;--primary:#14532d;--primary-soft:#22c55e;--secondary:#006a6a;--border:#cbdcd0;--border-soft:#14532d14;--shadow-soft:0 8px 24px #14532d0f;--logo-bg:#14532d;--logo-ellipses-light:#e2ece6;--logo-ellipses-primary:#006a6a;--logo-ellipses-secondary:#22c55e}[data-theme=dark][data-tone=avila]{--bg:#05120a;--surface:#0d2417;--surface-soft:#153723;--text:#f0fdf4;--text-soft:#a7f3d0;--primary:#4ade80;--primary-soft:#86efac;--secondary:#00b3b3;--border:#19422b;--border-soft:#ffffff0d;--shadow-soft:0 8px 24px #00000080;--logo-bg:#4ade80;--logo-ellipses-light:#05120a;--logo-ellipses-primary:#00b3b3;--logo-ellipses-secondary:#86efac}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);max-width:100vw;margin:0;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}#root{min-height:100svh}.password-input-container{align-items:center;width:100%;display:flex;position:relative}.password-input-container input{padding-right:42px!important}.password-toggle-btn{color:var(--text-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--primary)}.password-toggle-btn svg{width:20px;height:20px}.cart-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;background:#00000080;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.cart-sidebar-overlay.active{opacity:1;visibility:visible}.cart-sidebar{background:var(--surface);border-left:1px solid var(--border);z-index:1000;flex-direction:column;width:min(420px,100vw);height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000026}.cart-sidebar.open{transform:translate(0)}.cart-sidebar__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-sidebar__header h2{color:var(--primary);margin:0;font-size:1.3rem}.cart-sidebar__close{color:var(--text-soft);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.cart-sidebar__close:hover{color:var(--error)}.cart-sidebar__content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.cart-sidebar__items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cart-sidebar__item{border-bottom:1px solid var(--border);gap:12px;padding-bottom:12px;display:flex}.cart-sidebar__item-image{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-soft);width:64px;height:64px}.cart-sidebar__item-details{flex-direction:column;flex:1;gap:4px;display:flex}.cart-sidebar__item-name{margin:0;font-size:.95rem;font-weight:600}.cart-sidebar__item-desc{color:var(--text-soft);margin:0;font-size:.8rem;line-height:1.2}.cart-sidebar__item-price{color:var(--primary);margin:0;font-size:.85rem;font-weight:700}.cart-sidebar__item-controls{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.cart-sidebar__item-remove{color:var(--error);cursor:pointer;background:0 0;border:0;font-size:.9rem}.cart-sidebar__item-qty{align-items:center;gap:6px;display:flex}.cart-sidebar__item-qty button{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.cart-sidebar__item-qty span{text-align:center;min-width:16px;font-size:.9rem}.cart-sidebar__footer{border-top:1px solid var(--border);background:var(--surface-soft);flex-direction:column;gap:12px;padding:20px;display:flex}.cart-sidebar__total{justify-content:space-between;font-size:1.1rem;font-weight:700;display:flex}.cart-sidebar__actions{flex-direction:column;gap:8px;display:flex}.cart-sidebar__actions button{width:100%;padding:12px;font-size:1rem}.cart-sidebar__actions .secondary-button{border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:0 0;font-weight:600}.cart-sidebar__actions .secondary-button:hover{background:#0000000d}[data-theme=dark] .cart-sidebar__actions .secondary-button:hover{background:#ffffff0d}.cart-sidebar__empty{text-align:center;color:var(--text-soft);padding:40px 20px}.google-btn-container{border-top:1px solid var(--border);justify-content:center;align-items:center;width:100%;margin-top:12px;padding-top:16px;display:flex}.whatsapp-float-btn{color:#fff;z-index:9999;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #25d3664d}.whatsapp-float-btn:hover{background-color:#20ba5a;transform:scale(1.1)}.wishlist-toggle-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;z-index:10;width:36px;height:36px;color:var(--text-soft);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,border-color .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001f}.wishlist-toggle-btn:hover{background-color:var(--surface-soft);color:var(--error);transform:scale(1.1)}.wishlist-toggle-btn.active{color:var(--error);border-color:#ba1a1a33}.catalog-carousel{border-radius:var(--radius-md);width:100%;height:360px;box-shadow:var(--shadow-soft);background:var(--surface-soft);margin-bottom:2rem;position:relative;overflow:hidden}.catalog-carousel__slides{width:100%;height:100%;position:relative}.catalog-carousel__slide{opacity:0;visibility:hidden;z-index:1;width:100%;height:100%;transition:opacity .6s,visibility .6s;position:absolute;top:0;left:0}.catalog-carousel__slide.active{opacity:1;visibility:visible;z-index:2}.catalog-carousel__image{object-fit:cover;width:100%;height:100%}.catalog-carousel__overlay{z-index:3;background:linear-gradient(90deg,#0b0f19d9 0%,#0b0f1966 60%,#0b0f1933 100%);width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=light] .catalog-carousel__overlay{background:linear-gradient(90deg,#f7f9fce6 0%,#f7f9fc66 60%,#f7f9fc33 100%)}.catalog-carousel__content{z-index:4;width:100%;max-width:550px;height:100%;color:var(--text);flex-direction:column;justify-content:center;align-items:flex-start;padding:2.5rem 2.5rem 2.5rem 5.5rem;display:flex;position:absolute;top:0;left:0}[data-theme=dark] .catalog-carousel__content{color:#fff}.catalog-carousel__tag{background:var(--primary);color:var(--on-primary);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;margin-bottom:.75rem;padding:4px 10px;font-size:.75rem;font-weight:700}.catalog-carousel__title{margin:0 0 .5rem;font-size:2rem;font-weight:800;line-height:1.2}.catalog-carousel__desc{color:var(--text-soft);margin:0 0 1.5rem;font-size:.95rem;line-height:1.4}[data-theme=dark] .catalog-carousel__desc{color:#d1d5db}.catalog-carousel__footer{align-items:center;gap:16px;display:flex}.catalog-carousel__price{color:var(--primary);font-size:1.25rem;font-weight:800}[data-theme=dark] .catalog-carousel__price{color:var(--primary-soft)}.catalog-carousel__btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:5;opacity:0;pointer-events:none;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:opacity .3s,background-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.catalog-carousel:hover .catalog-carousel__btn{opacity:1;pointer-events:auto}.catalog-carousel__btn:hover{background:#0009;transform:translateY(-50%)scale(1.05)}.catalog-carousel__btn--prev{left:16px}.catalog-carousel__btn--next{right:16px}.catalog-carousel__dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.catalog-carousel__dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background-color .2s,transform .2s}.catalog-carousel__dot.active{background:var(--primary);transform:scale(1.2)}.category-filters{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:1.5rem;padding:4px 4px 12px;display:flex;overflow-x:auto}.category-filter-btn{white-space:nowrap;background:var(--surface);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;border-radius:99px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.category-filter-btn:hover{background:var(--surface-soft);color:var(--text);border-color:var(--text-soft)}.category-filter-btn.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.admin-table-container{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow-x:auto}@media (width<=768px){.catalog-carousel{height:280px}.catalog-carousel__content{padding:1.5rem 1.5rem 1.5rem 3.5rem}.catalog-carousel__title{font-size:1.5rem}.catalog-carousel__desc{margin-bottom:1rem;font-size:.85rem}.catalog-carousel__btn{width:36px;height:36px;font-size:.9rem}.catalog-carousel__btn--prev{left:8px}.catalog-carousel__btn--next{right:8px}}.admin-container{background-color:var(--bg);min-height:calc(100vh - 57px);color:var(--text);font-family:Poppins,sans-serif;transition:background-color .3s,color .3s;display:flex;position:relative}.admin-mobile-nav{background-color:var(--surface);border-bottom:1px solid var(--border);z-index:150;justify-content:space-between;align-items:center;padding:12px 20px;display:none;position:sticky;top:57px}.admin-sidebar{background-color:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:calc(100vh - 57px);padding:1.5rem 1rem;transition:transform .3s,background-color .3s,border-color .3s;display:flex;position:sticky;top:57px}.admin-main-content{flex-grow:1;max-height:calc(100vh - 57px);padding:2rem 2.5rem;overflow-y:auto}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:120;background:#0006;width:100vw;height:100vh;display:none;position:fixed;top:57px;left:0}@media (width<=768px){.admin-container{flex-direction:column;min-height:auto}.admin-mobile-nav{display:flex}.admin-sidebar{z-index:130;height:calc(100vh - 114px);position:fixed;top:114px;left:0;transform:translate(-100%);box-shadow:8px 0 24px #00000026}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay.active{display:block}.admin-main-content{max-height:none;padding:1.5rem 1rem}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--container:1200px}.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}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.page-fallback{justify-content:center;align-items:center;min-height:60vh;display:flex}.page-fallback__spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite ca-spin}@keyframes ca-spin{to{transform:rotate(360deg)}}.skeleton{background:var(--surface-soft);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--border-soft), transparent);animation:1.4s infinite ca-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes ca-shimmer{to{transform:translate(100%)}}.img-cover{aspect-ratio:1;object-fit:cover;background:var(--surface-soft);width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.catalog-toolbar{max-width:var(--container);margin:0 auto var(--space-4);padding:0 var(--space-4);justify-content:flex-end;display:flex}.catalog-sort{appearance:none;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:8px 14px;font-size:.9rem}.catalog-sort:hover{border-color:var(--primary)}.stars{align-items:center;gap:2px;line-height:1;display:inline-flex}.stars__icon{display:inline-flex}.stars__btn{cursor:pointer;background:0 0;border:0;padding:0 1px;display:inline-flex}.stars__btn:hover{transform:scale(1.1)}.product-detail__rating{align-items:center;gap:8px;margin:4px 0 10px;display:flex}.product-detail__rating-text{color:var(--text-soft);font-size:.9rem;font-weight:600}.reviews{max-width:var(--container);margin:var(--space-8) auto 0;padding:0 var(--space-4)}.reviews__title{margin-bottom:var(--space-4);font-size:1.4rem}.review-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);gap:var(--space-3);flex-direction:column;max-width:600px;display:flex}.review-form h3{margin:0;font-size:1.1rem}.review-form__row{align-items:center;gap:var(--space-3);display:flex}.review-form__label{font-size:.9rem;font-weight:600}.review-form__textarea{resize:vertical;width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:10px 12px}.review-form__file{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}.review-form .primary-button{align-self:flex-start;padding:10px 20px}.review-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.review-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.review-item__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.review-item__author{font-weight:600}.review-item__date{color:var(--text-soft);margin-left:auto;font-size:.8rem}.review-item__comment{margin:var(--space-2) 0 0;color:var(--text-soft);white-space:pre-wrap}.review-item__photo{border-radius:var(--radius-sm);max-width:160px;margin-top:var(--space-3);aspect-ratio:auto}.product-card__rating{align-items:center;gap:6px;margin:2px 0;display:flex}.product-card__rating small{color:var(--text-soft);font-size:.78rem}.coupon-box{border-top:1px dashed var(--border);margin:14px 0;padding-top:12px}.coupon-row{gap:8px;display:flex}.coupon-input{min-width:0;font:inherit;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);flex:1;padding:9px 12px}.coupon-apply{white-space:nowrap;padding:9px 14px}.coupon-error{color:var(--error);margin-top:6px;display:block}.coupon-applied{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.coupon-remove{color:var(--error);cursor:pointer;background:0 0;border:0;font-size:.85rem;font-weight:600}.checkout-subline{color:var(--text-soft);justify-content:space-between;padding:2px 0;font-size:.9rem;display:flex}.checkout-subline--discount{color:var(--primary);font-weight:600}.coupon-admin-form{gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;display:grid}.coupon-admin-form .primary-button{height:fit-content}.coupon-table{border-collapse:collapse;width:100%}.coupon-table th,.coupon-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:10px 12px;font-size:.9rem}.coupon-table th{color:var(--text-soft);text-transform:uppercase;font-size:.8rem}.coupon-status{cursor:pointer;font:inherit;background:0 0;border:0}.page{width:min(1200px,100% - 32px);margin:0 auto;padding:24px 0 48px}.catalog-header{gap:12px;margin-bottom:24px;display:grid}.catalog-header h1{color:var(--primary);margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.catalog-header p{color:var(--text-soft);max-width:720px;margin:0}.catalog-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);gap:8px;margin-top:8px;padding:16px;display:grid}.catalog-search label{color:var(--secondary);font-weight:600}.catalog-search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;padding:12px 14px;font-size:1rem}.catalog-search input:focus{border-color:var(--primary);outline:2px solid #006a6a33}.catalog-search small{color:var(--text-soft)}.state{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);margin:16px 0;padding:12px 14px}.state--loading{color:var(--secondary)}.state--error{color:var(--error);background:#ba1a1a0d;border-color:#ba1a1a4d}.state--empty{color:var(--text-soft)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.product-card__image-wrapper{aspect-ratio:16/10;background:var(--surface-soft);display:block;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%}.product-card__content{gap:8px;padding:14px;display:grid}.product-card__category{color:var(--secondary);margin:0;font-size:.85rem;font-weight:600}.product-card__title{margin:0;font-size:1.05rem}.product-card__description{color:var(--text-soft);min-height:44px;margin:0;font-size:.93rem}.product-card__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.product-card__price{color:var(--primary);font-weight:700}.product-card__button,.primary-button{border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;padding:9px 12px;font-weight:600}.product-card__button:hover,.primary-button:hover{background:var(--primary-soft)}.page--detail .back-link{color:var(--secondary);margin-bottom:16px;font-weight:600;display:inline-block}.product-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);grid-template-columns:1.2fr 1fr;gap:20px;padding:16px;display:grid}.product-detail__image{border-radius:var(--radius-md);object-fit:cover;aspect-ratio:16/10;background:var(--surface-soft);width:100%}.product-detail__info{align-content:start;gap:10px;display:grid}.product-detail__category{color:var(--secondary);margin:0;font-weight:600}.product-detail__description{color:var(--text-soft);white-space:pre-line;margin:0}.product-detail__price{color:var(--primary);margin:0;font-size:1.35rem;font-weight:700}.primary-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.product-detail{grid-template-columns:1fr}}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;padding:8px 24px;display:flex;position:sticky;top:0}.navbar__brand{color:var(--primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.navbar__logo-svg{width:154px;height:37px;transition:transform .2s;display:block}.navbar__logo-svg:hover{transform:scale(1.02)}.navbar__tones{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:6px 12px;transition:background-color .3s,border-color .3s;display:flex}.navbar__tone-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:16px;height:16px;padding:0;transition:transform .2s,border-color .2s;box-shadow:0 1px 3px #00000026}.navbar__tone-btn:hover{transform:scale(1.25)}.navbar__tone-btn.active{border-color:var(--text);transform:scale(1.2)}.navbar__tone-btn--original{background:linear-gradient(135deg,#006a6a,#00b3b3)}.navbar__tone-btn--coral{background:linear-gradient(135deg,#0f766e,#f97316)}.navbar__tone-btn--carey{background:linear-gradient(135deg,#006a6a,#d97706)}.navbar__tone-btn--avila{background:linear-gradient(135deg,#14532d,#00b3b3)}.navbar__drawer-section{padding:4px 12px 12px}.navbar__drawer-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:10px;font-size:.75rem;font-weight:700;display:block}.navbar__drawer-tones{grid-template-columns:1fr 1fr;gap:8px;display:grid}.navbar__drawer-tone-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.navbar__drawer-tone-btn:hover{background:var(--surface-soft);color:var(--text)}.navbar__drawer-tone-btn.active{border-color:var(--primary);background:var(--surface-soft);color:var(--primary);box-shadow:0 2px 6px #0000000a}.navbar__drawer-tone-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.navbar__drawer-tone-btn--original .navbar__drawer-tone-dot{background:#006a6a}.navbar__drawer-tone-btn--coral .navbar__drawer-tone-dot{background:#f97316}.navbar__drawer-tone-btn--carey .navbar__drawer-tone-dot{background:#d97706}.navbar__drawer-tone-btn--avila .navbar__drawer-tone-dot{background:#14532d}@media (width<=768px){.navbar__logo-svg{width:130px;height:32px}.navbar__tones{display:none!important}}.navbar__brand-text{display:none}.navbar__links{align-items:center;gap:16px;display:flex}.navbar__link{color:var(--text-soft);font-size:.95rem;font-weight:600}.navbar__logout{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--secondary);cursor:pointer;background:0 0;padding:6px 12px;font-weight:600}.navbar__toggle{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.8rem;line-height:1;display:none}.navbar__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:998;background:#0006;transition:opacity .3s;position:fixed;inset:0}.navbar__overlay.active{opacity:1;pointer-events:auto}.navbar__drawer{background:var(--surface);width:280px;max-width:85vw;box-shadow:var(--shadow-soft);z-index:999;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.navbar__drawer.open{transform:translate(0)}.navbar__drawer-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.navbar__drawer-user{align-items:center;gap:12px;display:flex}.navbar__drawer-avatar{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex}.navbar__drawer-user-info{flex-direction:column;display:flex}.navbar__drawer-greeting{color:var(--text-soft);font-size:.75rem}.navbar__drawer-username{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.95rem;font-weight:700;overflow:hidden}.navbar__drawer-close{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:background-color .2s;display:flex}.navbar__drawer-close:hover{background-color:var(--surface-soft);color:var(--text)}.navbar__drawer-body{flex-direction:column;flex:1;padding:20px 16px;display:flex;overflow-y:auto}.navbar__drawer-link,.navbar__drawer-row{border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;align-items:center;gap:12px;padding:12px;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.navbar__drawer-link:hover,.navbar__drawer-row:hover{background-color:var(--surface-soft);color:var(--primary)}.navbar__drawer-icon{justify-content:center;align-items:center;min-width:24px;font-size:1.2rem;display:flex}.navbar__drawer-text-label{flex:1}.navbar__drawer-badge-cart{background:var(--primary);color:var(--on-primary);border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:700}.navbar__drawer-divider{background-color:var(--border-soft);height:1px;margin:16px 0}.navbar__drawer-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.navbar__drawer-login-btn,.navbar__drawer-profile-btn{background:var(--primary);border-radius:var(--radius-sm);text-align:center;cursor:pointer;border:none;padding:10px;font-size:.9rem;font-weight:600;transition:opacity .2s;color:var(--on-primary)!important}.navbar__drawer-logout-btn{color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:0 0;padding:10px;font-size:.9rem;font-weight:600;transition:background-color .2s}.navbar__drawer-logout-btn:hover{background-color:var(--surface-soft)}.navbar__drawer-login-btn:hover,.navbar__drawer-profile-btn:hover{opacity:.9}@media (width<=768px){.navbar{padding:4px 16px}.navbar__logo-img{width:120px;height:30px}.navbar__brand-text{display:none}.navbar__toggle{display:flex}.navbar__links{display:none!important}}.page--auth{justify-content:center;align-items:flex-start;padding-top:48px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:min(440px,100%);box-shadow:var(--shadow-soft);gap:16px;padding:32px;display:grid}.auth-card h1{color:var(--primary);margin:0}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--secondary);gap:4px;font-size:.9rem;font-weight:600;display:grid}.auth-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;padding:10px 14px;font-size:1rem}.auth-switch{color:var(--text-soft);margin:0;font-size:.9rem}.auth-switch a{color:var(--primary);font-weight:600}.page--cart h1,.page--checkout h1,.page--orders h1,.page--order-detail h1{color:var(--primary);margin:0 0 16px}.back-link{color:var(--secondary);margin-bottom:16px;font-weight:600;display:inline-block}.cart-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cart-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}@media (width<=500px){.cart-item{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.cart-item__image{grid-area:1/1/span 2}.cart-item__info{grid-area:1/2}.cart-item__qty{grid-area:2/2}.cart-item__subtotal{text-align:right;grid-area:1/3}.cart-item__remove{text-align:right;grid-area:2/3}}.cart-item__image{object-fit:cover;border-radius:var(--radius-sm);width:72px;height:56px}.cart-item__info{flex:1}.cart-item__name{margin:0;font-weight:600}.cart-item__price{color:var(--text-soft);margin:0;font-size:.9rem}.cart-item__qty{align-items:center;gap:8px;display:flex}.cart-item__qty button{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:6px;width:28px;height:28px;font-size:1.1rem;line-height:1}.cart-item__subtotal{color:var(--primary);text-align:right;min-width:64px;margin:0;font-weight:700}.cart-item__remove{color:var(--error);cursor:pointer;background:0 0;border:0;font-size:1rem}.checkout-container{grid-template-columns:1fr 380px;align-items:start;gap:32px;width:100%;display:grid}.checkout-form{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.payment-methods-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;width:100%;margin-bottom:24px;display:grid}@media (width<=900px){.checkout-container{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.form-row{grid-template-columns:1fr;gap:12px}.payment-methods-grid{grid-template-columns:1fr 1fr}}.cart-footer,.checkout-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.cart-total{margin:0;font-size:1.15rem}.checkout-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.checkout-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;padding:10px 14px;display:flex}.orders-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:6px;padding:16px;display:grid}.order-card__header{justify-content:space-between;align-items:center;display:flex}.order-card__id{color:var(--primary);font-weight:700}.order-card__status{background:var(--surface-soft);border-radius:99px;padding:3px 10px;font-size:.8rem}.order-card__status--confirmed,.order-card__status--printing,.order-card__status--painting,.order-card__status--shipped{color:var(--primary);background:#006a6a1a}.order-card__status--delivered{background:var(--primary);color:var(--on-primary)}.order-card__status--failed{color:var(--error,#ef4444);background:#ef44441f}.order-timeline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;margin:0 0 8px;padding:18px 8px 4px;display:flex}.order-timeline__step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.order-timeline__dot{background:var(--border);z-index:1;border-radius:50%;width:16px;height:16px}.order-timeline__bar{background:var(--border);width:100%;height:3px;position:absolute;top:7px;left:50%}.order-timeline__step--done .order-timeline__dot,.order-timeline__step--done .order-timeline__bar{background:var(--primary)}.order-timeline__step--active .order-timeline__dot{background:var(--primary);animation:1.6s ease-in-out infinite timeline-pulse;box-shadow:0 0 0 4px #006a6a33}@keyframes timeline-pulse{0%,to{box-shadow:0 0 0 4px #006a6a33}50%{box-shadow:0 0 0 7px #006a6a14}}.order-timeline__label{text-align:center;color:var(--text-soft);padding:0 4px;font-size:.72rem;line-height:1.2}.order-timeline__step--active .order-timeline__label{color:var(--primary);font-weight:700}.order-timeline__desc{color:var(--text-soft);text-align:center;margin:0 0 24px;font-size:.9rem}@media (width<=640px){.order-timeline__label{font-size:.6rem}}.order-card__total{margin:0;font-weight:700}.order-card__date,.order-card__link{color:var(--text-soft);margin:0;font-size:.9rem}.order-card__link{color:var(--primary);font-weight:600}.page--confirmation{justify-content:center;align-items:flex-start;padding-top:48px;display:flex}.confirmation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:min(520px,100%);box-shadow:var(--shadow-soft);text-align:center;gap:16px;padding:32px;display:grid}.confirmation-icon{color:var(--primary);font-size:3rem}.confirmation-card h1{color:var(--primary);margin:0}.confirmation-subtitle{color:var(--text-soft);margin:0}.confirmation-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.state--success{color:var(--primary);background:#006a6a0d;border-color:#006a6a4d}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);width:100%;padding:10px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,outline .2s,box-shadow .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #006a6a33;box-shadow:0 0 0 2px #006a6a1a}input[type=file]{color:var(--text);font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-soft);opacity:.7}.form-group{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.form-group label{color:var(--secondary);margin-bottom:2px;font-size:.9rem;font-weight:600}@media (width<=768px){.page{padding-bottom:96px}}