.header{background-color:var(--white);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;height:70px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo h1{font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:1px}.portfolio-badge{background-color:#ff6b6b;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:110}.hamburger span{display:block;width:100%;height:2px;background-color:var(--text-color);transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav{display:flex;align-items:center;gap:20px}.nav-link{font-size:15px;font-weight:500;color:var(--text-color);padding:8px 12px;transition:color .2s}.nav-link:hover{color:var(--primary-color)}.btn-signup{background-color:var(--primary-color);color:var(--white)!important;border-radius:20px;padding:8px 20px!important}.btn-signup:hover{background-color:var(--primary-dark)}.user-name{font-size:14px;color:var(--text-light)}.btn-logout{background:none;border:1px solid var(--border-color);padding:6px 16px;border-radius:4px;font-size:14px;color:var(--text-light);transition:all .2s}.btn-logout:hover{border-color:var(--primary-color);color:var(--primary-color)}.menu-overlay{display:none}@media (max-width: 768px){.header-container{height:60px;padding:0 16px}.logo h1{font-size:18px}.portfolio-badge{font-size:8px;padding:2px 6px}.hamburger{display:flex}.nav{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:80px 30px 30px;gap:0;box-shadow:-5px 0 20px #0000001a;transition:right .3s ease;z-index:105}.nav.open{right:0}.nav-link{width:100%;padding:16px 0;font-size:16px;border-bottom:1px solid #eee}.btn-signup{margin-top:20px;width:100%;text-align:center;padding:14px 20px!important;border-radius:8px}.user-name{display:block;padding:16px 0;font-size:15px;color:var(--primary-color);font-weight:600}.btn-logout{width:100%;margin-top:10px;padding:12px 16px;text-align:center;border-radius:8px}.menu-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100}}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.toast-error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.toast-info{background-color:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.toast-success .toast-icon{background-color:#43a047;color:#fff}.toast-error .toast-icon{background-color:#e53935;color:#fff}.toast-info .toast-icon{background-color:#1976d2;color:#fff}.toast-message{font-size:14px;font-weight:500}.toast-close{background:none;border:none;font-size:20px;color:inherit;opacity:.6;padding:0;margin-left:8px;line-height:1}.toast-close:hover{opacity:1}@media (max-width: 768px){.toast{top:70px;width:calc(100% - 32px);max-width:400px}}.product-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.product-image{position:relative;width:100%;height:200px;overflow:hidden;background-color:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;left:12px;background-color:var(--secondary-color);color:var(--white);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.product-info{padding:16px}.product-name{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.product-description{font-size:13px;color:var(--text-light);margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:18px;font-weight:700;color:var(--primary-color)}.product-actions{display:flex;align-items:center;gap:8px}.btn-gift{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ff6b6b;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-gift svg{width:18px;height:18px;stroke:#fff}.btn-gift:hover{background-color:#ee5a5a;transform:scale(1.05)}.btn-order{background-color:var(--primary-color);color:var(--white);border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;transition:background-color .2s}.btn-order:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.product-card:hover{transform:none}.product-image{height:160px}.badge{top:8px;left:8px;padding:3px 8px;font-size:10px}.product-info{padding:12px}.product-name{font-size:14px;margin-bottom:4px}.product-description{font-size:12px;margin-bottom:8px;-webkit-line-clamp:1}.product-price{font-size:15px}.product-actions{gap:6px}.btn-gift{width:32px;height:32px;border-radius:6px}.btn-gift svg{width:16px;height:16px}.btn-order{padding:6px 12px;font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:24px;position:relative;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:#e5e5e5}.modal-close svg{width:18px;height:18px;stroke:#666}.modal-product{display:flex;gap:16px;margin-bottom:24px;padding-top:16px}.modal-product .product-image{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0}.modal-product .product-image img{width:100%;height:100%;object-fit:cover}.modal-product .product-info{flex:1}.modal-product h3{font-size:18px;font-weight:700;color:#1d1d1f;margin-bottom:8px}.modal-product .description{font-size:14px;color:#86868b;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-product .unit-price{font-size:16px;font-weight:600;color:var(--primary-color)}.quantity-section{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f5f5f7;border-radius:12px;margin-bottom:24px}.quantity-label{font-size:16px;font-weight:600;color:#1d1d1f}.quantity-controls{display:flex;align-items:center;gap:16px}.qty-btn{width:36px;height:36px;border:none;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000001a}.qty-btn:hover:not(:disabled){background:var(--primary-color)}.qty-btn:hover:not(:disabled) svg{stroke:#fff}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn svg{width:18px;height:18px;stroke:#1d1d1f;transition:stroke .2s}.quantity-value{font-size:20px;font-weight:700;color:#1d1d1f;min-width:40px;text-align:center}.modal-footer{display:flex;flex-direction:column;gap:16px}.total-price{display:flex;justify-content:space-between;align-items:center}.total-price .label{font-size:16px;color:#86868b}.total-price .price{font-size:24px;font-weight:700;color:var(--primary-color)}.btn-confirm{width:100%;padding:16px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 480px){.modal-content{padding:20px;border-radius:16px}.modal-product .product-image{width:80px;height:80px}.modal-product h3{font-size:16px}.quantity-section{padding:16px}.total-price .price{font-size:22px}}.home{--section-padding: 120px;overflow-x:hidden}.hero-banner{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden}.banner-track{display:flex;height:100%;transition:transform .8s cubic-bezier(.25,.1,.25,1)}.banner-slide{min-width:100%;height:100%;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#00000080,#000000b3)}.banner-content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 20px;max-width:800px}.banner-eyebrow{display:inline-block;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#fffc;margin-bottom:20px}.banner-content h1{font-size:72px;font-weight:700;margin-bottom:20px;letter-spacing:-1px;line-height:1.1;text-shadow:0 4px 30px rgba(0,0,0,.3)}.banner-content p{font-size:24px;font-weight:400;margin-bottom:40px;opacity:.9;line-height:1.5}.btn-cta{display:inline-flex;align-items:center;gap:10px;background-color:#fff;color:#1d1d1f;border:none;padding:18px 40px;font-size:18px;font-weight:600;border-radius:980px;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1)}.btn-cta:hover{transform:scale(1.05);box-shadow:0 8px 30px #0000004d}.btn-cta svg{width:20px;height:20px;transition:transform .3s}.btn-cta:hover svg{transform:translate(4px)}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.banner-controls{position:absolute;bottom:140px;left:50%;transform:translate(-50%);z-index:3}.banner-dots{display:flex;gap:12px}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s;padding:0}.dot:hover{background:#ffffffb3}.dot.active{background:#fff;transform:scale(1.2)}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff9;font-size:11px;letter-spacing:2px;text-transform:uppercase;z-index:3}.scroll-line{width:1px;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}.brand-story{padding:var(--section-padding) 20px;background:#f5f5f7}.brand-story .container{max-width:1000px;margin:0 auto}.story-content{text-align:center;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.story-content.visible{opacity:1;transform:translateY(0)}.section-eyebrow{display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;color:var(--primary-color);margin-bottom:20px}.story-content h2{font-size:56px;font-weight:700;line-height:1.2;color:#1d1d1f;margin-bottom:24px}.story-content h2 .highlight{background:linear-gradient(135deg,var(--primary-color),#8B4513);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-content p{font-size:21px;line-height:1.6;color:#86868b}.stats-section{padding:var(--section-padding) 20px;background:#1d1d1f}.stats-section .container{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.stats-grid.visible{opacity:1;transform:translateY(0)}.stat-item{text-align:center}.stat-number{display:block;font-size:80px;font-weight:700;color:#fff;line-height:1;margin-bottom:16px}.stat-number .plus{font-size:48px;color:var(--primary-color)}.stat-label{font-size:18px;color:#86868b;letter-spacing:1px}.featured-section{padding:var(--section-padding) 20px;background:#fff}.featured-section .container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.section-header.visible{opacity:1;transform:translateY(0)}.section-title{font-size:48px;font-weight:700;color:#1d1d1f;margin-bottom:16px}.section-desc{font-size:21px;color:#86868b}.home .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.home .product-grid.visible{opacity:1;transform:translateY(0)}.home .product-grid .animate-item{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.1,.25,1)}.home .product-grid.visible .animate-item{opacity:1;transform:translateY(0)}.view-all-wrapper{text-align:center;margin-top:60px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.view-all-wrapper.visible{opacity:1;transform:translateY(0)}.btn-view-all{display:inline-flex;align-items:center;gap:10px;background:none;border:2px solid var(--primary-color);color:var(--primary-color);padding:16px 40px;font-size:17px;font-weight:600;border-radius:980px;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1)}.btn-view-all:hover{background:var(--primary-color);color:#fff}.btn-view-all svg{width:18px;height:18px;transition:transform .3s}.btn-view-all:hover svg{transform:translate(4px)}.loading{text-align:center;padding:60px;font-size:18px;color:#86868b}.category-showcase{padding:var(--section-padding) 20px;background:#f5f5f7}.category-showcase .container{max-width:1200px;margin:0 auto}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.category-grid.visible{opacity:1;transform:translateY(0)}.category-card{position:relative;height:400px;border-radius:24px;overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.25,.1,.25,1)}.category-card:hover{transform:scale(1.02)}.category-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.25,.1,.25,1)}.category-card:hover .category-bg{transform:scale(1.1)}.category-card.coffee .category-bg{background-image:linear-gradient(#0000004d,#00000080),url(https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=600&h=800&fit=crop)}.category-card.beverage .category-bg{background-image:linear-gradient(#0000004d,#00000080),url(https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?w=600&h=800&fit=crop)}.category-card.food .category-bg{background-image:linear-gradient(#0000004d,#00000080),url(https://images.unsplash.com/photo-1558961363-fa8fdf82db35?w=600&h=800&fit=crop)}.category-content{position:absolute;bottom:0;left:0;right:0;padding:40px;color:#fff;z-index:2}.category-content h3{font-size:32px;font-weight:700;margin-bottom:12px}.category-content p{font-size:16px;line-height:1.5;opacity:.9;margin-bottom:16px}.category-link{font-size:16px;font-weight:600;opacity:0;transform:translateY(10px);transition:all .3s}.category-card:hover .category-link{opacity:1;transform:translateY(0)}.app-promo{padding:var(--section-padding) 20px;background:linear-gradient(135deg,#1d1d1f,#2d2d2f)}.app-promo .container{max-width:1000px;margin:0 auto}.promo-content{text-align:center;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.promo-content.visible{opacity:1;transform:translateY(0)}.app-promo .section-eyebrow{color:var(--primary-color)}.promo-content h2{font-size:56px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:24px}.promo-content p{font-size:21px;color:#86868b;line-height:1.6;margin-bottom:40px}.app-buttons{display:flex;justify-content:center;gap:16px}.app-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1d1d1f;border:none;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s}.app-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #0000004d}.app-btn svg{width:24px;height:24px}.franchise-cta{padding:var(--section-padding) 20px;background:linear-gradient(135deg,var(--primary-color),#8B4513)}.franchise-cta .container{max-width:1000px;margin:0 auto}.cta-content{text-align:center;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.1,.25,1)}.cta-content.visible{opacity:1;transform:translateY(0)}.cta-content h2{font-size:56px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:24px}.cta-content h2 .highlight{display:block;opacity:.9}.cta-content p{font-size:21px;color:#ffffffe6;margin-bottom:40px}.btn-franchise{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--primary-color);border:none;padding:18px 40px;font-size:18px;font-weight:600;border-radius:980px;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1)}.btn-franchise:hover{transform:scale(1.05);box-shadow:0 8px 30px #0003}.btn-franchise svg{width:20px;height:20px;transition:transform .3s}.btn-franchise:hover svg{transform:translate(4px)}.animate-item{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.1,.25,1)}@media (max-width: 1024px){.home{--section-padding: 80px}.banner-content h1{font-size:56px}.story-content h2,.promo-content h2,.cta-content h2{font-size:44px}.stat-number{font-size:60px}.section-title{font-size:40px}.home .product-grid{grid-template-columns:repeat(3,1fr);gap:20px}.category-grid{gap:20px}.category-card{height:350px}}@media (max-width: 768px){.home{--section-padding: 60px}.hero-banner{height:90vh;min-height:500px}.banner-content h1{font-size:36px}.banner-content p{font-size:18px}.btn-cta{padding:14px 30px;font-size:16px}.banner-controls{bottom:80px}.story-content h2,.promo-content h2,.cta-content h2{font-size:32px}.story-content p,.promo-content p,.cta-content p,.section-desc{font-size:17px}.stats-grid{grid-template-columns:1fr;gap:40px}.stat-number{font-size:64px}.stat-number .plus{font-size:40px}.section-title{font-size:32px}.home .product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.category-grid{grid-template-columns:1fr;gap:16px}.category-card{height:280px}.category-content{padding:30px}.category-content h3{font-size:28px}.app-buttons{flex-direction:column;align-items:center}.app-btn{width:100%;max-width:250px;justify-content:center}}@media (max-width: 480px){.hero-banner{height:80vh;min-height:450px}.banner-content h1{font-size:28px}.banner-content p{font-size:16px;margin-bottom:30px}.banner-eyebrow{font-size:12px}.story-content h2,.promo-content h2,.cta-content h2,.section-title{font-size:28px}.home .product-grid{grid-template-columns:1fr;gap:16px}.btn-view-all,.btn-franchise{padding:14px 32px;font-size:15px}}.auth-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:var(--bg-color)}.auth-container{background:var(--white);padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.auth-container h2{text-align:center;margin-bottom:32px;color:var(--text-color);font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-color)}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color)}.form-group input::placeholder{color:#aaa}.error-message{background-color:#ffebee;color:var(--error-color);padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.btn-submit{width:100%;padding:14px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:var(--primary-dark)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.auth-link{text-align:center;margin-top:24px;font-size:14px;color:var(--text-light)}.auth-link a{color:var(--primary-color);font-weight:500}.auth-link a:hover{text-decoration:underline}@media (max-width: 768px){.auth-page{padding:24px 16px;min-height:calc(100vh - 60px)}.auth-container{padding:24px 20px}.auth-container h2{font-size:20px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group input{padding:10px 14px;font-size:14px}.btn-submit{padding:12px;font-size:15px}}.products-page{padding:40px 20px;min-height:calc(100vh - 70px)}.container{max-width:1280px;margin:0 auto}.category-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.tab-btn{padding:10px 24px;border:1px solid var(--border-color);background:var(--white);border-radius:24px;font-size:14px;font-weight:500;color:var(--text-light);transition:all .2s}.tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.products-page{padding:24px 16px;min-height:calc(100vh - 60px)}.page-title{font-size:22px;margin-bottom:20px}.category-tabs{gap:8px;margin-bottom:24px}.tab-btn{padding:8px 16px;font-size:13px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr;gap:16px}}.orders-page{padding:40px 20px;min-height:calc(100vh - 70px)}.container{max-width:800px;margin:0 auto}.page-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:32px;color:var(--text-color)}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid var(--border-color)}.order-info{display:flex;flex-direction:column;gap:4px}.order-id{font-size:14px;font-weight:600;color:var(--text-color)}.order-date{font-size:13px;color:var(--text-light)}.order-status{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-pending{background-color:#fff3e0;color:#e65100}.status-confirmed{background-color:#e3f2fd;color:#1565c0}.status-preparing{background-color:#fff8e1;color:#f9a825}.status-completed{background-color:#e8f5e9;color:var(--success-color)}.status-cancelled{background-color:#ffebee;color:var(--error-color)}.gift-order{border:2px solid #ff6b6b}.gift-order .order-header{background-color:#fff5f5}.gift-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;margin-right:8px}.gift-badge svg{width:14px;height:14px}.gift-info{padding:16px 20px;background-color:#fff9f9;border-bottom:1px solid #ffe5e5}.gift-recipient,.gift-message{display:flex;gap:8px;margin-bottom:8px}.gift-recipient:last-child,.gift-message:last-child{margin-bottom:0}.gift-info .label{font-size:13px;font-weight:600;color:#ff6b6b;min-width:60px}.gift-info .value{font-size:14px;color:var(--text-color)}.gift-message .value{font-style:italic;color:#666}.order-items{padding:16px 20px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.order-item:last-child{border-bottom:none}.item-name{flex:1;font-size:15px;color:var(--text-color)}.item-quantity{margin:0 16px;font-size:14px;color:var(--text-light)}.item-price{font-size:14px;font-weight:500;color:var(--text-color)}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8f9fa;border-top:1px solid var(--border-color)}.total-label{font-size:14px;font-weight:500;color:var(--text-color)}.total-amount{font-size:18px;font-weight:700;color:var(--primary-color)}.loading,.empty{text-align:center;padding:60px;color:var(--text-light);font-size:16px}@media (max-width: 768px){.orders-page{padding:24px 16px;min-height:calc(100vh - 60px)}.page-title{font-size:22px;margin-bottom:20px}.orders-list{gap:16px}.order-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.order-id{font-size:13px}.order-date{font-size:12px}.order-status{padding:4px 10px;font-size:11px}.order-items{padding:12px 16px}.order-item{padding:8px 0;flex-wrap:wrap;gap:4px}.item-name{flex-basis:100%;font-size:14px}.item-quantity{margin:0;font-size:13px}.item-price{font-size:13px;margin-left:auto}.order-footer{padding:12px 16px}.total-label{font-size:13px}.total-amount{font-size:16px}.loading,.empty{padding:40px;font-size:14px}}.franchise-page{--apple-black: #1d1d1f;--apple-gray: #86868b;--apple-light: #f5f5f7;--apple-blue: #0071e3;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.animate-item{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1)}.visible .animate-item{opacity:1;transform:translateY(0)}.visible .animate-item:nth-child(1){transition-delay:0s}.visible .animate-item:nth-child(2){transition-delay:.1s}.visible .animate-item:nth-child(3){transition-delay:.2s}.visible .animate-item:nth-child(4){transition-delay:.3s}.visible .animate-item:nth-child(5){transition-delay:.4s}.visible .animate-item:nth-child(6){transition-delay:.5s}.franchise-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;background:var(--apple-black);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,113,227,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(94,92,230,.1) 0%,transparent 50%)}.hero-content{text-align:center;color:#fff;z-index:1}.hero-eyebrow{font-size:14px;font-weight:600;letter-spacing:3px;color:var(--apple-blue);margin-bottom:24px}.hero-content h1{font-size:clamp(48px,8vw,80px);font-weight:700;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.hero-desc{font-size:21px;font-weight:400;color:var(--apple-gray);line-height:1.5}.scroll-indicator{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-indicator span{font-size:12px;font-weight:500;letter-spacing:2px;color:var(--apple-gray)}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--apple-gray),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.fade-in-up{animation:fadeInUp 1s cubic-bezier(.25,.1,.25,1) forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stats-section{padding:120px 0;background:var(--apple-light)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-card{text-align:center}.stat-number{font-size:72px;font-weight:700;color:var(--apple-black);line-height:1;letter-spacing:-3px}.stat-number .plus{font-size:48px;color:var(--apple-blue)}.stat-label{display:block;font-size:17px;font-weight:600;color:var(--apple-black);margin-top:12px}.stat-desc{font-size:14px;color:var(--apple-gray);margin-top:8px}.philosophy-section{padding:200px 0;background:#fff}.philosophy-content{text-align:center;max-width:800px;margin:0 auto}.section-eyebrow{font-size:14px;font-weight:600;letter-spacing:2px;color:var(--apple-blue);margin-bottom:20px}.large-title{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.15;letter-spacing:-2px;color:var(--apple-black);margin-bottom:32px}.large-title .highlight{background:linear-gradient(90deg,var(--apple-blue),#5e5ce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.philosophy-desc{font-size:19px;line-height:1.7;color:var(--apple-gray)}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;letter-spacing:-1px;color:var(--apple-black)}.features-section{padding:160px 0;background:var(--apple-light)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border-radius:24px;padding:48px 32px;transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s cubic-bezier(.25,.1,.25,1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a}.feature-card.large{grid-column:span 2;grid-row:span 2;padding:64px 48px;display:flex;flex-direction:column;justify-content:center}.feature-icon{width:56px;height:56px;margin-bottom:24px;color:var(--apple-blue)}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:24px;font-weight:700;color:var(--apple-black);margin-bottom:12px}.feature-card.large h3{font-size:32px}.feature-card p{font-size:15px;line-height:1.6;color:var(--apple-gray)}.feature-card.large p{font-size:17px}.feature-highlight{margin-top:40px;padding-top:40px;border-top:1px solid #e0e0e0;display:flex;align-items:baseline;gap:12px}.highlight-number{font-size:48px;font-weight:700;color:var(--apple-blue);letter-spacing:-2px}.highlight-label{font-size:17px;color:var(--apple-gray)}.quote-section{padding:200px 0;background:var(--apple-black)}.quote-content{text-align:center;max-width:900px;margin:0 auto}.quote-content blockquote{font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.4;color:#fff;letter-spacing:-1px}.quote-content cite{display:block;font-size:17px;font-style:normal;color:var(--apple-gray);margin-top:40px}.process-section{padding:160px 0;background:#fff}.process-timeline{max-width:800px;margin:0 auto}.process-step{display:flex;gap:40px;padding:48px 0;border-bottom:1px solid #e0e0e0}.process-step:last-child{border-bottom:none}.step-number{font-size:56px;font-weight:700;color:var(--apple-light);line-height:1;letter-spacing:-2px;flex-shrink:0;width:100px}.visible .step-number{color:var(--apple-blue);transition:color .6s ease}.step-content h3{font-size:28px;font-weight:700;color:var(--apple-black);margin-bottom:12px}.step-content p{font-size:17px;line-height:1.6;color:var(--apple-gray)}.investment-section{padding:160px 0;background:var(--apple-light)}.investment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.investment-card{background:#fff;border-radius:24px;padding:48px 32px;text-align:center;position:relative;transition:transform .4s ease}.investment-card:hover{transform:translateY(-8px)}.investment-card.featured{background:var(--apple-black);transform:scale(1.05)}.investment-card.featured:hover{transform:scale(1.05) translateY(-8px)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--apple-blue);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 16px;border-radius:20px}.investment-header{margin-bottom:24px}.investment-type{display:block;font-size:24px;font-weight:700;color:var(--apple-black)}.investment-card.featured .investment-type{color:#fff}.investment-size{font-size:14px;color:var(--apple-gray)}.investment-amount{margin-bottom:32px}.investment-amount .currency{font-size:17px;color:var(--apple-gray)}.investment-amount .number{font-size:64px;font-weight:700;color:var(--apple-black);letter-spacing:-3px}.investment-card.featured .investment-amount .number{color:#fff}.investment-amount .unit{font-size:24px;font-weight:600;color:var(--apple-black)}.investment-card.featured .investment-amount .unit{color:#fff}.investment-includes{list-style:none;padding:0;text-align:left}.investment-includes li{padding:12px 0;font-size:15px;color:var(--apple-gray);border-bottom:1px solid #f0f0f0}.investment-card.featured .investment-includes li{border-color:#333}.investment-includes li:last-child{border-bottom:none}.investment-includes li:before{content:"✓";margin-right:12px;color:var(--apple-blue)}.investment-note{text-align:center;font-size:14px;color:var(--apple-gray);margin-top:40px}.testimonials-section{padding:160px 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--apple-light);border-radius:24px;padding:40px 32px;transition:transform .4s ease}.testimonial-card:hover{transform:translateY(-8px)}.testimonial-content p{font-size:17px;line-height:1.7;color:var(--apple-black);margin-bottom:32px}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;background:var(--apple-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.author-name{display:block;font-size:15px;font-weight:600;color:var(--apple-black)}.author-store{font-size:13px;color:var(--apple-gray)}.cta-section{padding:200px 0;background:linear-gradient(135deg,#667eea,#764ba2)}.cta-content{text-align:center}.cta-content h2{font-size:clamp(48px,7vw,72px);font-weight:700;line-height:1.1;letter-spacing:-2px;color:#fff;margin-bottom:24px}.cta-content .highlight{background:linear-gradient(90deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:21px;color:#fffc}.contact-section{padding:160px 0;background:var(--apple-light)}.contact-wrapper{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.contact-info h2{font-size:40px;font-weight:700;color:var(--apple-black);letter-spacing:-1px;margin-bottom:16px}.contact-desc{font-size:17px;line-height:1.6;color:var(--apple-gray);margin-bottom:48px}.contact-details{display:flex;flex-direction:column;gap:24px}.contact-item{display:flex;align-items:center;gap:20px}.contact-icon{width:48px;height:48px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--apple-blue)}.contact-icon svg{width:24px;height:24px}.contact-text .label{display:block;font-size:13px;color:var(--apple-gray);margin-bottom:4px}.contact-text .value{font-size:17px;font-weight:600;color:var(--apple-black)}.contact-form{background:#fff;padding:48px;border-radius:24px;box-shadow:0 4px 20px #0000000d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--apple-black);margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:16px 20px;font-size:16px;font-family:inherit;border:1px solid #e0e0e0;border-radius:12px;background:var(--apple-light);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--apple-blue);background:#fff;box-shadow:0 0 0 4px #0071e31a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:18px;font-size:17px;font-weight:600;color:#fff;background:var(--apple-blue);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#0077ed;transform:translateY(-2px);box-shadow:0 8px 20px #0071e34d}.form-notice{text-align:center;font-size:13px;color:var(--apple-gray);margin-top:20px}.footer-cta{padding:120px 0;background:var(--apple-black);text-align:center}.footer-cta p{font-size:clamp(48px,8vw,120px);font-weight:700;color:#333;letter-spacing:-3px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:48px}.features-grid{grid-template-columns:1fr}.feature-card.large{grid-column:span 1;grid-row:span 1}.investment-grid,.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.investment-card.featured{transform:scale(1)}.investment-card.featured:hover{transform:translateY(-8px)}}@media (max-width: 768px){.franchise-hero{min-height:600px}.hero-content h1{letter-spacing:-1px}.hero-desc{font-size:17px}.stats-section,.philosophy-section,.features-section,.quote-section,.process-section,.investment-section,.testimonials-section,.cta-section,.contact-section{padding:100px 0}.philosophy-section{padding:120px 0}.stat-number{font-size:48px}.stat-number .plus{font-size:32px}.philosophy-desc{font-size:17px}.philosophy-desc br{display:none}.section-header{margin-bottom:48px}.process-step{flex-direction:column;gap:16px;padding:32px 0}.step-number{font-size:40px;width:auto}.step-content h3{font-size:22px}.contact-wrapper{grid-template-columns:1fr;gap:48px}.contact-form{padding:32px 24px}.form-row{grid-template-columns:1fr}.quote-content blockquote{font-size:24px}.quote-content blockquote br{display:none}.highlight-number{font-size:36px}.footer-cta{padding:80px 0}}.gift-page{padding:40px 20px;min-height:calc(100vh - 70px);background:#f5f5f7}.gift-page .container{max-width:800px;margin:0 auto}.gift-page .page-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:40px;color:#1d1d1f}.no-product{text-align:center;padding:60px 20px;background:#fff;border-radius:16px}.no-product p{font-size:18px;color:#86868b;margin-bottom:20px}.no-product button{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.gift-content{display:flex;flex-direction:column;gap:24px}.gift-product{display:flex;gap:24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014}.gift-product .product-image{width:150px;height:150px;border-radius:12px;overflow:hidden;flex-shrink:0}.gift-product .product-image img{width:100%;height:100%;object-fit:cover}.gift-product .product-details{flex:1;display:flex;flex-direction:column;justify-content:center}.gift-product h3{font-size:22px;font-weight:700;color:#1d1d1f;margin-bottom:8px}.gift-product .description{font-size:15px;color:#86868b;margin-bottom:16px;line-height:1.5}.gift-product .price{font-size:24px;font-weight:700;color:var(--primary-color)}.gift-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014}.form-section{margin-bottom:32px}.form-section h4{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.form-section h4 svg{width:22px;height:22px;stroke:var(--primary-color)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1d1d1f;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:1px solid #e5e5e5;border-radius:10px;font-size:16px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0056b31a}.form-group textarea{resize:none;font-family:inherit}.gift-summary{background:#f5f5f7;border-radius:12px;padding:20px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;color:#86868b}.summary-row.total{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:16px;font-size:18px;font-weight:700;color:#1d1d1f}.btn-send-gift{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;padding:18px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.btn-send-gift:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.btn-send-gift svg{width:24px;height:24px}@media (max-width: 768px){.gift-page{padding:24px 16px;min-height:calc(100vh - 60px)}.gift-page .page-title{font-size:24px;margin-bottom:24px}.gift-product{flex-direction:column;align-items:center;text-align:center;padding:20px}.gift-product .product-image{width:120px;height:120px}.gift-product h3{font-size:18px}.gift-product .price{font-size:20px}.gift-form{padding:24px 20px}.form-section h4{font-size:16px}.btn-send-gift{padding:16px 24px;font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background-color:#fafafa;color:#333;line-height:1.6}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}:root{--primary-color: #0068b7;--primary-dark: #005499;--secondary-color: #f5a623;--text-color: #333;--text-light: #666;--bg-color: #fafafa;--white: #fff;--border-color: #e0e0e0;--error-color: #e53935;--success-color: #43a047}