@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";.header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:background-color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.header__container{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.header__logo{display:flex;align-items:center;flex-shrink:0}.header__logo img{height:56px;width:auto;transition:opacity var(--duration-fast) var(--ease-out)}.header__logo:hover img{opacity:.8}.header__nav{display:flex;align-items:center;gap:var(--space-6)}.header__nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em;padding:var(--space-2) 0;position:relative;transition:color var(--duration-fast) var(--ease-out)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-text);transition:width var(--duration-base) var(--ease-out)}.header__nav-link:hover{color:var(--color-text)}.header__nav-link:hover:after{width:100%}.header__nav-link--mobile,.header__mobile-shop{display:none}.header__dropdown{position:relative}.header__nav-link--has-dropdown{display:flex;align-items:center;gap:var(--space-1)}.header__dropdown-arrow{transition:transform var(--duration-fast) var(--ease-out)}.header__dropdown:hover .header__dropdown-arrow{transform:rotate(180deg)}.header__dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:320px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.header__dropdown-menu--open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.header__dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.header__dropdown-content{padding:var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.header__dropdown-column{display:flex;flex-direction:column;gap:var(--space-2)}.header__dropdown-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.header__dropdown-link{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out),padding-left var(--duration-fast) var(--ease-out)}.header__dropdown-link:hover{color:var(--color-text);padding-left:var(--space-2)}.header__dropdown-footer{grid-column:1 / -1;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.header__dropdown-view-all{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);transition:gap var(--duration-fast) var(--ease-out)}.header__dropdown-view-all:hover{gap:var(--space-3)}.header__dropdown-view-all svg{transition:transform var(--duration-fast) var(--ease-out)}.header__dropdown-view-all:hover svg{transform:translate(4px)}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.header__icon-btn:hover{color:var(--color-text);background:var(--color-surface)}.header__user-menu{display:flex;align-items:center;gap:var(--space-1)}.header__cart{position:relative}.header__cart-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-text);color:var(--color-bg);font-size:10px;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.header__menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;gap:6px;background:none;border:none;cursor:pointer;padding:0}.header__menu-line{width:20px;height:1.5px;background:var(--color-text);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.header__menu-line.open:first-child{transform:translateY(3.75px) rotate(45deg)}.header__menu-line.open:last-child{transform:translateY(-3.75px) rotate(-45deg)}.header__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header__icon-btn--desktop{display:flex}@media (max-width: 768px){.header__container{padding:var(--space-3) var(--container-padding)}.header__logo img{height:44px}.header__menu-toggle{display:flex;order:-1}.header__dropdown{display:none}.header__mobile-shop{display:block;width:100%}.header__mobile-shop-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;font-size:var(--text-base);font-weight:500;padding:var(--space-3) 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);cursor:pointer}.header__mobile-shop-toggle:after{display:none}.header__mobile-shop-arrow{transition:transform var(--duration-base) var(--ease-out)}.header__mobile-shop-arrow--open{transform:rotate(180deg)}.header__mobile-shop-menu{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.header__mobile-shop-menu--open{max-height:500px}.header__mobile-category-title{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-3) 0 var(--space-2) var(--space-4);margin-top:var(--space-2)}.header__mobile-category-title:first-child{margin-top:var(--space-3)}.header__mobile-category-link{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0 var(--space-2) var(--space-6);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.header__mobile-category-link:hover{color:var(--color-text);background:var(--color-surface)}.header__mobile-view-all{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);padding:var(--space-3) 0 var(--space-3) var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--color-border)}.header__nav{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--color-bg);flex-direction:column;align-items:flex-start;padding:var(--space-8) var(--space-5);gap:0;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);z-index:100;border-right:1px solid var(--color-border);overflow-y:auto}.header__nav--open{transform:translate(0)}.header__nav-link{font-size:var(--text-base);padding:var(--space-3) 0;width:100%;border-bottom:1px solid var(--color-border)}.header__nav-link:after{display:none}.header__nav-link--mobile,.header__overlay{display:block}.header__icon-btn--desktop{display:none}.header__actions{gap:var(--space-1)}.header__icon-btn{width:36px;height:36px}.header__icon-btn svg{width:18px;height:18px}}@media (max-width: 320px){.header__container{padding:var(--space-2) var(--container-padding);gap:var(--space-3)}.header__logo img{height:36px}.header__menu-toggle{width:32px;height:32px}.header__menu-line{width:16px}.header__nav{width:240px;padding:var(--space-6) var(--space-4)}.header__nav-link{font-size:var(--text-sm);padding:var(--space-3) 0}.header__mobile-shop-toggle{font-size:var(--text-sm)}.header__mobile-category-title{padding-left:var(--space-3)}.header__mobile-category-link{padding-left:var(--space-5)}.header__mobile-view-all{padding-left:var(--space-3)}.header__actions{gap:0}.header__icon-btn{width:32px;height:32px}.header__icon-btn svg{width:16px;height:16px}.header__cart-count{top:2px;right:2px;min-width:14px;height:14px;font-size:8px}}@media (prefers-reduced-motion: reduce){.header__dropdown-menu,.header__dropdown-arrow,.header__mobile-shop-menu,.header__mobile-shop-arrow{transition:none}}.footer{margin-top:auto;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer__container{max-width:var(--container-max);margin:0 auto;padding:var(--space-10) var(--container-padding) var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.footer__brand-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer__logo img{height:48px;width:auto;opacity:.9;transition:opacity var(--duration-fast) var(--ease-out)}.footer__logo:hover img{opacity:1}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.footer__social{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);background:var(--color-bg-elevated);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.footer__social a:hover{color:var(--color-text);background:var(--color-surface-hover);transform:translateY(-2px)}.footer__links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer__column{display:flex;flex-direction:column;gap:var(--space-3)}.footer__column h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1);letter-spacing:.02em}.footer__column a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer__column a:hover{color:var(--color-text)}.footer__info-bar{padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.footer__benefits{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.footer__benefits span{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer__bottom{display:flex;justify-content:space-between;align-items:center}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__legal-links{display:flex;gap:var(--space-5)}.footer__legal-links a{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer__legal-links a:hover{color:var(--color-text-secondary)}@media (max-width: 900px){.footer__links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer__benefits{gap:var(--space-5)}}@media (max-width: 640px){.footer__container{padding:var(--space-8) var(--container-padding) var(--space-5);gap:var(--space-6)}.footer__brand-section{align-items:center;text-align:center}.footer__links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.footer__column{gap:var(--space-2)}.footer__column h4,.footer__column a{font-size:var(--text-xs)}.footer__benefits{flex-direction:column;gap:var(--space-2);align-items:center}.footer__benefits span{font-size:var(--text-xs)}.footer__bottom{flex-direction:column;gap:var(--space-3);text-align:center}.footer__legal-links{gap:var(--space-4);flex-wrap:wrap;justify-content:center}}@media (max-width: 320px){.footer__container{padding:var(--space-6) var(--container-padding) var(--space-4);gap:var(--space-5)}.footer__logo img{height:36px}.footer__links-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.footer__social a{width:36px;height:36px}.footer__social svg{width:16px;height:16px}}.announcement-bar{background-color:var(--bar-bg, #000);color:var(--bar-text, #fff);padding:.625rem 1rem;text-align:center;position:relative;z-index:1001;font-size:.875rem;line-height:1.4}.announcement-bar__container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.announcement-bar__content{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.announcement-bar__link{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.announcement-bar__link:hover{text-decoration:underline}.announcement-bar__text{font-weight:500}.announcement-bar__promo{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff26;padding:.125rem .5rem;border-radius:4px;font-size:.8125rem}.announcement-bar__promo strong{font-family:SF Mono,Fira Code,Monaco,monospace;font-weight:600;letter-spacing:.025em}.announcement-bar__dismiss{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;color:inherit;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;border-radius:4px}.announcement-bar__dismiss:hover{opacity:1;background:#ffffff1a}.announcement-bar__dismiss:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width: 640px){.announcement-bar{padding:.5rem 2.5rem .5rem 1rem;font-size:.8125rem}.announcement-bar__content{gap:.5rem}.announcement-bar__promo{font-size:.75rem;padding:.125rem .375rem}}.optimized-image{position:relative;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-md)}.optimized-image__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-bg-elevated) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.optimized-image--loaded .optimized-image__skeleton{opacity:0;transition:opacity .3s ease-out}.optimized-image__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease-out,transform .4s ease-out}.optimized-image--loaded .optimized-image__img{opacity:1}.optimized-image:hover .optimized-image__img{transform:scale(1.02)}@media (prefers-reduced-motion: reduce){.optimized-image__skeleton{animation:none;background:var(--color-surface)}.optimized-image__img{transition:none}.optimized-image:hover .optimized-image__img{transform:none}}.home{width:100%}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-10) var(--container-padding);position:relative;background:var(--color-bg)}.hero__content{max-width:800px}.hero__title{font-size:var(--text-7xl);font-weight:600;letter-spacing:-.04em;line-height:.95;margin-bottom:var(--space-5);color:var(--color-text)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-7);line-height:1.7}.hero__cta{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-7);background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;border-radius:var(--radius-full);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.hero__cta:hover{transform:translateY(-2px);opacity:.9}.hero__scroll-hint{position:absolute;bottom:var(--space-7);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;opacity:0}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollHintReveal{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero__title{animation:fadeSlideUp var(--duration-entrance) var(--ease-reveal) both;animation-delay:0ms}.hero__subtitle{animation:fadeSlideUp var(--duration-entrance) var(--ease-reveal) both;animation-delay:80ms}.hero__cta{animation:fadeSlideUp var(--duration-entrance) var(--ease-reveal) both;animation-delay:.16s}.hero__scroll-hint{animation:scrollHintReveal var(--duration-entrance) var(--ease-reveal) .3s forwards,float 2s ease-in-out 1s infinite}.products-section{width:100%;padding:var(--space-10) var(--container-padding)}.products-section__inner{max-width:var(--container-wide);margin:0 auto}.products-section__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.products-section__title{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em}.products-section__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;transition:color var(--duration-fast) var(--ease-out)}.products-section__link:hover{color:var(--color-text)}.products-section__link svg{transition:transform var(--duration-fast) var(--ease-out)}.products-section__link:hover svg{transform:translate(4px)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (min-width: 1400px){.products-grid{grid-template-columns:repeat(4,1fr)}}.products-grid--home{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.products-grid--home{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.products-grid--home{grid-template-columns:repeat(2,1fr)}}.product-item{display:block;text-decoration:none;color:inherit}.product-item__image{margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden}.product-item__image.optimized-image{aspect-ratio:4 / 5}.product-item:hover .product-item__image .optimized-image__img{transform:scale(1.03)}.product-item__info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.product-item__name{font-size:var(--text-base);font-weight:400;color:var(--color-text);letter-spacing:-.01em}.product-item__price{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.products-grid.reveal .product-item{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-reveal),transform .5s var(--ease-reveal)}.products-grid.reveal--visible .product-item{opacity:1;transform:translateY(0)}.products-grid.reveal--visible .product-item:nth-child(1){transition-delay:0ms}.products-grid.reveal--visible .product-item:nth-child(2){transition-delay:60ms}.products-grid.reveal--visible .product-item:nth-child(3){transition-delay:.12s}.products-grid.reveal--visible .product-item:nth-child(4){transition-delay:.18s}.products-grid.reveal--visible .product-item:nth-child(5){transition-delay:.24s}.products-grid.reveal--visible .product-item:nth-child(6){transition-delay:.3s}.products-grid.reveal--visible .product-item:nth-child(7){transition-delay:.36s}.products-grid.reveal--visible .product-item:nth-child(8){transition-delay:.42s}.story-section{padding:var(--space-10) var(--container-padding);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.story-section__content{max-width:var(--container-narrow);margin:0 auto;text-align:center}.story-section__label{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.story-section__title{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-5);color:var(--color-text)}.story-section__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-6)}.story-section__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.story-section__link:hover{color:var(--color-accent)}.story-section__link svg{transition:transform var(--duration-fast) var(--ease-out)}.story-section__link:hover svg{transform:translate(4px)}.collection-section{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}.collection-section__visual{background:var(--color-surface);overflow:hidden}.collection-section__visual img{width:100%;height:100%;object-fit:cover}.collection-section__content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-10);max-width:500px}.collection-section__label{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.collection-section__title{font-size:var(--text-4xl);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-5);color:var(--color-text)}.collection-section__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-7)}.collection-section__cta{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-6);background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);width:fit-content}.collection-section__cta:hover{background:var(--color-surface);border-color:var(--color-text)}.newsletter-section{padding:var(--space-10) var(--container-padding);background:var(--color-bg)}.newsletter-section__content{max-width:480px;margin:0 auto;text-align:center}.newsletter-section__title{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-3)}.newsletter-section__text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.newsletter-section__form{display:flex;gap:var(--space-3);max-width:400px;margin:0 auto}.newsletter-section__input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text)}.newsletter-section__input::placeholder{color:var(--color-text-muted)}.newsletter-section__input:focus{outline:none;border-color:var(--color-text)}.newsletter-section__button{padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);white-space:nowrap}.newsletter-section__button:hover{opacity:.85}.newsletter-section__success{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-accent)}.story-section__content.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.story-section__content.reveal--visible{opacity:1;transform:translateY(0)}.collection-section__content.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.collection-section__content.reveal--visible{opacity:1;transform:translateY(0)}.newsletter-section__content.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.newsletter-section__content.reveal--visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.collection-section{min-height:auto}.collection-section__content{padding:var(--space-8)}}@media (max-width: 768px){.hero{min-height:80vh;padding:var(--space-9) var(--container-padding)}.hero__title{font-size:var(--text-5xl)}.hero__subtitle{font-size:var(--text-base)}.hero__scroll-hint{display:none}.products-section{padding:var(--space-8) var(--container-padding)}.products-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.products-grid--home{grid-template-columns:repeat(2,1fr)}.product-item__info{flex-direction:column;gap:var(--space-1)}.story-section{padding:var(--space-8) var(--container-padding)}.story-section__title{font-size:var(--text-2xl)}.collection-section{grid-template-columns:1fr}.collection-section__visual{aspect-ratio:4 / 3}.collection-section__content{padding:var(--space-7) var(--container-padding);max-width:none}.collection-section__title{font-size:var(--text-3xl)}.newsletter-section{padding:var(--space-8) var(--container-padding)}.newsletter-section__form{flex-direction:column;gap:var(--space-3)}.newsletter-section__input,.newsletter-section__button{width:100%;text-align:center}}@media (max-width: 480px){.hero__title{font-size:var(--text-4xl)}.products-grid{grid-template-columns:1fr;gap:var(--space-6)}.products-grid--home{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.product-item__image.optimized-image{aspect-ratio:3 / 4}}@media (max-width: 320px){.hero{min-height:70vh;padding:var(--space-7) var(--container-padding)}.hero__title{font-size:var(--text-3xl)}.hero__subtitle{font-size:var(--text-sm);margin-bottom:var(--space-5)}.hero__cta{padding:var(--space-3) var(--space-5);font-size:var(--text-xs)}.products-section{padding:var(--space-6) var(--container-padding)}.products-section__title{font-size:var(--text-xl)}.products-grid{gap:var(--space-5)}.story-section{padding:var(--space-6) var(--container-padding)}.collection-section__content{padding:var(--space-5) var(--container-padding)}.newsletter-section{padding:var(--space-6) var(--container-padding)}.newsletter-section__title{font-size:var(--text-xl)}}@media (prefers-reduced-motion: reduce){.hero__title,.hero__subtitle,.hero__cta{animation:none;opacity:1;transform:none}.hero__scroll-hint{animation:none;opacity:1;transform:translate(-50%)}.products-grid.reveal .product-item,.story-section__content.reveal,.collection-section__content.reveal,.newsletter-section__content.reveal{opacity:1;transform:none;transition:none}.product-item__image .optimized-image__img,.products-section__link svg,.story-section__link svg{transition:none}}.products-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.products-page__container{max-width:var(--container-wide);margin:0 auto}.products-page__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.products-page__header-content{display:flex;flex-direction:column;gap:var(--space-1)}.products-page__title{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;color:var(--color-text)}.products-page__count{font-size:var(--text-sm);color:var(--color-text-muted)}.products-page__header-actions{display:flex;align-items:center;gap:var(--space-3)}.products-page__sort{position:relative}.products-page__sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;min-width:160px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.products-page__sort-select:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__sort-select:focus{outline:none;border-color:var(--color-text)}.products-page__filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);position:relative}.products-page__filter-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__filter-badge{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--color-accent);border-radius:var(--radius-full)}.products-page__filters{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out),margin-bottom var(--duration-slow) var(--ease-out);margin-bottom:0}.products-page__filters--open{max-height:400px;margin-bottom:var(--space-6)}.products-page__filters-inner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.products-page__filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.products-page__filter-group--price{min-width:auto}.products-page__filter-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary)}.products-page__filter-input,.products-page__filter-select{padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);min-height:42px}.products-page__filter-input:focus,.products-page__filter-select:focus{outline:none;border-color:var(--color-text)}.products-page__filter-input--small{width:80px}.products-page__category-pills,.products-page__size-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.products-page__pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.products-page__pill:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.products-page__pill--active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.products-page__pill--active:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);opacity:.9}.products-page__pill--size{min-width:44px}.products-page__price-inputs{display:flex;align-items:center;gap:var(--space-2)}.products-page__price-divider{color:var(--color-text-muted)}.products-page__clear-filters{padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out);align-self:flex-end;margin-left:auto}.products-page__clear-filters:hover{color:var(--color-text)}.products-page__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.products-page__filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.products-page__filter-tag button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.products-page__filter-tag button:hover{background:var(--color-text);color:var(--color-bg)}.products-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (min-width: 1400px){.products-page__grid{grid-template-columns:repeat(4,1fr)}}.product-skeleton{display:block}.product-skeleton__image{aspect-ratio:4 / 5;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.product-skeleton__info{display:flex;justify-content:space-between;gap:var(--space-3)}.product-skeleton__title{height:1rem;width:60%;background:var(--color-surface);border-radius:var(--radius-sm)}.product-skeleton__price{height:1rem;width:20%;background:var(--color-surface);border-radius:var(--radius-sm)}.products-page__empty{grid-column:1 / -1;text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-secondary)}.products-page__empty p{font-size:var(--text-lg);margin-bottom:var(--space-4)}.products-page__empty-action{padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.products-page__empty-action:hover{background:var(--color-surface-hover)}@media (max-width: 1024px){.products-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width: 768px){.products-page{padding:var(--space-4) var(--container-padding) var(--space-8)}.products-page__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.products-page__header-actions{width:100%;justify-content:space-between}.products-page__sort-select{min-width:140px}.products-page__title{font-size:var(--text-2xl)}.products-page__filters-inner{flex-direction:column;align-items:stretch;gap:var(--space-4)}.products-page__filter-group{min-width:100%}.products-page__filter-input--small{flex:1}.products-page__clear-filters{align-self:flex-start;margin-left:0}.products-page__filters--open{max-height:600px}.products-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.products-page__active-filters{margin-bottom:var(--space-4)}}@media (max-width: 480px){.products-page__grid{grid-template-columns:1fr;gap:var(--space-6)}.products-page__header-actions{flex-direction:column;align-items:stretch;gap:var(--space-2)}.products-page__sort-select{width:100%}.products-page__filter-toggle{width:100%;justify-content:center}}@media (max-width: 320px){.products-page{padding:var(--space-4) var(--container-padding) var(--space-6)}.products-page__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.products-page__title{font-size:var(--text-xl)}.products-page__filter-toggle{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.products-page__filters-inner{padding:var(--space-4);gap:var(--space-3)}.products-page__grid{gap:var(--space-5)}.products-page__pill{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}.products-page__load-more{display:flex;justify-content:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.products-page__load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:200px;padding:var(--space-4) var(--space-6);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.products-page__load-more-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.products-page__load-more-btn:disabled{opacity:.6;cursor:not-allowed}.products-page__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.products-page__cache-notice{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.products-page__error{padding:var(--space-6);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;text-align:center}.products-page__grid .product-card{display:block;text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--ease-out)}.products-page__grid .product-card:hover{transform:translateY(-4px)}.products-page__grid .product-card__image{margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden}.products-page__grid .product-card__image.optimized-image{aspect-ratio:4 / 5}.products-page__grid .product-card:hover .product-card__image .optimized-image__img{transform:scale(1.05)}.products-page__grid .product-card__info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.products-page__grid .product-card__name{font-size:var(--text-base);font-weight:500;color:var(--color-text);line-height:1.4;margin:0}.products-page__grid .product-card__price{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.products-page__page-size{display:flex;align-items:center;gap:var(--space-2)}.products-page__page-size-label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.products-page__page-size-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;min-width:70px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.products-page__page-size-select:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__page-size-select:focus{outline:none;border-color:var(--color-text)}.products-page__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.products-page__pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.products-page__pagination-controls{display:flex;align-items:center;gap:var(--space-3)}.products-page__pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.products-page__pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.products-page__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.products-page__pagination-current{font-size:var(--text-sm);font-weight:500;color:var(--color-text);min-width:80px;text-align:center}@media (max-width: 768px){.products-page__pagination{flex-direction:column;gap:var(--space-4)}.products-page__page-size{order:-1}}@media (max-width: 480px){.products-page__header-actions{flex-wrap:wrap}.products-page__page-size{width:100%;justify-content:space-between}.products-page__page-size-select{flex:1}}@media (prefers-reduced-motion: reduce){.products-page__filters{transition:none}.product-skeleton__image,.products-page__spinner{animation:none}.products-page__grid .product-card,.products-page__grid .product-card__image .optimized-image__img,.products-page__pill,.products-page__sort-select,.products-page__pagination-btn,.products-page__page-size-select{transition:none}}.review-card{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg)}.review-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.review-card__author{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.review-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.review-card__rating{display:flex;gap:2px;margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-sm)}.review-card__content{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.product-detail{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10);min-height:80vh}.product-detail__container{max-width:var(--container-max);margin:0 auto}.product-detail__loading{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8)}.loading-skeleton{background:var(--color-surface);border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}.loading-skeleton--image{aspect-ratio:1}.loading-skeleton--info{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.loading-skeleton__line{height:20px;background:var(--color-border);border-radius:var(--radius-sm)}.loading-skeleton__line--title{width:70%;height:32px}.loading-skeleton__line--price{width:30%;height:28px}.loading-skeleton__line--text{width:100%}@keyframes shimmer{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.product-detail__error{text-align:center;padding:var(--space-10)}.product-detail__error h2{font-size:var(--text-2xl);margin-bottom:var(--space-3);color:var(--color-text)}.product-detail__error p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.product-detail__error button{padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-weight:500;cursor:pointer;transition:opacity var(--duration-fast)}.product-detail__error button:hover{opacity:.9}.product-detail-main{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);margin-bottom:var(--space-10)}.product-gallery{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--space-6) + 60px);height:fit-content}.product-gallery__main{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.product-gallery__image-container{width:100%;border-radius:var(--radius-lg)}.product-gallery__image-container .optimized-image__img{transition:transform var(--duration-normal) var(--ease-out)}.product-gallery__main:hover .optimized-image__img{transform:scale(1.02)}.product-gallery__placeholder{color:var(--color-text-muted);font-size:var(--text-lg)}.product-gallery__thumbnails{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin}.product-gallery__thumb{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:var(--color-surface);transition:border-color var(--duration-fast),opacity var(--duration-fast);opacity:.6}.product-gallery__thumb .optimized-image{width:100%;height:100%;border-radius:0}.product-gallery__thumb .optimized-image:hover .optimized-image__img{transform:none}.product-gallery__thumb:hover{opacity:1}.product-gallery__thumb--active{border-color:var(--color-text);opacity:1}.product-info{display:flex;flex-direction:column;padding-top:var(--space-2)}.product-info__title{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-3);color:var(--color-text);line-height:1.2}.product-info__rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.product-info__stars{color:#f59e0b;font-size:var(--text-lg);letter-spacing:2px}.product-info__review-count{font-size:var(--text-sm);color:var(--color-text-muted)}.product-info__price{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-5)}.product-info__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-6)}.product-info__description p{margin-bottom:var(--space-4)}.product-info__description p:last-child{margin-bottom:0}.product-info__description h2,.product-info__description h3,.product-info__description h4{color:var(--color-text);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:var(--text-xs);margin-top:var(--space-6);margin-bottom:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.product-info__description h2:first-child,.product-info__description h3:first-child,.product-info__description h4:first-child{margin-top:0;padding-top:0;border-top:none}.product-info__description strong,.product-info__description b{color:var(--color-text);font-weight:500}.product-info__description ul,.product-info__description ol{margin:var(--space-3) 0;padding-left:var(--space-5)}.product-info__description li{margin-bottom:var(--space-2);padding-left:var(--space-1)}.product-info__description li::marker{color:var(--color-text-muted)}.product-info__description a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--duration-fast)}.product-info__description a:hover{opacity:.7}.product-info__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.product-info__tag{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.variant-selector{margin-bottom:var(--space-5)}.variant-selector__label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.variant-selector__value{color:var(--color-text);font-weight:600}.variant-selector__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-selector__options--colors{gap:var(--space-3)}.color-swatch{--swatch-color: #888;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);padding:3px;cursor:pointer;background:transparent;transition:border-color var(--duration-fast),transform var(--duration-fast);position:relative}.color-swatch__inner{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch-color)}.color-swatch:hover{border-color:var(--color-text-secondary);transform:scale(1.1)}.color-swatch--selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-text)}.size-option{min-width:48px;height:44px;padding:0 var(--space-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--duration-fast)}.size-option:hover:not(:disabled){border-color:var(--color-text);background:var(--color-surface)}.size-option--selected{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.size-option--unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.product-actions{display:flex;gap:var(--space-4);margin-top:var(--space-2)}.quantity-selector{display:flex;align-items:center;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.quantity-selector__btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:var(--text-xl);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast)}.quantity-selector__btn:hover:not(:disabled){background:var(--color-surface)}.quantity-selector__btn:disabled{opacity:.4;cursor:not-allowed}.quantity-selector__value{min-width:40px;text-align:center;font-weight:600;font-size:var(--text-base);color:var(--color-text)}.add-to-cart-btn{flex:1;padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.add-to-cart-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.product-reviews{padding:var(--space-7);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.reviews-header h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.add-review-btn{padding:var(--space-3) var(--space-5);background:transparent;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--duration-fast)}.add-review-btn:hover{background:var(--color-surface);border-color:var(--color-text)}.review-form{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.star-rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:var(--space-1)}.star-btn{background:transparent;border:none;font-size:var(--text-2xl);color:var(--color-border-strong);cursor:pointer;padding:0;transition:color var(--duration-fast),transform var(--duration-fast)}.star-btn:hover,.star-btn:hover~.star-btn{color:#f59e0b}.star-btn--active,.star-btn--active~.star-btn{color:#f59e0b}.star-btn:hover{transform:scale(1.2)}.form-group select,.form-group textarea{width:100%;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);resize:vertical;font-family:inherit}.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-text)}.submit-review-btn{padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity var(--duration-fast)}.submit-review-btn:hover{opacity:.9}.reviews-list{display:flex;flex-direction:column;gap:var(--space-4)}.reviews-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8);font-size:var(--text-base)}.similar-products{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.similar-products__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:-.02em}.similar-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.similar-products__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out)}.similar-products__card:hover{transform:translateY(-4px)}.similar-products__image{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.similar-products__image .optimized-image__img{transition:transform var(--duration-normal) var(--ease-out)}.similar-products__card:hover .similar-products__image .optimized-image__img{transform:scale(1.05)}.similar-products__info{padding:var(--space-3) 0}.similar-products__name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin:0 0 var(--space-1) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.similar-products__price{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}@media (max-width: 1024px){.product-detail-main{gap:var(--space-6)}.product-gallery{position:static}}@media (max-width: 768px){.product-detail{padding:var(--space-4) var(--container-padding) var(--space-8)}.product-detail-main,.product-detail__loading{grid-template-columns:1fr;gap:var(--space-5)}.product-gallery__main{aspect-ratio:1}.product-gallery__thumb{width:64px;height:64px}.product-info__title{font-size:var(--text-2xl)}.product-info__price{font-size:var(--text-xl)}.product-actions{flex-direction:column}.quantity-selector{justify-content:center}.product-reviews{padding:var(--space-5)}.reviews-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.add-review-btn{width:100%;text-align:center}.similar-products__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.similar-products__title{font-size:var(--text-xl)}}@media (max-width: 480px){.product-detail{padding:var(--space-3) var(--container-padding) var(--space-6)}.product-info__title{font-size:var(--text-xl)}.product-info__description{font-size:var(--text-sm)}.color-swatch{width:36px;height:36px}.size-option{min-width:44px;height:40px;font-size:var(--text-xs)}.product-gallery__thumb{width:56px;height:56px}}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface)}.cart-item-info{display:flex;flex-direction:column;gap:var(--space-1)}.cart-item-info h3{font-size:var(--text-base);font-weight:500;color:var(--color-text);margin:0;line-height:1.3}.cart-item-variant{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-weight:500}.cart-item-price{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.cart-item-controls{display:flex;align-items:center;gap:var(--space-2)}.quantity-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.quantity-btn:hover{background:var(--color-surface-hover)}.cart-item-controls .quantity{min-width:32px;text-align:center;font-weight:600;font-size:var(--text-base)}.remove-btn{padding:var(--space-2) var(--space-3);margin-left:var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.remove-btn:hover{color:#dc2626;border-color:#dc2626;background:#dc26260d}.cart-item-total{font-size:var(--text-base);font-weight:600;color:var(--color-text);text-align:right;min-width:80px}@media (max-width: 768px){.cart-item{grid-template-columns:80px 1fr;gap:var(--space-3)}.cart-item-image{width:80px;height:80px}.cart-item-controls{grid-column:1 / -1;justify-content:flex-start;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.cart-item-total{grid-column:1 / -1;text-align:left}}@media (max-width: 480px){.cart-item-info h3{font-size:var(--text-sm)}.quantity-btn{width:28px;height:28px;font-size:var(--text-base)}}.promo-code-form{margin-bottom:1rem}.promo-code-input-group{display:flex;gap:.5rem}.promo-code-input{flex:1;padding:.625rem .75rem;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.9rem;font-family:SF Mono,Fira Code,monospace;letter-spacing:.025em;text-transform:uppercase;background:var(--input-bg, #fff);color:var(--text-color, #333);transition:border-color .2s ease}.promo-code-input::placeholder{text-transform:none;font-family:inherit;letter-spacing:normal;color:var(--text-muted, #888)}.promo-code-input:focus{border-color:var(--accent-color, #0c6478);outline:none;box-shadow:0 0 0 3px #0c64781a}.promo-code-input:disabled{opacity:.6;cursor:not-allowed}.promo-apply-btn{padding:.625rem 1rem;background:var(--accent-color, #0c6478);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap}.promo-apply-btn:hover:not(:disabled){background:var(--accent-hover, #0a5567)}.promo-apply-btn:disabled{opacity:.5;cursor:not-allowed}.promo-error{margin-top:.375rem;font-size:.8125rem;color:var(--error-color, #dc3545)}.promo-code-applied{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--success-bg, #d4edda);border:1px solid var(--success-border, #c3e6cb);border-radius:6px;margin-bottom:1rem}.promo-code-info{display:flex;align-items:center;gap:.625rem;color:var(--success-color, #155724)}.promo-code-info svg{flex-shrink:0}.promo-details{display:flex;flex-direction:column;gap:.125rem}.promo-name{font-weight:600;font-size:.875rem;font-family:SF Mono,Fira Code,monospace;letter-spacing:.025em}.promo-discount{font-size:.8125rem;opacity:.9}.promo-remove-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;color:var(--success-color, #155724);opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.promo-remove-btn:hover{opacity:1}:root[data-theme=dark] .promo-code-input{background:var(--card-bg, #1a1a1a);border-color:var(--border-color, #333)}:root[data-theme=dark] .promo-code-applied{background:#28a74526;border-color:#28a7454d}:root[data-theme=dark] .promo-code-info,:root[data-theme=dark] .promo-remove-btn{color:#6dd58c}.cart-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.cart-page__container{max-width:var(--container-max);margin:0 auto}.cart-page h1{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--color-text)}.cart-content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-4)}.cart-summary{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:sticky;top:100px}.cart-summary h2{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-5);color:var(--color-text)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.summary-row:not(:last-child){border-bottom:1px solid var(--color-border)}.summary-row.total{padding-top:var(--space-4);margin-top:var(--space-3);border-top:1px solid var(--color-border-strong);border-bottom:none;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.checkout-btn{display:block;width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);text-align:center;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;margin-top:var(--space-5);transition:opacity var(--duration-fast) var(--ease-out)}.checkout-btn:hover{opacity:.9}.cart-free-shipping-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-subtle, rgba(12, 100, 120, .08));border:1px solid var(--color-accent, #0c6478);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-accent, #0c6478)}.cart-free-shipping-banner svg{flex-shrink:0}.cart-continue{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-2)}.continue-shopping-link{display:inline-flex;align-items:center;font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.continue-shopping-link:hover{color:var(--color-text)}.summary-discount{color:var(--color-success, #28a745)}.free-shipping{color:var(--color-success, #28a745);font-weight:500}.shipping-tbd{font-size:var(--text-xs);color:var(--color-text-muted)}.cart-security{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.cart-security svg{opacity:.7}.cart-empty{text-align:center;padding:var(--space-10) var(--space-4)}.cart-empty__icon{margin-bottom:var(--space-4);color:var(--color-text-muted);opacity:.5}.cart-empty h2{font-size:var(--text-xl);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.cart-empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.shop-link{display:inline-flex;padding:var(--space-4) var(--space-6);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:opacity var(--duration-fast) var(--ease-out)}.shop-link:hover{opacity:.9}.loading{text-align:center;padding:var(--space-10);color:var(--color-text-muted)}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr 320px;gap:var(--space-6)}}@media (max-width: 768px){.cart-page{padding:var(--space-4) var(--container-padding) var(--space-8)}.cart-page h1{font-size:var(--text-2xl)}.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width: 320px){.cart-page{padding:var(--space-3) var(--container-padding) var(--space-6)}.cart-page h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.cart-content{gap:var(--space-5)}.cart-summary{padding:var(--space-4)}.cart-summary h2{font-size:var(--text-base);margin-bottom:var(--space-4)}.checkout-btn{padding:var(--space-3);font-size:var(--text-sm)}.cart-empty{padding:var(--space-6) var(--space-3)}.cart-empty h2{font-size:var(--text-lg)}.shop-link{padding:var(--space-3) var(--space-5);font-size:var(--text-xs)}}.checkout-steps{margin-bottom:2rem;padding:1.5rem 0;border-bottom:1px solid var(--color-border, #eee)}.checkout-steps__container{display:flex;align-items:center;justify-content:center;max-width:600px;margin:0 auto}.checkout-step{display:flex;align-items:center;gap:.5rem;position:relative}.checkout-step__indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;border:2px solid var(--color-border, #ddd);background:var(--color-bg, #fff);color:var(--color-text-muted, #888);transition:all .3s ease}.checkout-step__label{font-size:.875rem;font-weight:500;color:var(--color-text-muted, #888);transition:color .3s ease;white-space:nowrap}.checkout-step__line{width:40px;height:2px;background:var(--color-border, #ddd);margin:0 .5rem;transition:background-color .3s ease}.checkout-step--completed .checkout-step__indicator{background:var(--color-success, #28a745);border-color:var(--color-success, #28a745);color:#fff}.checkout-step--completed .checkout-step__label{color:var(--color-success, #28a745)}.checkout-step__line--completed{background:var(--color-success, #28a745)}.checkout-step--current .checkout-step__indicator{background:var(--color-accent, #0c6478);border-color:var(--color-accent, #0c6478);color:#fff}.checkout-step--current .checkout-step__label{color:var(--color-text, #333);font-weight:600}.checkout-step--upcoming .checkout-step__indicator,.checkout-step--upcoming .checkout-step__label{opacity:.6}@media (max-width: 640px){.checkout-steps__container{gap:0}.checkout-step__label{display:none}.checkout-step__line{width:30px;margin:0 .25rem}.checkout-step__indicator{width:32px;height:32px}}@media (max-width: 480px){.checkout-step__line{width:20px}}.shipping-method-selector{margin-bottom:1.5rem}.shipping-method-selector h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text, #333)}.shipping-method-loading{display:flex;flex-direction:column;gap:.75rem}.shipping-method-loading:before,.shipping-method-loading:after{content:"";display:block;height:72px;border-radius:10px;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border:1px solid rgba(255,255,255,.06)}.shipping-method-loading:after{animation-delay:.15s}.shipping-skeleton{display:flex;flex-direction:column;gap:.75rem}.shipping-skeleton-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;position:relative;overflow:hidden}.shipping-skeleton-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.shipping-skeleton-radio{width:18px;height:18px;border-radius:50%;background:#ffffff0f;flex-shrink:0;margin-top:.25rem}.shipping-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.shipping-skeleton-header{display:flex;justify-content:space-between;align-items:center}.shipping-skeleton-title{height:16px;width:120px;background:#ffffff14;border-radius:4px}.shipping-skeleton-price{height:16px;width:50px;background:#ffffff14;border-radius:4px}.shipping-skeleton-details{height:12px;width:140px;background:#ffffff0d;border-radius:3px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-accent, #0c6478);border-radius:50%;animation:spin .8s linear infinite}.shipping-method-error{color:var(--color-error, #ef4444);font-size:.8125rem;margin-bottom:.75rem;padding:.75rem 1rem;background:#ef444414;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.shipping-methods{display:flex;flex-direction:column;gap:.75rem}.shipping-method{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#ffffff05;position:relative;overflow:hidden}.shipping-method:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.shipping-method:hover:not(.shipping-method--disabled){border-color:#ffffff26;background:#ffffff0a}.shipping-method:hover:not(.shipping-method--disabled):before{opacity:1}.shipping-method--selected{border-color:var(--color-accent, #0c6478);background:linear-gradient(135deg,#0c64781f,#0c64780f);box-shadow:0 0 0 1px #0c64784d,0 4px 12px #0c647826}.shipping-method--selected:before{opacity:1;background:linear-gradient(135deg,rgba(12,100,120,.1) 0%,transparent 100%)}.shipping-method--disabled{opacity:.5;cursor:not-allowed}.shipping-method input[type=radio]{margin-top:.25rem;width:18px;height:18px;accent-color:var(--color-accent, #0c6478);flex-shrink:0;position:relative;z-index:1}.shipping-method__content{flex:1;position:relative;z-index:1}.shipping-method__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.shipping-method__name{font-weight:500;color:var(--color-text, #fff);font-size:.9375rem;letter-spacing:-.01em}.shipping-method__price{font-weight:600;color:var(--color-text, #fff);font-variant-numeric:tabular-nums}.shipping-method__free{color:var(--color-success, #22c55e);font-weight:700;text-transform:uppercase;font-size:.8125rem;letter-spacing:.02em}.shipping-method__details{display:flex;gap:.75rem;font-size:.8125rem;color:var(--color-text-muted, rgba(255, 255, 255, .6))}.shipping-method__delivery{display:flex;align-items:center;gap:.375rem}.shipping-method__delivery:before{content:"";width:4px;height:4px;background:var(--color-accent, #0c6478);border-radius:50%;opacity:.8}.shipping-method__carrier{opacity:.7}:root[data-theme=light] .shipping-method{background:#00000005;border-color:#0000001a}:root[data-theme=light] .shipping-method:hover:not(.shipping-method--disabled){border-color:#0003;background:#0000000a}:root[data-theme=light] .shipping-method--selected{border-color:var(--color-accent, #0c6478);background:linear-gradient(135deg,#0c647814,#0c64780a)}:root[data-theme=light] .shipping-skeleton-card{background:#00000008;border-color:#00000014}:root[data-theme=light] .shipping-skeleton-radio,:root[data-theme=light] .shipping-skeleton-title,:root[data-theme=light] .shipping-skeleton-price{background:#00000014}:root[data-theme=light] .shipping-skeleton-details{background:#0000000d}:root[data-theme=light] .shipping-skeleton-card:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%)}.account-offer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0;text-align:center}.account-offer--success,.account-offer--verification{background:var(--color-accent-subtle);border-color:var(--color-accent)}.account-offer__icon{width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);margin:0 auto var(--space-4)}.account-offer h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.account-offer p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.account-offer__content{max-width:400px;margin:0 auto}.account-offer__benefits{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);text-align:left}.account-offer__benefit{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.account-offer__benefit-icon{flex-shrink:0;width:24px;text-align:center}.account-offer__form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.account-offer__field{display:flex;flex-direction:column;gap:var(--space-2)}.account-offer__field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.account-offer__input{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out)}.account-offer__input:focus{outline:none;border-color:var(--color-accent)}.account-offer__input::placeholder{color:var(--color-text-muted)}.account-offer__input--disabled{background:var(--color-surface-hover);color:var(--color-text-muted);cursor:not-allowed}.account-offer__error{padding:var(--space-3);background:#dc26261a;border-radius:var(--radius-md);color:#dc2626;font-size:var(--text-sm);text-align:center}.account-offer__btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.account-offer__btn--primary{background:var(--color-text);color:var(--color-bg);border:none}.account-offer__btn--primary:hover{opacity:.9}.account-offer__btn--primary:disabled{opacity:.5;cursor:not-allowed}.account-offer__btn--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.account-offer__btn--secondary:hover{background:var(--color-surface-hover)}.account-offer__login-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4);margin-bottom:0}.account-offer__link{background:none;border:none;color:var(--color-accent);font-weight:500;cursor:pointer;text-decoration:underline}.account-offer__link:hover{opacity:.8}@media (max-width: 480px){.account-offer{padding:var(--space-5);margin:var(--space-5) 0}.account-offer h3{font-size:var(--text-base)}.account-offer p,.account-offer__benefit{font-size:var(--text-xs)}}.checkout-page{max-width:800px;margin:0 auto;padding:var(--space-6) var(--container-padding) var(--space-10)}.checkout-page h1{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--color-text)}.checkout-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.form-section h2{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-5);color:var(--color-text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-row:last-child{margin-bottom:0}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-text)}.form-group input::placeholder{color:var(--color-text-muted)}.order-summary{background:linear-gradient(145deg,#ffffff08,#ffffff03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:var(--space-6);box-shadow:0 4px 24px #0000001f,0 1px 2px #00000014,inset 0 1px #ffffff0a;position:relative;overflow:hidden}.order-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.order-summary h2{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--color-text);position:relative;padding-bottom:var(--space-4)}.order-summary h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--color-accent, #0c6478),transparent);border-radius:1px}.order-items{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06)}.order-item{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-3);border-radius:12px;transition:background .2s ease}.order-item:hover{background:#ffffff05}.order-item img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.order-item-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-item-quantity{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.order-item-price{font-size:var(--text-sm);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.order-totals{display:flex;flex-direction:column;gap:var(--space-3)}.order-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.order-row.total{padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.checkout-submit{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.checkout-submit:hover{opacity:.9}.checkout-submit:disabled{opacity:.5;cursor:not-allowed}.checkout-message{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.checkout-message.error{background:#dc26261a;color:#dc2626}.checkout-message.success{background:var(--color-accent-subtle);color:var(--color-accent)}.contact-section{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.contact-section h2{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.section-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.marketing-optins{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.marketing-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);cursor:pointer}.marketing-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-accent, #0c6478);flex-shrink:0;cursor:pointer}.marketing-checkbox .checkbox-label{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.sms-disclosure{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);margin-left:calc(18px + var(--space-3));padding:var(--space-3);background:var(--color-surface-hover, rgba(0, 0, 0, .03));border-radius:var(--radius-md);line-height:1.5}.field-error-message{font-size:var(--text-sm);color:#dc2626;margin-top:var(--space-2);margin-bottom:var(--space-2)}.input-error{border-color:#dc2626!important}.shipping-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.shipping-section h2{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-5);color:var(--color-text)}.shipping-section input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out)}.shipping-section input:focus{outline:none;border-color:var(--color-text)}.shipping-section input::placeholder{color:var(--color-text-muted)}.shipping-section .form-row,.shipping-section .form-row input{margin-bottom:0}.payment-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.payment-section h2{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-5);color:var(--color-text)}.contact-section input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out)}.contact-section input:focus{outline:none;border-color:var(--color-accent)}.contact-section input::placeholder{color:var(--color-text-muted)}.contact-section input:disabled{background:var(--color-surface-hover);cursor:not-allowed}.order-item-info{flex:1;min-width:0}.order-item-info h4{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.order-item-info p{font-size:12px;color:var(--color-text-muted);line-height:1.4}.item-options{font-size:11px;color:var(--color-text-secondary);margin-bottom:2px;opacity:.8}.order-total{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:#ffffff05;border-radius:12px;margin-top:var(--space-2)}.total-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;padding:var(--space-1) 0}.total-row span:last-child{font-weight:500;color:var(--color-text)}.total-row.final{padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.total-row.final span:last-child{font-weight:700;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;background-clip:text}.submit-payment-btn{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.submit-payment-btn:hover{opacity:.9}.submit-payment-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-success{text-align:center;padding:var(--space-10) var(--space-6);max-width:500px;margin:0 auto}.success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700;margin:0 auto var(--space-6)}.checkout-success h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.order-number{font-size:var(--text-lg);font-weight:500;color:var(--color-accent);margin-bottom:var(--space-4)}.confirmation-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.total-text{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-6)}.success-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.view-orders-btn,.track-order-btn{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.view-orders-btn:hover,.track-order-btn:hover{opacity:.9}.continue-shopping-btn{width:100%;padding:var(--space-4);background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.continue-shopping-btn:hover{background:var(--color-surface-hover)}.checkout-content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}.order-item-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface-hover)}@media (max-width: 768px){.checkout-page{padding:var(--space-4) var(--container-padding) var(--space-8)}.checkout-page h1{font-size:var(--text-2xl)}.form-row{grid-template-columns:1fr}.form-section,.order-summary{padding:var(--space-5)}}@media (max-width: 320px){.checkout-page{padding:var(--space-3) var(--container-padding) var(--space-6)}.checkout-page h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.checkout-form{gap:var(--space-4)}.form-section,.order-summary{padding:var(--space-4)}.form-section h2,.order-summary h2{font-size:var(--text-base);margin-bottom:var(--space-4)}.form-row{gap:var(--space-3);margin-bottom:var(--space-3)}.form-group label{font-size:var(--text-xs)}.form-group input,.form-group select{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.order-item{gap:var(--space-3)}.order-item img{width:48px;height:48px}.order-item-name,.order-item-price{font-size:var(--text-xs)}.order-row.total{font-size:var(--text-base)}.checkout-submit{padding:var(--space-3);font-size:var(--text-sm)}.checkout-message{padding:var(--space-3);font-size:var(--text-xs)}}.checkout-page{max-width:1200px}.checkout-content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.checkout-step-content{background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.shipping-summary{background:var(--color-surface, #f9f9f9);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);position:relative}.shipping-summary h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2)}.shipping-summary p{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.edit-link{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--color-accent, #0c6478);font-size:var(--text-sm);cursor:pointer;text-decoration:underline}.edit-link:hover{opacity:.8}.step-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.step-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.step-btn--primary{background:var(--color-text);color:var(--color-bg);border:none}.step-btn--primary:hover:not(:disabled){opacity:.9}.step-btn--primary:disabled{opacity:.5;cursor:not-allowed}.step-btn--secondary{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text)}.step-btn--secondary:hover{background:var(--color-surface)}.step-btn--pay{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.country-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);margin-top:var(--space-4)}.country-select:focus{outline:none;border-color:var(--color-text)}.promo-section{margin-bottom:var(--space-5)}.promo-section h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.payment-loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted);background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.payment-loading:before{content:"";width:32px;height:32px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-accent, #0c6478);border-radius:50%;animation:payment-spin .8s linear infinite}@keyframes payment-spin{to{transform:rotate(360deg)}}.review-section{margin-bottom:var(--space-5)}.review-row{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);position:relative}.review-row:last-child{border-bottom:none}.review-label{width:80px;font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.review-value{flex:1;font-size:var(--text-sm);color:var(--color-text)}.review-value--discount{color:var(--color-success, #28a745)}.review-row .edit-link{position:static}.review-items{margin-bottom:var(--space-5)}.review-items h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.review-item{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.review-item:last-child{border-bottom:none}.review-item-image{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface)}.review-item-details{flex:1}.review-item-details h4{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.review-item-details p{font-size:var(--text-xs);color:var(--color-text-muted)}.review-item-price{font-weight:500;font-size:var(--text-sm)}.order-item{position:relative}.order-item-badge{position:absolute;top:6px;left:6px;min-width:20px;height:20px;padding:0 6px;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:2;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.order-item-image{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,box-shadow .2s ease}.order-item:hover .order-item-image{transform:scale(1.02);box-shadow:0 4px 12px #0003}.total-row--discount{color:var(--color-success, #22c55e)}.total-row--discount span:last-child{color:var(--color-success, #22c55e);font-weight:600}.checkout-success .success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-success, #28a745);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr 320px;gap:var(--space-6)}}@media (max-width: 768px){.checkout-content{grid-template-columns:1fr}.order-summary{order:-1}.step-actions{flex-direction:column-reverse}.step-btn{width:100%}}.orders-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.orders-page__container{max-width:var(--container-max);margin:0 auto}.orders-page h1{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--color-text)}.orders-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.order-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.order-card__info{display:flex;flex-direction:column;gap:var(--space-1)}.order-card__id{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.order-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.order-card__status{display:inline-flex;padding:var(--space-2) var(--space-3);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:capitalize}.order-card__status--delivered{background:#22c55e1a;color:#22c55e}.order-card__status--cancelled{background:#dc26261a;color:#dc2626}.order-card__items{padding:var(--space-4) var(--space-5)}.order-card__item{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-3) 0}.order-card__item:not(:last-child){border-bottom:1px solid var(--color-border)}.order-card__item-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface)}.order-card__item-details{flex:1}.order-card__item-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.order-card__item-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.order-card__item-price{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.order-card__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.order-card__total-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.order-card__total{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.orders-empty{text-align:center;padding:var(--space-10) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.orders-empty p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.orders-empty-link{display:inline-flex;padding:var(--space-4) var(--space-6);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:opacity var(--duration-fast) var(--ease-out)}.orders-empty-link:hover{opacity:.9}.orders-loading{text-align:center;padding:var(--space-10);color:var(--color-text-muted)}@media (max-width: 768px){.orders-page{padding:var(--space-4) var(--container-padding) var(--space-8)}.orders-page h1{font-size:var(--text-2xl)}.order-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.order-card__footer{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width: 320px){.orders-page{padding:var(--space-3) var(--container-padding) var(--space-6)}.orders-page h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.orders-list{gap:var(--space-3)}.order-card__header{padding:var(--space-3) var(--space-4)}.order-card__id{font-size:var(--text-xs)}.order-card__items{padding:var(--space-3) var(--space-4)}.order-card__item{gap:var(--space-3)}.order-card__item-image{width:48px;height:48px}.order-card__footer{padding:var(--space-3) var(--space-4)}.order-card__total{font-size:var(--text-base)}.orders-empty{padding:var(--space-6) var(--space-3)}.orders-empty p{font-size:var(--text-base)}.orders-empty-link{padding:var(--space-3) var(--space-5);font-size:var(--text-xs)}}.account-page{max-width:600px;margin:0 auto;padding:var(--space-6) var(--container-padding) var(--space-10)}.account-page h1{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--color-text);text-align:center}.auth-container{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7)}.auth-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.auth-tab{padding:var(--space-2) 0;background:none;border:none;font-size:var(--text-base);font-weight:500;color:var(--color-text-muted);cursor:pointer;position:relative;transition:color var(--duration-fast) var(--ease-out)}.auth-tab.active{color:var(--color-text)}.auth-tab.active:after{content:"";position:absolute;bottom:calc(-1 * var(--space-4) - 1px);left:0;right:0;height:2px;background:var(--color-text)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group input:not([type=checkbox]){width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out)}.form-group input:focus{outline:none;border-color:var(--color-text)}.auth-submit{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;margin-top:var(--space-2);transition:opacity var(--duration-fast) var(--ease-out)}.auth-submit:hover{opacity:.9}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.social-auth{display:flex;flex-direction:column;gap:var(--space-3)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.social-btn:hover{background:var(--color-surface-hover)}.account-info{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.account-avatar{width:80px;height:80px;background:var(--color-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-text-secondary)}.account-name{font-size:var(--text-xl);font-weight:500;margin-bottom:var(--space-1);color:var(--color-text)}.account-email{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.account-links{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);text-align:left}.account-links h2{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.account-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.account-link:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.link-icon{font-size:1.25rem}.link-text{flex:1}.logout-btn{width:100%;padding:var(--space-3);background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.logout-btn:hover{color:var(--color-text);border-color:var(--color-text)}.submit-btn{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;margin-top:var(--space-2);transition:opacity var(--duration-fast) var(--ease-out)}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-message{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4)}.auth-message.error{background:#dc26261a;color:#dc2626}.auth-message.success{background:var(--color-accent-subtle);color:var(--color-accent)}.error-message{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4);background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.success-message{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4);background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent)}.checkbox-group{margin-top:var(--space-2)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.checkbox-label span{line-height:1.4}.auth-input{width:100%;height:48px;padding:12px 16px;font-size:1rem;line-height:1.5;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-out)}.auth-input:focus{outline:none;border-color:var(--color-text)}.auth-input::placeholder{color:var(--color-text-muted)}@media (max-width: 768px){.account-page{padding:var(--space-4) var(--container-padding) var(--space-8)}.account-page h1{font-size:var(--text-2xl)}.auth-container{padding:var(--space-5)}}@media (max-width: 320px){.account-page{padding:var(--space-3) var(--container-padding) var(--space-6)}.account-page h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.auth-container{padding:var(--space-4)}.auth-tabs{gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.auth-tab{font-size:var(--text-sm)}.auth-form{gap:var(--space-3)}.form-group label{font-size:var(--text-xs)}.form-group input:not([type=checkbox]){padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.auth-input{height:42px;padding:10px 12px;font-size:var(--text-sm)}.auth-submit,.submit-btn{padding:var(--space-3);font-size:var(--text-sm)}.auth-divider{margin:var(--space-4) 0;font-size:var(--text-xs)}.social-btn{padding:var(--space-2);font-size:var(--text-xs)}.account-info{padding:var(--space-4)}.account-avatar{width:60px;height:60px}.account-name{font-size:var(--text-lg)}.account-email{font-size:var(--text-xs)}.account-link{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.logout-btn{padding:var(--space-2);font-size:var(--text-xs)}.checkbox-label{gap:var(--space-3);font-size:var(--text-xs)}.checkbox-label input[type=checkbox]{width:16px;height:16px}}.admin-page{width:100%}.admin-page h1{margin-bottom:1.5rem}.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.quick-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;background:linear-gradient(135deg,#0c6478,#095261);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0c64784d}.quick-action-card.featured{background:linear-gradient(135deg,#8b5cf6,#6366f1);position:relative;overflow:hidden}.quick-action-card.featured:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.quick-action-card.featured:hover{box-shadow:0 8px 24px #8b5cf666}.action-icon{font-size:2rem;margin-bottom:.25rem}.action-title{font-size:1.1rem;font-weight:600}.action-desc{font-size:.85rem;opacity:.8}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #eee}.admin-tabs button{padding:1rem 2rem;background:none;border:none;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.admin-tabs button.active{color:#0c6478;border-bottom-color:#0c6478}.admin-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.add-btn{padding:.75rem 1.5rem;background-color:#0c6478;color:#fff;border-radius:4px;font-weight:700;font-family:Arial,Helvetica,sans-serif}.add-btn:hover{background-color:#0d7a8f}.product-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.product-form input,.product-form textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.product-form textarea{min-height:100px;resize:vertical}.submit-btn{padding:.75rem;background-color:#0c6478;color:#fff;border-radius:4px;font-weight:700;font-family:Arial,Helvetica,sans-serif}.submit-btn:hover{background-color:#0d7a8f}.products-list,.orders-list{display:flex;flex-direction:column;gap:1rem}.admin-product-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.admin-product-card img{width:100px;height:100px;object-fit:cover;border-radius:4px}.product-details{flex:1}.delete-btn{padding:.5rem 1rem;background-color:#dc3545;color:#fff;border-radius:4px;font-weight:600}.delete-btn:hover{background-color:#c82333}.admin-order-card{padding:1.5rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem}.order-info h3{margin-bottom:.5rem}.loading{text-align:center;padding:3rem;color:#666}.settings-section{margin-bottom:2rem}.settings-section h3{margin-bottom:.5rem;color:#333}.settings-description{color:#666;margin-bottom:1.5rem;font-size:.9rem}.site-config-form{display:flex;flex-direction:column;gap:1.25rem}.site-config-form .form-group{display:flex;flex-direction:column;gap:.5rem}.site-config-form label{font-weight:600;color:#333;font-size:.9rem}.site-config-form input[type=text],.site-config-form input[type=url]{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:border-color .2s ease}.site-config-form input[type=text]:focus,.site-config-form input[type=url]:focus{border-color:#0c6478;outline:none;box-shadow:0 0 0 3px #0c64781a}.site-config-form .form-hint{font-size:.8rem;color:#888}.site-config-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.site-config-form .checkbox-group{flex-direction:row;align-items:center}.site-config-form .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.site-config-form .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#0c6478;cursor:pointer}.color-input-wrapper{display:flex;gap:.5rem;align-items:center}.color-input-wrapper input[type=color]{width:40px;height:40px;padding:2px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.color-input-wrapper input[type=text]{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-family:monospace;font-size:.9rem}.preview-section{margin-top:.5rem}.preview-section label{display:block;margin-bottom:.5rem}.announcement-preview{padding:.75rem 1rem;border-radius:6px;text-align:center;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.9rem}.preview-promo{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff26;padding:.125rem .5rem;border-radius:4px;font-size:.85rem}.site-config-form .submit-btn{align-self:flex-start;padding:.75rem 2rem;margin-top:.5rem}.site-config-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 640px){.site-config-form .form-row{grid-template-columns:1fr}}.admin-trending-page{max-width:1400px;margin:0 auto;padding:2rem;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary,.btn-outline{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:hover:not(:disabled){background:#0d7a8f}.btn-secondary{background:#0c6478;color:#fff}.btn-secondary:hover:not(:disabled){background:#0d7a8f}.btn-outline{background:transparent;border:1px solid #ddd;color:#666}.btn-outline:hover{border-color:#999;color:#333}.trending-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem}@media (max-width: 1024px){.trending-layout{grid-template-columns:1fr}}.generation-panel{background:#fff;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden}.panel-section{padding:1.5rem;border-bottom:1px solid #e5e5e5}.panel-section:last-child{border-bottom:none}.panel-section h2{font-size:1.25rem;font-weight:600;color:#0f0f0f;margin-bottom:.25rem}.section-subtitle{color:#666;font-size:.9rem;margin-bottom:1.25rem}.prompt-input-container textarea{width:100%;padding:1rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.prompt-input-container textarea:focus{outline:none;border-color:#0c6478}.style-selector{margin:1.25rem 0}.style-selector label{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:.75rem}.style-options{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:20px;background:#fff;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s ease}.style-btn:hover{border-color:#999;color:#333}.style-btn.active{background:#095261;border-color:#095261;color:#fff}.generate-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#0c6478,#0d7a8f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0c64784d}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn .icon{font-size:1.2rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-message{margin-top:1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem}.generated-preview h3{font-size:1.1rem;font-weight:600;color:#0f0f0f;margin-bottom:1rem}.preview-image-container{width:100%;aspect-ratio:1;max-width:400px;margin:0 auto 1rem;border-radius:8px;overflow:hidden;background:#f5f5f5}.preview-image-container img{width:100%;height:100%;object-fit:contain}.preview-info{margin-bottom:1rem}.prompt-used{font-size:.9rem;color:#333;margin-bottom:.5rem}.provider-info{font-size:.8rem;color:#666}.preview-actions{display:flex;flex-wrap:wrap;gap:.75rem}.trends-panel{background:#fff;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden;height:fit-content;position:sticky;top:2rem}.trends-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e5e5e5}.trends-header h2{font-size:1.1rem;font-weight:600;color:#0f0f0f}.refresh-btn{padding:.5rem 1rem;background:transparent;border:1px solid #e5e5e5;border-radius:6px;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){border-color:#999;color:#333}.refresh-btn:disabled{opacity:.5}.trends-list{max-height:600px;overflow-y:auto}.trend-item{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;text-align:left;transition:background .2s ease;gap:.75rem}.trend-item:last-child{border-bottom:none}.trend-item:hover{background:#f9f9f9}.trend-rank{font-size:.8rem;font-weight:600;color:#999;width:28px}.trend-topic{flex:1;font-size:.95rem;color:#333}.trend-arrow{color:#ccc;transition:transform .2s ease,color .2s ease}.trend-item:hover .trend-arrow{transform:translate(4px);color:#0c6478}.trends-loading{padding:.5rem}.trend-skeleton{height:48px;margin:.25rem .75rem;background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@media (max-width: 768px){.admin-trending-page{padding:1rem}.page-header{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.preview-actions{flex-direction:column}.preview-actions button{width:100%}}.admin-ideas-page{max-width:1400px;margin:0 auto;padding:2rem;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#0f0f0f;margin-bottom:.25rem}.page-header p{color:#666;font-size:1rem}.status-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5;padding-bottom:1rem}.tab{padding:.6rem 1.25rem;background:transparent;border:1px solid #e5e5e5;border-radius:6px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.tab:hover{border-color:#999;color:#333}.tab.active{background:#095261;border-color:#095261;color:#fff}.bulk-actions{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem}.selected-count{font-weight:600;color:#333}.action-buttons{display:flex;gap:.75rem}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#0c6478;color:#fff}.btn-primary:hover{background:#0d7a8f}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.error-message{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:1rem}.ideas-grid{background:#fff;border-radius:12px;border:1px solid #e5e5e5;padding:1.5rem}.select-all-row{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#333;cursor:pointer}.checkbox-label input{width:18px;height:18px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.idea-card{border:2px solid #e5e5e5;border-radius:10px;overflow:hidden;background:#fff;transition:all .2s ease;position:relative}.idea-card:hover{border-color:#ccc;box-shadow:0 4px 12px #00000014}.idea-card.selected{border-color:#0c6478;box-shadow:0 0 0 2px #0c647833}.card-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:10;background:#fff;border-radius:4px;padding:2px;box-shadow:0 2px 4px #0000001a}.card-checkbox input{width:20px;height:20px;cursor:pointer}.card-image{position:relative;aspect-ratio:1;background:#f5f5f5;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:.75rem;right:.75rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.status-badge.submitted{background:#10b981;color:#fff}.status-badge.archived{background:#6c757d;color:#fff}.card-content{padding:1rem}.card-prompt{font-size:.9rem;color:#333;line-height:1.5;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-date{font-size:.8rem;color:#999}.view-product-link{display:inline-block;margin-top:.5rem;font-size:.85rem;color:#0c6478;font-weight:500}.view-product-link:hover{text-decoration:underline}.ideas-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.idea-skeleton{border:1px solid #e5e5e5;border-radius:10px;overflow:hidden}.skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:3rem;margin:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:1px solid #e5e5e5}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e5e5}.modal-header h2{font-size:1.25rem;font-weight:600;color:#0f0f0f}.close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f0f0f0;font-size:1.25rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#e5e5e5;color:#333}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0c6478}.toggle-group{display:flex;flex-wrap:wrap;gap:.5rem}.toggle-btn{padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{border-color:#999}.toggle-btn.active{background:#095261;border-color:#095261;color:#fff}.toggle-btn.color-btn.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.toggle-btn.color-btn.active[style*="--color: white"]{color:#333;text-shadow:none}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e5e5}@media (max-width: 768px){.admin-ideas-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.status-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.bulk-actions{flex-direction:column;gap:1rem}.action-buttons{width:100%;flex-wrap:wrap}.action-buttons button{flex:1;min-width:100px}.grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.admin-generate-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:2rem;color:#fff}.admin-generate-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-generate-page .header-content h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-generate-page .header-content p{color:#fff9;margin:0;font-size:1.1rem}.admin-generate-page .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.admin-generate-page .btn-ghost:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.generate-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;max-width:1600px;margin:0 auto}@media (max-width: 1200px){.generate-layout{grid-template-columns:1fr}.history-sidebar{order:-1}}.generation-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prompt-section{margin-bottom:2rem}.prompt-input-wrapper{display:flex;flex-direction:column;gap:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;transition:all .3s}.prompt-input-row{display:flex;align-items:flex-start;gap:1rem;width:100%}.prompt-input-row .prompt-input{flex:1}.prompt-input-wrapper:focus-within{border-color:#8b5cf680;box-shadow:0 0 0 4px #8b5cf61a}.prompt-icon{color:#fff6;flex-shrink:0;padding-top:.25rem}.prompt-input{width:100%;background:transparent;border:none;color:#fff;font-size:1.1rem;line-height:1.6;min-height:140px;resize:vertical;outline:none;font-family:inherit}.prompt-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.prompt-input::placeholder{color:#ffffff59}.generate-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;flex-shrink:0}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:1.2rem}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.options-grid{grid-template-columns:1fr}}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-group label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.option-group select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.875rem 1rem;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.option-group select:hover{border-color:#ffffff40}.option-group select:focus{outline:none;border-color:#8b5cf680}.system-prompt-section{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem}.system-prompt-toggle{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;padding:0;transition:color .2s}.system-prompt-toggle:hover{color:#fffc}.toggle-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff1a;border-radius:4px;font-size:1rem}.system-prompt-content{margin-top:1rem}.system-prompt-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;color:#fffc;font-size:.9rem;line-height:1.6;resize:vertical;font-family:inherit}.system-prompt-input:focus{outline:none;border-color:#8b5cf666}.reset-btn{margin-top:.75rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#fff6;color:#fff}.status-panel{text-align:center;padding:4rem 2rem}.status-panel h3{font-size:1.5rem;margin:1.5rem 0 .5rem}.status-panel p{color:#fff9;margin:0}.status-details{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem}.detail-item{color:#ffffff80;font-size:.9rem}.detail-item strong{color:#fffc}.status-animation{position:relative;width:100px;height:100px;margin:0 auto}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(139,92,246,.3);border-radius:50%;animation:pulse-ring 2s ease-out infinite}.pulse-core{position:absolute;top:20px;right:20px;bottom:20px;left:20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-core 2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes pulse-core{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.review-panel{padding:2rem 0}.review-header{text-align:center;margin-bottom:2rem}.review-header h3{font-size:1.5rem;margin:0 0 .5rem}.review-header p{color:#fff9;margin:0}.prompt-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2rem}@media (max-width: 768px){.prompt-comparison{grid-template-columns:1fr}.prompt-arrow{transform:rotate(90deg);justify-self:center}}.prompt-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.prompt-card label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.75rem}.prompt-card p{margin:0;line-height:1.6;color:#ffffffe6}.prompt-card.refined{background:#8b5cf61a;border-color:#8b5cf64d}.prompt-arrow{display:flex;align-items:center;font-size:1.5rem;color:#ffffff4d}.review-meta{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;font-size:.9rem;color:#ffffff80}.review-actions{display:flex;gap:1rem;justify-content:center}.btn-reject,.btn-accept{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.btn-reject{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-reject:hover{background:#ef44444d;transform:translateY(-2px)}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-accept:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.generating-grid{display:grid;grid-template-columns:repeat(2,80px);gap:.75rem;justify-content:center}.generating-tile{aspect-ratio:1;background:#ffffff0d;border-radius:8px;overflow:hidden;position:relative}.tile-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin:2rem auto 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);animation:progress 3s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:80%}to{width:100%}}.completed-panel{padding:1rem 0}.completed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.completed-header h3{font-size:1.5rem;margin:0;color:#10b981}.btn-new{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-new:hover{background:#ffffff26;transform:translateY(-1px)}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.image-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#0000004d}.image-card img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-card:hover .image-overlay{opacity:1}.view-btn{background:#fff3;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.view-btn:hover{background:#ffffff4d}.rating-section{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;padding:1.5rem;background:#ffffff08;border-radius:12px;margin-bottom:1.5rem}.rating-group{display:flex;align-items:center;gap:1rem}.rating-group label{color:#ffffffb3;font-size:.9rem}.star-rating{display:flex;gap:.25rem}.star-btn{background:transparent;border:none;font-size:1.75rem;color:#fff3;cursor:pointer;transition:all .2s;padding:0}.star-btn:hover,.star-btn.active{color:#fbbf24;transform:scale(1.1)}.approve-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#fffc;font-size:.95rem}.approve-checkbox input{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.approve-checkbox input:checked+.checkbox-custom{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent}.approve-checkbox input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:.9rem}.generation-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.9rem;color:#ffffff80}.error-banner{display:flex;align-items:center;gap:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem 1.25rem;margin-top:1.5rem}.error-icon{font-size:1.25rem}.error-text{flex:1;color:#fca5a5}.error-dismiss{background:transparent;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.error-dismiss:hover{color:#fff}.history-sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.history-sidebar h3{font-size:1rem;font-weight:600;margin:0 0 1.25rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.history-loading,.history-empty{text-align:center;padding:2rem 1rem;color:#fff6}.history-skeleton{height:80px;background:#ffffff0d;border-radius:10px;margin-bottom:.75rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.history-item:hover{background:#ffffff0f;border-color:#ffffff26}.history-item.active{background:#8b5cf61a;border-color:#8b5cf64d}.history-preview{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0000004d}.history-preview img{width:100%;height:100%;object-fit:cover}.history-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.history-info{flex:1;min-width:0}.history-prompt{margin:0 0 .5rem;font-size:.85rem;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{display:flex;align-items:center;gap:.5rem}.status-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.status-badge.completed{background:#10b98133;color:#34d399}.status-badge.pending_review{background:#fbbf2433;color:#fbbf24}.status-badge.rejected{background:#ef444433;color:#f87171}.status-badge.generating,.status-badge.accepted{background:#8b5cf633;color:#a78bfa}.rating-badge{font-size:.75rem;color:#fbbf24}.history-sidebar::-webkit-scrollbar{width:6px}.history-sidebar::-webkit-scrollbar-track{background:transparent}.history-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.history-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.admin-create-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:2rem;color:#fff}.admin-create-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-create-page .header-content h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-create-page .header-content p{color:#fff9;margin:0;font-size:1.1rem}.admin-create-page .header-actions{display:flex;gap:.75rem}.admin-create-page .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.admin-create-page .btn-ghost:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.admin-create-page .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.admin-create-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.create-layout{grid-template-columns:1fr}}.upload-section,.mockup-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:#ffffff80;margin:0;font-size:.95rem}.upload-zone{border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:#ffffff05}.upload-zone:hover{border-color:#8b5cf680;background:#8b5cf60d}.upload-icon{color:#ffffff4d;margin-bottom:1rem}.upload-zone h3{font-size:1.25rem;margin:0 0 .5rem;color:#ffffffe6}.upload-zone p{color:#ffffff80;margin:0 0 1rem}.upload-hint{font-size:.8rem;color:#ffffff4d;background:#ffffff0d;padding:.5rem 1rem;border-radius:20px}.preview-zone{text-align:center}.design-preview{max-width:100%;max-height:300px;border-radius:12px;margin-bottom:1rem;box-shadow:0 8px 30px #0000004d}.preview-actions{display:flex;justify-content:center;gap:.75rem}.options-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.options-section h3{font-size:1rem;font-weight:600;margin:0 0 1.25rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.option-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.option-row label{font-size:.85rem;color:#fff9}.option-row select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.875rem 1rem;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.option-row select:hover{border-color:#ffffff40}.option-row select:focus{outline:none;border-color:#8b5cf680}.action-buttons{margin-top:2rem}.btn-create{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-create:disabled{opacity:.5;cursor:not-allowed}.btn-create .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{font-size:1.25rem}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.error-message{display:flex;align-items:center;gap:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1rem;margin-top:1rem;color:#fca5a5;font-size:.9rem}.mockup-container{text-align:center}.mockup-preview{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:1.5rem}.mockup-preview img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 12px 40px #0000004d}.mockup-info{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;color:#ffffffe6;font-weight:500}.mockup-actions{display:flex;flex-direction:column;gap:.75rem}.btn-save{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.mockup-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.placeholder-illustration{color:#ffffff1a;margin-bottom:1.5rem}.mockup-placeholder h3{font-size:1.25rem;margin:0 0 .5rem;color:#ffffff80}.mockup-placeholder p{color:#ffffff4d;margin:0;font-size:.95rem}.quick-actions-bar{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 768px){.quick-actions-bar{flex-direction:column;align-items:stretch}}.quick-action{display:flex;align-items:center;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s}.quick-action:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff;transform:translateY(-2px)}.action-icon{font-size:1.5rem}.action-text{font-size:.95rem;font-weight:500}.about{width:100%}.about__hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-10) var(--container-padding);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.about__hero-logo{width:200px;height:auto;margin-bottom:var(--space-5);border-radius:var(--radius-lg)}.about__hero-tagline{font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.about__hero-title{font-size:var(--text-5xl);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-5);max-width:700px;color:var(--color-text)}.about__hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;line-height:1.7;margin-bottom:var(--space-7)}.about__hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.about__btn{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.about__btn--primary{background:var(--color-text);color:var(--color-bg)}.about__btn--primary:hover{opacity:.9}.about__btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.about__btn--secondary:hover{background:var(--color-surface-hover)}.about__section{padding:var(--space-10) var(--container-padding);max-width:var(--container-max);margin:0 auto}.about__section--alt{background:var(--color-surface);max-width:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about__section--alt .about__section-inner{max-width:var(--container-max);margin:0 auto}.about__section-header{text-align:center;margin-bottom:var(--space-8)}.about__section-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3);display:block}.about__section-title{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-4);color:var(--color-text)}.about__section-text{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.about__split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.about__split-title{font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-5);color:var(--color-text)}.about__split-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.about__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.about__value-card{padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.about__value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.about__value-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.about__value-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.about__value-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.about__steps{display:flex;flex-direction:column;gap:var(--space-4);max-width:700px;margin:0 auto}.about__step{display:grid;grid-template-columns:60px 1fr;gap:var(--space-5);padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.about__step-number{font-size:var(--text-2xl);font-weight:600;color:var(--color-accent);display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border-radius:var(--radius-md);height:56px}.about__step-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.about__step-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.about__cta{text-align:center;padding:var(--space-9);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-xl);margin:var(--space-10) var(--container-padding);max-width:var(--container-max);margin-left:auto;margin-right:auto}.about__cta-title{font-size:var(--text-3xl);font-weight:500;margin-bottom:var(--space-4);color:var(--color-bg)}.about__cta-text{font-size:var(--text-base);color:var(--color-bg);opacity:.8;max-width:500px;margin:0 auto var(--space-6);line-height:1.7}.about__cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.about__cta .about__btn--primary{background:var(--color-bg);color:var(--color-text)}.about__cta .about__btn--secondary{color:var(--color-bg);border-color:#ffffff4d}.about__cta .about__btn--secondary:hover{background:#ffffff1a}@media (max-width: 1024px){.about__values-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about__hero{min-height:auto;padding:var(--space-8) var(--container-padding)}.about__hero-title{font-size:var(--text-3xl)}.about__section{padding:var(--space-8) var(--container-padding)}.about__split{grid-template-columns:1fr;gap:var(--space-6)}.about__step{grid-template-columns:1fr}.about__step-number{width:56px}.about__cta{margin:var(--space-8) var(--container-padding);padding:var(--space-7)}.about__cta-title{font-size:var(--text-2xl)}}@media (prefers-reduced-motion: reduce){.about__value-card{transition:none}}.contact-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.contact-page__container{max-width:var(--container-max);margin:0 auto}.contact-hero{margin-bottom:var(--space-8)}.contact-hero h1{font-size:var(--text-4xl);font-weight:500;letter-spacing:-.03em;color:var(--color-text)}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-10);align-items:start}.contact-info-section{padding-right:var(--space-6)}.contact-info-section h2{font-size:var(--text-xl);font-weight:500;letter-spacing:-.01em;margin-bottom:var(--space-4);color:var(--color-text)}.contact-info-section>p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-7)}.contact-details{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-8)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-4)}.contact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.contact-icon svg{width:20px;height:20px}.contact-item h4{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.contact-item a,.contact-item p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.contact-item a{transition:color var(--duration-fast) var(--ease-out)}.contact-item a:hover{color:var(--color-text)}.social-section{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.social-section h4{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.social-icons{display:flex;gap:var(--space-3)}.social-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.social-icons a:hover{color:var(--color-text);background:var(--color-surface-hover)}.social-icons svg{width:18px;height:18px}.contact-form-section{background:var(--color-surface);padding:var(--space-7);border-radius:var(--radius-lg)}.contact-form-section h2{font-size:var(--text-lg);font-weight:500;letter-spacing:-.01em;margin-bottom:var(--space-6);color:var(--color-text)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:hover,.form-group textarea:hover{background:var(--color-bg)}.form-group input:focus,.form-group textarea:focus{outline:none;background:var(--color-bg);border-color:var(--color-border-strong)}.form-group textarea{min-height:140px;resize:vertical;line-height:1.6}.submit-btn{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);margin-top:var(--space-2)}.submit-btn:hover{opacity:.9}.submit-btn:active{transform:scale(.99)}.success-message{text-align:center;padding:var(--space-8) var(--space-4)}.success-message svg{margin-bottom:var(--space-4)}.success-message h3{font-size:var(--text-xl);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.success-message p{font-size:var(--text-base);color:var(--color-text-secondary)}@media (max-width: 900px){.contact-content{grid-template-columns:1fr;gap:var(--space-8)}.contact-info-section{padding-right:0;order:2}.contact-form-section{order:1}}@media (max-width: 768px){.contact-page{padding:var(--space-5) var(--container-padding) var(--space-8)}.contact-hero h1{font-size:var(--text-3xl)}.contact-form-section{padding:var(--space-5)}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4)}}@media (max-width: 320px){.contact-page{padding:var(--space-4) var(--container-padding) var(--space-6)}.contact-hero{margin-bottom:var(--space-5)}.contact-hero h1{font-size:var(--text-2xl)}.contact-content{gap:var(--space-6)}.contact-info-section h2{font-size:var(--text-lg)}.contact-info-section>p{font-size:var(--text-sm);margin-bottom:var(--space-5)}.contact-details{gap:var(--space-4);margin-bottom:var(--space-6)}.contact-icon{width:38px;height:38px}.contact-icon svg{width:16px;height:16px}.contact-item{gap:var(--space-3)}.social-icons a{width:36px;height:36px}.contact-form-section{padding:var(--space-4)}.contact-form-section h2{font-size:var(--text-base);margin-bottom:var(--space-4)}.contact-form{gap:var(--space-4)}.form-group input,.form-group textarea{padding:var(--space-3);font-size:var(--text-sm)}.form-group textarea{min-height:100px}.submit-btn{padding:var(--space-3);font-size:var(--text-sm)}}.policy-page{max-width:800px;margin:0 auto;padding:var(--space-8) var(--container-padding) var(--space-10)}.policy-page__header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);position:relative}.policy-page__header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-full)}.policy-page__title{font-size:var(--text-4xl);font-weight:600;letter-spacing:-.03em;margin-bottom:var(--space-3);color:var(--color-text);line-height:1.1}.policy-page__updated{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em}.policy-page__content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.policy-page__content section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.policy-page__content section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.policy-page__content h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text);letter-spacing:-.01em}.policy-page__content p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.policy-page__content p:last-child{margin-bottom:0}.policy-page__content ul,.policy-page__content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.policy-page__content li{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-2);position:relative}.policy-page__content ul li{list-style-type:none}.policy-page__content ul li:before{content:"";position:absolute;left:-1.25rem;top:.7rem;width:6px;height:6px;background:var(--color-accent);border-radius:var(--radius-full)}.policy-page__content ol li{list-style-type:decimal}.policy-page__content a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-out);border-bottom:1px solid transparent}.policy-page__content a:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.policy-page__content strong{font-weight:600;color:var(--color-text)}.policy-page__contact{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.policy-page__contact p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.policy-page__contact-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.policy-page__contact-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.policy-table-wrapper{margin:var(--space-5) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.policy-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.policy-table thead{background:var(--color-surface)}.policy-table th{padding:var(--space-4) var(--space-5);text-align:left;font-weight:600;color:var(--color-text);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.policy-table td{padding:var(--space-4) var(--space-5);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:middle}.policy-table tbody tr:last-child td{border-bottom:none}.policy-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.policy-table tbody tr:hover{background:var(--color-surface)}.policy-table__highlight{font-weight:600;color:var(--color-accent)}.policy-table__note{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.policy-table strong{color:var(--color-accent);font-weight:600}.faq-page{max-width:800px;margin:0 auto;padding:var(--space-8) var(--container-padding) var(--space-10)}.faq-page__header{text-align:center;margin-bottom:var(--space-8);position:relative}.faq-page__header:after{content:"";position:absolute;bottom:-var(--space-4);left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-full)}.faq-page__title{font-size:var(--text-4xl);font-weight:600;letter-spacing:-.03em;margin-bottom:var(--space-4);color:var(--color-text);line-height:1.1}.faq-page__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.faq-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.faq-item:hover{border-color:var(--color-border-strong)}.faq-item--open{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.faq-item__question{width:100%;padding:var(--space-5) var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);background:none;border:none;font-size:var(--text-base);font-weight:500;color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.faq-item__question:hover{background:var(--color-surface)}.faq-item__question span:first-child{flex:1;line-height:1.5}.faq-item__icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:transform var(--duration-base) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.faq-item--open .faq-item__icon{transform:rotate(180deg);background:var(--color-accent);color:var(--color-text-inverse)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.faq-item--open .faq-item__answer{max-height:500px}.faq-item__answer-inner{padding:0 var(--space-5) var(--space-5);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:0}.faq-page__contact{margin-top:var(--space-10);padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);text-align:center}.faq-page__contact p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.faq-page__contact-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.faq-page__contact-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.policy-page,.faq-page{padding:var(--space-6) var(--container-padding) var(--space-8)}.policy-page__title,.faq-page__title{font-size:var(--text-3xl)}.faq-page__subtitle{font-size:var(--text-base)}.policy-page__content{padding:var(--space-6);border-radius:var(--radius-lg)}.policy-table th,.policy-table td{padding:var(--space-3) var(--space-4)}.policy-table th{font-size:.65rem}.policy-table td{font-size:var(--text-xs)}}@media (max-width: 480px){.policy-page__header,.faq-page__header{margin-bottom:var(--space-6)}.policy-page__content{padding:var(--space-5)}.policy-page__content section{margin-bottom:var(--space-5);padding-bottom:var(--space-5)}.policy-page__content h2{font-size:var(--text-lg)}.policy-page__content p,.policy-page__content li{font-size:var(--text-sm);line-height:1.7}.policy-table-wrapper{margin:var(--space-4) calc(-1 * var(--space-5));border-radius:0;border-left:none;border-right:none}.policy-table th,.policy-table td{padding:var(--space-3)}.faq-item__question{padding:var(--space-4);font-size:var(--text-sm)}.faq-item__icon{width:24px;height:24px}.faq-item__icon svg{width:16px;height:16px}.faq-item__answer-inner{padding:0 var(--space-4) var(--space-4);padding-top:var(--space-3);font-size:var(--text-sm)}.faq-page__contact{padding:var(--space-6);margin-top:var(--space-8)}.faq-page__contact p{font-size:var(--text-base)}.policy-page__contact-link,.faq-page__contact-link{width:100%;justify-content:center}}@media (max-width: 320px){.policy-page,.faq-page{padding:var(--space-4) var(--container-padding) var(--space-6)}.policy-page__title,.faq-page__title{font-size:var(--text-2xl)}.policy-page__updated{font-size:var(--text-xs)}.faq-page__subtitle{font-size:var(--text-sm)}.policy-page__content{padding:var(--space-4)}.policy-page__content h2{font-size:var(--text-base);margin-bottom:var(--space-3)}.policy-page__content ul,.policy-page__content ol{padding-left:var(--space-4)}.policy-page__contact,.faq-page__contact{padding:var(--space-5)}.faq-list{gap:var(--space-2)}.faq-item__question{padding:var(--space-3);gap:var(--space-2)}.faq-item__answer-inner{padding:0 var(--space-3) var(--space-3)}}@media (prefers-reduced-motion: reduce){.faq-item__answer,.faq-item__icon,.faq-item,.policy-page__contact-link,.faq-page__contact-link{transition:none}}.order-lookup-page{min-height:100vh;padding:var(--space-8) var(--container-padding) var(--space-12);background:var(--color-bg)}.order-lookup-container{max-width:600px;margin:0 auto}.order-lookup-page h1{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--color-text);text-align:center}.order-lookup-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-8)}.order-lookup-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.order-lookup-form .form-group{margin-bottom:var(--space-5)}.order-lookup-form .form-group:last-of-type{margin-bottom:var(--space-4)}.order-lookup-form label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.order-lookup-form input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out)}.order-lookup-form input:focus{outline:none;border-color:var(--color-accent)}.order-lookup-form input::placeholder{color:var(--color-text-muted)}.lookup-error{padding:var(--space-3);background:#dc26261a;border-radius:var(--radius-md);color:#dc2626;font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center}.lookup-submit-btn{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.lookup-submit-btn:hover{opacity:.9}.lookup-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-hint{text-align:center;margin-bottom:var(--space-8)}.login-hint p{font-size:var(--text-sm);color:var(--color-text-muted)}.login-hint a{color:var(--color-accent);text-decoration:underline}.login-hint a:hover{opacity:.8}.order-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.order-header-info h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.order-status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status--delivered{background:#22c55e26;color:#16a34a}.status--shipped{background:#3b82f626;color:#2563eb}.status--processing{background:#eab30826;color:#ca8a04}.status--pending{background:var(--color-surface-hover);color:var(--color-text-secondary)}.status--failed{background:#dc262626;color:#dc2626}.shipping-info{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.shipping-info h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.shipping-info p{font-size:var(--text-base);color:var(--color-text);line-height:1.5}.tracking-section{padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-accent-subtle)}.tracking-section h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.tracking-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.tracking-item:last-child{margin-bottom:0}.tracking-provider{display:flex;justify-content:space-between;align-items:center}.provider-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-transform:capitalize}.tracking-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.tracking-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.tracking-label{color:var(--color-text-muted)}.tracking-link{color:var(--color-accent);text-decoration:underline}.tracking-carrier{color:var(--color-text-muted);font-size:var(--text-xs)}.order-items-section{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.order-items-section h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.order-items-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-item{display:flex;gap:var(--space-4);align-items:flex-start}.order-item-image{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface-hover);flex-shrink:0}.order-item-details{flex:1;min-width:0}.order-item-details h4{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-options{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.order-item-price{font-size:var(--text-sm);font-weight:600;color:var(--color-text);flex-shrink:0}.order-total-section{padding:var(--space-5)}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.total-amount{color:var(--color-accent)}.last-updated{text-align:center;padding:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.no-results{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}@media (max-width: 640px){.order-lookup-page{padding:var(--space-6) var(--container-padding) var(--space-10)}.order-lookup-page h1{font-size:var(--text-2xl)}.order-lookup-form{padding:var(--space-5)}.order-header{flex-direction:column;gap:var(--space-3)}.order-item{gap:var(--space-3)}.order-item-image{width:56px;height:56px}.tracking-details{flex-direction:column;align-items:flex-start}}.order-confirmation{width:100%;min-height:calc(100vh - 200px);padding:var(--space-6) var(--container-padding) var(--space-10)}.order-confirmation__container{max-width:800px;margin:0 auto}.confirmation-header{text-align:center;padding:var(--space-8) 0}.confirmation-icon{width:80px;height:80px;border-radius:50%;background:var(--color-success, #28a745);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);animation:checkmark .5s ease-out}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.confirmation-header h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.confirmation-number{font-size:var(--text-lg);color:var(--color-text-secondary);font-family:SF Mono,monospace;margin-bottom:var(--space-2)}.confirmation-email{font-size:var(--text-sm);color:var(--color-text-muted)}.confirmation-status{background:var(--color-bg-elevated, #f9f9f9);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);text-align:center}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.status-badge--processing{background:#0c64781a;color:var(--color-accent, #0c6478)}.status-message{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.confirmation-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.confirmation-details{background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.details-section{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.details-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.details-section h2{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.details-section p{font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.delivery-estimate{margin-top:var(--space-1);color:var(--color-accent, #0c6478);font-weight:500}.confirmation-items{background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.confirmation-items h2{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.items-list{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.confirmation-item{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.confirmation-item:last-child{border-bottom:none}.confirmation-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface)}.item-details{flex:1}.item-price{font-size:var(--text-sm);font-weight:500}.order-totals{display:flex;flex-direction:column;gap:var(--space-2)}.total-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.total-row--discount{color:var(--color-success, #28a745)}.total-row--final{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.confirmation-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.btn-primary{padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);font-weight:500;font-size:var(--text-sm);transition:opacity .2s ease}.btn-primary:hover{opacity:.9}.btn-secondary{padding:var(--space-3) var(--space-6);background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-full);font-weight:500;font-size:var(--text-sm);transition:background-color .2s ease}.confirmation-support{background:var(--color-surface, #f5f5f5);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.confirmation-support h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.support-links{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.support-links a{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color .2s ease}.support-links a:hover{color:var(--color-accent, #0c6478)}.order-confirmation__error{text-align:center;padding:var(--space-10)}.order-confirmation__error h1{font-size:var(--text-xl);margin-bottom:var(--space-3)}.order-confirmation__error p{color:var(--color-text-secondary);margin-bottom:var(--space-5)}@media (max-width: 768px){.confirmation-content{grid-template-columns:1fr}.confirmation-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px;text-align:center}.support-links{flex-direction:column;gap:var(--space-3)}}.tracking-timeline{padding:var(--space-4) 0}.timeline-steps{display:flex;justify-content:space-between;position:relative;padding:0 var(--space-4)}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);background:var(--color-bg);transition:all .3s ease;z-index:1}.step-icon{font-size:16px}.step-content{margin-top:var(--space-2);text-align:center}.step-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);display:block}.step-date{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.step-connector{position:absolute;top:20px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--color-border);z-index:0}.timeline-step--completed .step-indicator{background:var(--color-success, #28a745);border-color:var(--color-success, #28a745);color:#fff}.timeline-step--completed .step-label{color:var(--color-success, #28a745)}.step-connector--completed{background:var(--color-success, #28a745)}.timeline-step--current .step-indicator{background:var(--color-accent, #0c6478);border-color:var(--color-accent, #0c6478);color:#fff;animation:pulse 2s infinite}.timeline-step--current .step-label{color:var(--color-text);font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 #0c647866}50%{box-shadow:0 0 0 8px #0c647800}}.timeline-step--upcoming .step-indicator,.timeline-step--upcoming .step-label{opacity:.5}.timeline-message{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface, #f9f9f9);border-radius:var(--radius-md);text-align:center}.timeline-message p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}@media (max-width: 640px){.timeline-steps{padding:0}.step-indicator{width:32px;height:32px}.step-icon{font-size:14px}.step-label{font-size:10px}.step-connector{top:16px;left:calc(50% + 16px);right:calc(-50% + 16px)}}.order-details{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.order-details__container{max-width:900px;margin:0 auto}.order-details__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.back-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color .2s ease}.back-link:hover{color:var(--color-accent)}.order-header-info h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-1)}.order-date{font-size:var(--text-sm);color:var(--color-text-muted)}.order-status-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-transform:capitalize}.status--delivered{background:#d4edda;color:#155724}.status--shipped{background:#cce5ff;color:#004085}.status--processing{background:#fff3cd;color:#856404}.status--pending{background:#e2e3e5;color:#383d41}.status--cancelled{background:#f8d7da;color:#721c24}.order-section{background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.order-section h2{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-header h2{margin-bottom:0}.refresh-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tracking-info{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.tracking-info h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.tracking-item{padding:var(--space-3);background:var(--color-surface, #f9f9f9);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.tracking-provider{font-weight:500;display:block;margin-bottom:var(--space-1)}.tracking-number{font-size:var(--text-sm);color:var(--color-text-secondary)}.tracking-number a{color:var(--color-accent);font-family:monospace}.carrier{color:var(--color-text-muted)}.order-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.order-item{display:flex;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface, #f9f9f9);border-radius:var(--radius-md)}.order-item img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md)}.item-info{flex:1}.item-info h4{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.item-options{font-size:var(--text-xs);color:var(--color-text-secondary)}.item-qty{font-size:var(--text-xs);color:var(--color-text-muted)}.item-price{font-weight:500;font-size:var(--text-sm)}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}address{font-style:normal;font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.order-summary-details{display:flex;flex-direction:column;gap:var(--space-2)}.summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.summary-row.discount{color:var(--color-success, #28a745)}.summary-row.total{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.order-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-6)}.action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:opacity .2s ease}.action-btn:hover{opacity:.9}.action-btn--secondary{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text)}.action-btn--secondary:hover{background:var(--color-surface);opacity:1}.order-details__error{text-align:center;padding:var(--space-10)}@media (max-width: 768px){.order-details-grid{grid-template-columns:1fr}.order-details__header{flex-direction:column;align-items:flex-start}.order-actions{flex-direction:column}.action-btn{justify-content:center}}.returns-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.returns-container{max-width:700px;margin:0 auto}.returns-page h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.returns-policy-summary{background:var(--color-surface, #f9f9f9);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.returns-policy-summary p{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.returns-policy-summary a{font-size:var(--text-sm);color:var(--color-accent)}.returns-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#f8d7da;color:#721c24;border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm)}.returns-form{background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.returns-form h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.step-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}.items-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.return-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.return-item:hover{border-color:var(--color-accent)}.return-item--selected{border-color:var(--color-accent);background:#0c64780d}.return-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent)}.return-item img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md)}.item-details h4{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.item-options,.item-qty{font-size:var(--text-xs);color:var(--color-text-muted)}.reason-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.reason-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.reason-option:hover{border-color:var(--color-accent)}.reason-option--selected{border-color:var(--color-accent);background:#0c64780d}.reason-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent)}.exchange-option{padding:var(--space-4);background:var(--color-surface, #f9f9f9);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-accent)}.return-summary{background:var(--color-surface, #f9f9f9);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.return-summary h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.summary-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.summary-details{margin-top:var(--space-4)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm)}.detail-row span:first-child{color:var(--color-text-muted)}.return-notice{display:flex;gap:var(--space-3);padding:var(--space-4);background:#fff3cd;border-radius:var(--radius-md);margin-bottom:var(--space-5)}.return-notice svg{flex-shrink:0;color:#856404}.return-notice p{margin:0;font-size:var(--text-sm);color:#856404}.step-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.btn-primary{padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-weight:500;cursor:pointer;transition:opacity .2s ease}.btn-secondary{padding:var(--space-3) var(--space-6);background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-full);font-weight:500;cursor:pointer}.returns-success{text-align:center;padding:var(--space-8) 0}.returns-success .success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-success, #28a745);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.returns-success h1{margin-bottom:var(--space-3)}.returns-success>p{color:var(--color-text-secondary);margin-bottom:var(--space-2)}@media (max-width: 640px){.step-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.success-actions{flex-direction:column}}.delivery-issues{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.delivery-issues__container{max-width:900px;margin:0 auto}.delivery-issues h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.page-description{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.order-context{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-6)}.issue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.issue-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left}.issue-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.issue-icon{font-size:2rem;margin-bottom:var(--space-3)}.issue-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.issue-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.issue-detail{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.back-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-5);padding:0}.back-btn:hover{color:var(--color-accent)}.issue-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.issue-icon-large{font-size:3rem}.issue-header h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.issue-header p{color:var(--color-text-secondary)}.issue-content section{margin-bottom:var(--space-6)}.issue-content h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.steps-list{margin:0;padding-left:var(--space-5)}.steps-list li{margin-bottom:var(--space-2);color:var(--color-text-secondary);line-height:1.6}.action-section p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.action-buttons{display:flex;gap:var(--space-4)}.btn-primary{padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-weight:500;text-decoration:none}.btn-secondary{padding:var(--space-3) var(--space-5);background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-full);font-weight:500;text-decoration:none}.track-section{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md)}.track-section p{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.track-link{color:var(--color-accent);font-weight:500}.help-footer{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.help-footer h3{font-size:var(--text-base);margin-bottom:var(--space-4)}.help-links{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.help-links a{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);transition:color .2s ease}.help-links a:hover{color:var(--color-accent)}@media (max-width: 640px){.issue-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.help-links{flex-direction:column;gap:var(--space-3)}}.file-uploader{width:100%}.file-uploader__dropzone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg)}.file-uploader__dropzone:hover:not(.file-uploader__dropzone--disabled){border-color:var(--color-accent);background:#0c647805}.file-uploader__dropzone--dragging{border-color:var(--color-accent);background:#0c64780d;border-style:solid}.file-uploader__dropzone--disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface)}.file-uploader__input{display:none}.file-uploader__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.file-uploader__icon{color:var(--color-text-muted)}.file-uploader__dropzone:hover:not(.file-uploader__dropzone--disabled) .file-uploader__icon,.file-uploader__dropzone--dragging .file-uploader__icon{color:var(--color-accent)}.file-uploader__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.file-uploader__text--highlight{color:var(--color-accent);font-weight:500}.file-uploader__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.file-uploader__errors{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.file-uploader__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#f8d7da;color:#721c24;border-radius:var(--radius-md);font-size:var(--text-xs);margin:0}.file-uploader__error svg{flex-shrink:0}.file-uploader__previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.file-preview{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.file-preview--error{border-color:#dc3545}.file-preview--complete{border-color:var(--color-success, #28a745)}.file-preview__image-container{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-surface)}.file-preview__image{width:100%;height:100%;object-fit:cover}.file-preview__progress{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009}.file-preview__progress-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--color-accent);transition:width .2s ease}.file-preview__progress-text{color:#fff;font-size:var(--text-sm);font-weight:600}.file-preview__status{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.file-preview__status--success{background:var(--color-success, #28a745);color:#fff}.file-preview__status--error{background:#dc3545;color:#fff}.file-preview__info{padding:var(--space-2)}.file-preview__name{font-size:var(--text-xs);font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text)}.file-preview__size{font-size:10px;color:var(--color-text-muted);margin:var(--space-1) 0 0}.file-preview__remove{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background:#0009;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease;padding:0}.file-preview__remove:hover{background:#000c}.file-uploader__count{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}@media (max-width: 640px){.file-uploader__dropzone{padding:var(--space-6) var(--space-4)}.file-uploader__previews{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}.report-issue-page{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10);min-height:calc(100vh - 200px)}.report-issue-container{max-width:700px;margin:0 auto}.report-issue-page h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.report-issue-intro{background:var(--color-surface, #f9f9f9);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.report-issue-intro p{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.report-issue-intro a{font-size:var(--text-sm);color:var(--color-accent)}.report-issue-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#f8d7da;color:#721c24;border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm)}.report-issue-form{background:var(--color-bg-elevated, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.form-group{margin-bottom:var(--space-6)}.form-group:last-of-type{margin-bottom:var(--space-5)}.form-group>label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.form-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.form-group input[type=text],.form-group input[type=tel],.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.issue-type-options{display:flex;flex-direction:column;gap:var(--space-2)}.issue-type-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm)}.issue-type-option:hover{border-color:var(--color-accent)}.issue-type-option--selected{border-color:var(--color-accent);background:#0c64780d}.issue-type-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent)}.resolution-options{display:flex;flex-direction:column;gap:var(--space-2)}.resolution-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm)}.resolution-option:hover{border-color:var(--color-accent)}.resolution-option--selected{border-color:var(--color-accent);background:#0c64780d}.resolution-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent)}.form-actions{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.btn-large{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-weight:500;cursor:pointer;transition:opacity .2s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:var(--space-3) var(--space-6);background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-full);font-weight:500;cursor:pointer;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--color-surface)}.report-issue-auth-required{text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.report-issue-auth-required svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.report-issue-auth-required h1{margin-bottom:var(--space-3)}.report-issue-auth-required>p{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.report-issue-auth-required .btn-primary{display:inline-block;padding:var(--space-3) var(--space-8);text-decoration:none}.auth-alt{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-alt a{color:var(--color-accent)}.report-issue-uploading{text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.uploading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;margin:0 auto var(--space-4);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-issue-uploading h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.report-issue-uploading p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.upload-progress-bar{width:100%;max-width:300px;height:8px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--space-4);overflow:hidden}.upload-progress-bar__fill{height:100%;background:var(--color-accent);transition:width .3s ease}.uploading-note{font-size:var(--text-xs);color:var(--color-text-muted)}.report-issue-success{text-align:center;padding:var(--space-8) 0}.report-issue-success .success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-success, #28a745);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.report-issue-success h1{margin-bottom:var(--space-3)}.report-issue-success>p{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.claim-reference{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.claim-reference__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.claim-reference__id{font-size:var(--text-xl);font-weight:600;font-family:monospace;color:var(--color-text)}.success-next-steps{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-6) 0;text-align:left}.success-next-steps h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.success-next-steps ol{margin:0;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary)}.success-next-steps li{margin-bottom:var(--space-2)}.success-actions{display:flex;gap:var(--space-4);justify-content:center}.success-actions .btn-primary,.success-actions .btn-secondary{padding:var(--space-3) var(--space-6);text-decoration:none}@media (max-width: 640px){.report-issue-form{padding:var(--space-5)}.issue-type-option,.resolution-option{padding:var(--space-3)}.success-actions{flex-direction:column}.success-actions .btn-primary,.success-actions .btn-secondary{width:100%;text-align:center}}.size-guide{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.size-guide__container{max-width:900px;margin:0 auto}.size-guide h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.category-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.category-tab:hover{border-color:var(--color-accent)}.category-tab--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tab-icon{font-size:1.25rem}.size-chart-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.size-chart-section h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.chart-description{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.size-table-wrapper{overflow-x:auto;margin-bottom:var(--space-5)}.size-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.size-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-surface);font-weight:600;border-bottom:2px solid var(--color-border)}.size-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.size-table tr:hover{background:var(--color-surface)}.size-col{font-weight:600;color:var(--color-accent)}.size-tips{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md)}.size-tips h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.size-tips ul{margin:0;padding-left:var(--space-5)}.size-tips li{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.how-to-measure{margin-bottom:var(--space-6)}.how-to-measure h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.section-description{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.measurement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.measurement-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.measurement-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);color:var(--color-accent)}.measurement-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.size-guide-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.info-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5)}.info-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.info-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.6}.info-link{color:var(--color-accent);font-weight:500;font-size:var(--text-sm)}@media (max-width: 640px){.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2)}.category-tab{white-space:nowrap}}.gift-cards{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.gift-cards__container{max-width:800px;margin:0 auto}.gift-cards__header{text-align:center;margin-bottom:var(--space-8)}.gift-cards h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.page-description{color:var(--color-text-secondary)}.balance-checker{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.balance-checker h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.balance-form{margin-bottom:var(--space-4)}.input-group{display:flex;gap:var(--space-3)}.gift-card-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);font-family:SF Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.gift-card-input:focus{outline:none;border-color:var(--color-accent)}.check-btn{padding:var(--space-3) var(--space-5);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;white-space:nowrap}.check-btn:hover:not(:disabled){opacity:.9}.check-btn:disabled{opacity:.5;cursor:not-allowed}.balance-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f8d7da;color:#721c24;border-radius:var(--radius-md);font-size:var(--text-sm)}.balance-result{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#d4edda;border-radius:var(--radius-md)}.balance-icon{width:48px;height:48px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.balance-details{flex:1}.balance-label{display:block;font-size:var(--text-sm);color:#155724;margin-bottom:var(--space-1)}.balance-amount{font-size:var(--text-2xl);font-weight:700;color:#155724}.balance-expires{font-size:var(--text-sm);color:#155724;opacity:.8}.how-to-use{margin-bottom:var(--space-6)}.how-to-use h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-5)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.step-card{text-align:center;padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent);color:#fff;border-radius:50%;font-weight:600;margin-bottom:var(--space-3)}.step-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.step-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.gift-card-faq{margin-bottom:var(--space-6)}.gift-card-faq h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item summary{padding:var(--space-4);font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.25rem;color:var(--color-text-muted)}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.faq-item a{color:var(--color-accent)}.gift-card-help{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.gift-card-help h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.gift-card-help p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.help-link{color:var(--color-accent);font-weight:500}@media (max-width: 640px){.input-group{flex-direction:column}.check-btn{width:100%}.steps-grid{grid-template-columns:1fr}.balance-result{flex-direction:column;text-align:center}}.preferences{width:100%;padding:var(--space-6) var(--container-padding) var(--space-10)}.preferences__container{max-width:700px;margin:0 auto}.preferences h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.page-description{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.preferences-success{padding:var(--space-4);background:#d4edda;color:#155724;border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm)}.preferences-error{padding:var(--space-4);background:#f8d7da;color:#721c24;border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm)}.pref-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.section-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.section-icon{width:48px;height:48px;background:var(--color-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.section-header h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.section-header p{font-size:var(--text-sm);color:var(--color-text-muted)}.pref-options{display:flex;flex-direction:column;gap:var(--space-4)}.pref-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;cursor:pointer;border-bottom:1px solid var(--color-border)}.pref-option:last-child{border-bottom:none}.option-info{flex:1}.option-label{display:block;font-weight:500;margin-bottom:var(--space-1);color:var(--color-text)}.option-desc{display:block;font-size:var(--text-sm);color:var(--color-text-muted)}.pref-option input[type=checkbox]{display:none}.toggle-switch{position:relative;width:48px;height:28px;background:var(--color-border-strong);border-radius:14px;transition:background-color .3s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.pref-option input:checked+.toggle-switch{background:var(--color-accent)}.pref-option input:checked+.toggle-switch:after{transform:translate(20px)}.sms-notice{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted)}.pref-actions{margin-top:var(--space-6)}.save-btn{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:opacity .2s ease}.save-btn:hover:not(:disabled){opacity:.9}@media (max-width: 640px){.pref-section{padding:var(--space-4)}.section-header{flex-direction:column;text-align:center}.section-icon{margin:0 auto}.pref-option{flex-direction:column;gap:var(--space-3);text-align:center}}.address-form{display:flex;flex-direction:column;gap:1rem}.form-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.three-col{grid-template-columns:2fr 1fr 1fr}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary, #374151)}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid var(--border, #d1d5db);border-radius:.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.form-group input.error,.form-group select.error{border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #dc26261a}.form-group input::placeholder{color:var(--text-muted, #9ca3af)}.form-group input:disabled,.form-group select:disabled{background:var(--surface, #f3f4f6);cursor:not-allowed;opacity:.7}.field-error{font-size:.75rem;color:#dc2626}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #4b5563)}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary, #6366f1);cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border, #e5e7eb)}.form-actions button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.form-actions .cancel-btn{background:transparent;border:1px solid var(--border, #d1d5db);color:var(--text-secondary, #6b7280)}.form-actions .cancel-btn:hover:not(:disabled){background:var(--surface, #f3f4f6);border-color:var(--text-muted, #9ca3af)}.form-actions .save-btn{background:var(--primary, #6366f1);border:none;color:#fff}.form-actions .save-btn:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}.form-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.form-row,.form-row.three-col{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.address-book-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:60vh}.address-book-header{margin-bottom:2rem}.address-book-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin-bottom:.5rem}.address-book-header p{color:var(--text-secondary, #6b7280);font-size:1rem}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.125rem;color:var(--text-secondary, #6b7280)}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#dc2626}.add-address-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary, #6366f1);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-bottom:2rem}.add-address-btn:hover{background:var(--primary-dark, #4f46e5)}.no-addresses{text-align:center;padding:3rem;background:var(--surface, #f8fafc);border-radius:1rem;color:var(--text-secondary, #6b7280)}.no-addresses p{margin:.5rem 0}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.address-card{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:.75rem;padding:1.5rem;position:relative;transition:box-shadow .2s,border-color .2s}.address-card:hover{box-shadow:0 4px 12px #00000014}.address-card.default{border-color:var(--primary, #6366f1);background:linear-gradient(to bottom,#6366f105,#fff)}.default-badge{position:absolute;top:1rem;right:1rem;background:var(--primary, #6366f1);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.address-label{display:inline-block;background:var(--surface, #f3f4f6);color:var(--text-secondary, #6b7280);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.address-details{margin-bottom:1.25rem}.address-details p{margin:.25rem 0;color:var(--text-secondary, #4b5563);font-size:.9375rem;line-height:1.5}.address-details .name{font-weight:600;color:var(--text-primary, #1a1a2e);font-size:1rem}.address-details .company{color:var(--text-muted, #9ca3af);font-style:italic}.address-details .phone{color:var(--text-muted, #9ca3af);font-size:.875rem;margin-top:.5rem}.address-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border, #e5e7eb)}.address-actions button{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.address-actions .edit-btn{background:var(--surface, #f3f4f6);border:1px solid var(--border, #e5e7eb);color:var(--text-primary, #1a1a2e)}.address-actions .edit-btn:hover:not(:disabled){background:var(--border, #e5e7eb)}.address-actions .default-btn{background:transparent;border:1px solid var(--primary, #6366f1);color:var(--primary, #6366f1)}.address-actions .default-btn:hover:not(:disabled){background:#6366f11a}.address-actions .delete-btn{background:transparent;border:1px solid #dc2626;color:#dc2626}.address-actions .delete-btn:hover:not(:disabled){background:#dc26261a}.address-actions button:disabled{opacity:.5;cursor:not-allowed}.address-form-container{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:1rem;padding:2rem;max-width:600px}.address-form-container h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:1.5rem}@media (max-width: 768px){.address-book-page{padding:1rem}.address-book-header h1{font-size:1.5rem}.addresses-grid{grid-template-columns:1fr}.address-actions{flex-direction:column}.address-actions button{width:100%}}.profile-settings{width:100%;min-height:70vh;padding:2rem var(--container-padding, 1rem);background:var(--color-surface, #f8fafc)}.profile-settings__container{max-width:1100px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1a1a2e);margin-bottom:.5rem}.settings-header p{color:var(--color-text-secondary, #6b7280)}.settings-message{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.settings-message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.settings-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:2rem}.settings-nav{display:flex;flex-direction:column;gap:.25rem;background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;padding:.5rem;height:fit-content;position:sticky;top:100px}.settings-nav button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:.5rem;color:var(--color-text-secondary, #6b7280);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.settings-nav button:hover{background:var(--color-surface, #f8fafc);color:var(--color-text, #1a1a2e)}.settings-nav button.active{background:var(--color-accent, #6366f1);color:#fff}.settings-nav button.danger:not(.active){color:#dc2626}.settings-nav button.danger:hover:not(.active){background:#fef2f2}.settings-nav button.danger.active{background:#dc2626}.settings-content{background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;padding:2rem}.settings-section h2{font-size:1.25rem;font-weight:600;color:var(--color-text, #1a1a2e);margin-bottom:.25rem}.section-description{color:var(--color-text-secondary, #6b7280);font-size:.9375rem;margin-bottom:1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.25rem;max-width:400px}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text, #374151)}.form-group input{padding:.75rem 1rem;border:1px solid var(--color-border, #d1d5db);border-radius:.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px #6366f11a}.form-group input.disabled-input{background:var(--color-surface, #f3f4f6);cursor:not-allowed;color:var(--color-text-secondary, #6b7280)}.field-note{font-size:.75rem;color:var(--color-text-muted, #9ca3af)}.save-btn{padding:.75rem 1.5rem;background:var(--color-accent, #6366f1);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;width:fit-content}.save-btn:hover:not(:disabled){background:var(--color-accent-dark, #4f46e5)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.related-links{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e5e7eb)}.related-links h3{font-size:.875rem;font-weight:600;color:var(--color-text, #374151);margin-bottom:.75rem}.related-links a{display:block;color:var(--color-accent, #6366f1);font-size:.9375rem;margin-bottom:.5rem;text-decoration:none}.related-links a:hover{text-decoration:underline}.security-card{background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.security-card-header{margin-bottom:1.25rem}.security-card-header h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.security-card-header p{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.session-info{margin-top:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem}.session-details{display:flex;flex-direction:column;gap:.25rem}.session-device{font-weight:500;font-size:.9375rem}.session-location{font-size:.8125rem;color:var(--color-text-secondary, #6b7280)}.session-badge{font-size:.75rem;background:#d1fae5;color:#065f46;padding:.25rem .5rem;border-radius:9999px}.danger-zone h2{color:#dc2626}.danger-card{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1.5rem}.danger-card-header{margin-bottom:1rem}.danger-card-header h3{font-size:1rem;font-weight:600;color:#991b1b;margin-bottom:.25rem}.danger-card-header p{font-size:.875rem;color:#7f1d1d}.delete-btn{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#b91c1c}.delete-confirm{margin-top:1rem}.delete-warning{font-weight:600;color:#991b1b;margin-bottom:.5rem}.delete-confirm ul{margin:0 0 1rem 1.5rem;font-size:.875rem;color:#7f1d1d}.delete-confirm ul li{margin-bottom:.25rem}.delete-confirm .form-group input{background:#fff;border-color:#fecaca}.delete-confirm .form-group input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.delete-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{padding:.75rem 1.5rem;background:#fff;border:1px solid var(--color-border, #d1d5db);border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--color-surface, #f3f4f6)}.confirm-delete-btn{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c}.confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-secondary, #6b7280)}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;position:static}.settings-nav button{white-space:nowrap;padding:.75rem 1rem}.settings-content{padding:1.25rem}.settings-form{max-width:none}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.main-content{flex:1;width:100%}.main-content--contained{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--container-padding)}:root{--font-display: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--text-7xl: 6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--container-wide: 1400px;--container-max: 1200px;--container-narrow: 800px;--container-xs: 600px;--container-padding: 1.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-reveal: cubic-bezier(.25, .1, .25, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-entrance: .6s;--color-bg: #FAF9F7;--color-bg-elevated: #FFFFFF;--color-surface: #F5F3F0;--color-surface-hover: #EDEAE6;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #9A9A9A;--color-text-inverse: #FFFFFF;--color-border: rgba(26, 26, 26, .08);--color-border-strong: rgba(26, 26, 26, .15);--color-accent: #0A5563;--color-accent-hover: #084754;--color-accent-subtle: rgba(10, 85, 99, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #121212;--color-bg-elevated: #1A1A1A;--color-surface: #1E1E1E;--color-surface-hover: #262626;--color-text: #F0F0F0;--color-text-secondary: #A0A0A0;--color-text-muted: #6A6A6A;--color-text-inverse: #1A1A1A;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-accent: #2A9AAE;--color-accent-hover: #3BB0C4;--color-accent-subtle: rgba(42, 154, 174, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4)}}[data-theme=dark]{--color-bg: #121212;--color-bg-elevated: #1A1A1A;--color-surface: #1E1E1E;--color-surface-hover: #262626;--color-text: #F0F0F0;--color-text-secondary: #A0A0A0;--color-text-muted: #6A6A6A;--color-text-inverse: #1A1A1A;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-accent: #2A9AAE;--color-accent-hover: #3BB0C4;--color-accent-subtle: rgba(42, 154, 174, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg: #FAF9F7;--color-bg-elevated: #FFFFFF;--color-surface: #F5F3F0;--color-surface-hover: #EDEAE6;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #9A9A9A;--color-text-inverse: #FFFFFF;--color-border: rgba(26, 26, 26, .08);--color-border-strong: rgba(26, 26, 26, .15);--color-accent: #0A5563;--color-accent-hover: #084754;--color-accent-subtle: rgba(10, 85, 99, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:1.7}a{text-decoration:none;color:inherit;transition:color var(--duration-fast) var(--ease-out)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:var(--container-narrow)}.container--xs{max-width:var(--container-xs)}.section-full{width:100%}.section-padded{padding-top:var(--space-10);padding-bottom:var(--space-10);padding-left:var(--container-padding);padding-right:var(--container-padding)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--duration-entrance) var(--ease-reveal),transform var(--duration-entrance) var(--ease-reveal)}.reveal--visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){:root{--container-padding: 1rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 4rem;--space-10: 5rem;--space-9: 4rem}.section-padded{padding-top:var(--space-8);padding-bottom:var(--space-8)}}@media (max-width: 480px){:root{--text-5xl: 2rem;--text-6xl: 2.5rem;--text-7xl: 3rem;--space-10: 4rem;--space-9: 3rem;--space-8: 2.5rem}.section-padded{padding-top:var(--space-7);padding-bottom:var(--space-7)}}@media (max-width: 375px){:root{--container-padding: .875rem;--text-4xl: 2rem;--text-5xl: 1.75rem;--text-6xl: 2rem;--text-7xl: 2.5rem}}@media (max-width: 320px){:root{--container-padding: .75rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 1.5rem;--text-6xl: 1.75rem;--text-7xl: 2rem;--space-7: 2rem;--space-6: 1.5rem}}