.about-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.about-page .about-hero{background:linear-gradient(135deg,rgba(var(--primary-color),.1) 0,rgba(var(--primary-color),.05) 50%,#ffffff 100%);padding:100px 0;margin-bottom:80px;position:relative;overflow:hidden}.about-page .about-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--primary-color),.05) 0,transparent 70%);animation:float 6s ease-in-out infinite}.about-page .about-hero .hero-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:60px;gap:60px;align-items:center;position:relative;z-index:2}@media(max-width:768px){.about-page .about-hero .hero-content{grid-template-columns:1fr;text-align:center;gap:40px}}.about-page .about-hero .hero-text h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 80%,#000 20%) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:24px;line-height:1.2;animation:slideInLeft 1s ease-out}@media(max-width:768px){.about-page .about-hero .hero-text h1{font-size:2.8rem}}@media(max-width:480px){.about-page .about-hero .hero-text h1{font-size:2.2rem}}.about-page .about-hero .hero-text .hero-description{font-size:1.3rem;color:#64748b;line-height:1.7;margin:0;font-weight:400;animation:slideInLeft 1s ease-out .2s both}.about-page .about-hero .hero-logo{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s ease-out .4s both}.about-page .about-hero .hero-logo .shop-logo{max-width:220px;max-height:220px;width:auto;height:auto;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.1);transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 10px 20px rgba(var(--primary-color),.2))}.about-page .about-hero .hero-logo .shop-logo:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 35px 70px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.2)}@media(max-width:768px){.about-page .about-hero .hero-logo .shop-logo{max-width:180px;max-height:180px}}.about-page .about-content{padding-bottom:80px}.about-page .about-content .content-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:50px;gap:50px}@media(max-width:1024px){.about-page .about-content .content-grid{grid-template-columns:1fr;gap:40px}}.about-page .contact-card,.about-page .hours-card,.about-page .info-card,.about-page .mission-card,.about-page .values-card,.about-page .why-choose-card{background:linear-gradient(145deg,#ffffff,#f8fafc);border-radius:24px;padding:35px;margin-bottom:35px;box-shadow:0 10px 40px rgba(0,0,0,.08),0 2px 10px rgba(0,0,0,.04);border:1px solid hsla(0,0%,100%,.8);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.about-page .contact-card:before,.about-page .hours-card:before,.about-page .info-card:before,.about-page .mission-card:before,.about-page .values-card:before,.about-page .why-choose-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 70%,#fff 30%) 100%);transform:scaleX(0);transition:transform .4s ease}.about-page .contact-card:hover,.about-page .hours-card:hover,.about-page .info-card:hover,.about-page .mission-card:hover,.about-page .values-card:hover,.about-page .why-choose-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.12),0 4px 20px rgba(var(--primary-color),.15)}.about-page .contact-card:hover:before,.about-page .hours-card:hover:before,.about-page .info-card:hover:before,.about-page .mission-card:hover:before,.about-page .values-card:hover:before,.about-page .why-choose-card:hover:before{transform:scaleX(1)}.about-page .contact-card .card-header,.about-page .hours-card .card-header,.about-page .info-card .card-header,.about-page .mission-card .card-header,.about-page .values-card .card-header,.about-page .why-choose-card .card-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f1f5f9;position:relative}.about-page .contact-card .card-header svg,.about-page .hours-card .card-header svg,.about-page .info-card .card-header svg,.about-page .mission-card .card-header svg,.about-page .values-card .card-header svg,.about-page .why-choose-card .card-header svg{font-size:28px;color:var(--primary-color);margin-right:16px;padding:12px;background:linear-gradient(135deg,rgba(var(--primary-color),.1) 0,rgba(var(--primary-color),.05) 100%);border-radius:12px;transition:all .3s ease}.about-page .contact-card .card-header h2,.about-page .hours-card .card-header h2,.about-page .info-card .card-header h2,.about-page .mission-card .card-header h2,.about-page .values-card .card-header h2,.about-page .why-choose-card .card-header h2{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.02em}.about-page .contact-card .card-content,.about-page .hours-card .card-content,.about-page .info-card .card-content,.about-page .mission-card .card-content,.about-page .values-card .card-content,.about-page .why-choose-card .card-content{color:#475569;line-height:1.7;font-weight:400}.about-page .info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.about-page .info-item:last-child{border-bottom:none}.about-page .info-item:hover{background:linear-gradient(90deg,rgba(var(--primary-color),.02) 0,transparent 100%);margin:0 -15px;padding:16px 15px;border-radius:8px}.about-page .info-item label{font-weight:600;color:#334155;font-size:.95rem}.about-page .info-item span{color:#64748b;font-weight:500}.about-page .values-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media(max-width:600px){.about-page .values-grid{grid-template-columns:1fr}}.about-page .value-item{text-align:center;padding:28px 20px;background:linear-gradient(145deg,#f8fafc,#ffffff);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;position:relative;overflow:hidden}.about-page .value-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 90%,white 10%) 100%);opacity:0;transition:opacity .4s ease;z-index:1}.about-page .value-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 40px rgba(var(--primary-color),.2)}.about-page .value-item:hover:before{opacity:1}.about-page .value-item:hover .value-icon svg,.about-page .value-item:hover h3,.about-page .value-item:hover p{color:#fff;position:relative;z-index:2}.about-page .value-item .value-icon{margin-bottom:20px}.about-page .value-item .value-icon svg{font-size:32px;color:var(--primary-color);transition:all .4s ease;filter:drop-shadow(0 4px 8px rgba(var(--primary-color),.2))}.about-page .value-item h3{font-size:1.2rem;font-weight:700;margin-bottom:12px;color:#1e293b}.about-page .value-item h3,.about-page .value-item p{transition:color .4s ease;position:relative;z-index:2}.about-page .value-item p{font-size:.95rem;margin:0;color:#64748b;line-height:1.6}.about-page .contact-item{display:flex;align-items:flex-start;margin-bottom:24px;padding:20px;background:linear-gradient(145deg,#f8fafc,#ffffff);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0}.about-page .contact-item:hover{background:linear-gradient(145deg,rgba(var(--primary-color),.03) 0,rgba(var(--primary-color),.01) 100%);transform:translateX(6px);box-shadow:0 8px 25px rgba(var(--primary-color),.1)}.about-page .contact-item:last-child{margin-bottom:0}.about-page .contact-item .contact-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 85%,#000 15%) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--primary-color),.3);transition:all .3s ease}.about-page .contact-item .contact-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(var(--primary-color),.4)}.about-page .contact-item .contact-icon svg{color:#fff;font-size:18px}.about-page .contact-item .contact-details{flex:1 1}.about-page .contact-item .contact-details label{display:block;font-weight:600;color:#334155;margin-bottom:6px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.about-page .contact-item .contact-details a,.about-page .contact-item .contact-details span{color:#64748b;text-decoration:none;font-size:1.05rem;font-weight:500;transition:color .3s ease}.about-page .contact-item .contact-details a:hover,.about-page .contact-item .contact-details span:hover{color:var(--primary-color)}.about-page .hours-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:12px;background:linear-gradient(145deg,#f8fafc,#ffffff);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.about-page .hours-item:last-child{margin-bottom:0}.about-page .hours-item:hover{background:linear-gradient(145deg,rgba(var(--primary-color),.03) 0,rgba(var(--primary-color),.01) 100%);transform:translateX(4px)}.about-page .hours-item .day{font-weight:600;color:#334155;font-size:.95rem}.about-page .hours-item .time{color:var(--primary-color);font-weight:600;font-size:.95rem}.about-page .feature-list .feature-item{display:flex;align-items:center;margin-bottom:16px;padding:12px 0;transition:all .3s ease;border-radius:8px}.about-page .feature-list .feature-item:last-child{margin-bottom:0}.about-page .feature-list .feature-item:hover{background:linear-gradient(90deg,rgba(var(--primary-color),.03) 0,transparent 100%);margin:0 -15px;padding:12px 15px;transform:translateX(8px)}.about-page .feature-list .feature-item svg{color:#10b981;margin-right:16px;font-size:18px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(16,185,129,.2))}.about-page .feature-list .feature-item span{color:#64748b;font-size:.98rem;font-weight:500;line-height:1.5}.about-page .footer-info{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:80px 0;border-top:1px solid #e2e8f0;position:relative;overflow:hidden}.about-page .footer-info:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 70%,#fff 30%) 100%)}.about-page .footer-info .footer-content{text-align:center;position:relative;z-index:2}.about-page .footer-info .footer-content h2{font-size:2.2rem;font-weight:700;color:#1e293b;margin-bottom:40px;background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 80%,#000 20%) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.about-page .footer-info .footer-content .footer-text{max-width:800px;margin:0 auto;color:#64748b;line-height:1.7;font-weight:400}.about-page .footer-info .footer-content .footer-text p{margin-bottom:20px}.about-page .footer-info .footer-content .footer-text h3,.about-page .footer-info .footer-content .footer-text h4,.about-page .footer-info .footer-content .footer-text h5{color:#334155;margin:30px 0 15px;font-weight:600}.about-page .footer-info .footer-content .footer-text ol,.about-page .footer-info .footer-content .footer-text ul{text-align:left;margin:20px 0;padding-left:30px}.about-page .footer-info .footer-content .footer-text li{margin-bottom:10px;line-height:1.6}.about-page .footer-info .footer-content .footer-text a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.about-page .footer-info .footer-content .footer-text a:hover{text-decoration:underline;color:color-mix(in srgb,var(--primary-color) 80%,#000 20%)}.about-page .error-message{text-align:center;padding:120px 0;background:linear-gradient(145deg,#fef2f2,#ffffff);border-radius:24px;margin:40px 0;border:1px solid #fee2e2}.about-page .error-message h1{font-size:2.2rem;color:#dc2626;margin-bottom:20px;font-weight:700}.about-page .error-message p{color:#64748b;font-size:1.2rem;font-weight:400}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about-page .container{padding:0 16px}.about-page .about-hero{padding:80px 0;margin-bottom:60px}.about-page .about-content{padding-bottom:60px}.about-page .about-content .content-grid{gap:30px}.about-page .contact-card,.about-page .hours-card,.about-page .info-card,.about-page .mission-card,.about-page .values-card,.about-page .why-choose-card{padding:25px;margin-bottom:25px;border-radius:20px}.about-page .footer-info{padding:60px 0}.about-page .footer-info .footer-content h2{font-size:1.8rem}}@media(max-width:480px){.about-page .values-grid{gap:20px}.about-page .value-item{padding:24px 16px}.about-page .value-item .value-icon svg{font-size:28px}.about-page .value-item h3{font-size:1.1rem}.about-page .value-item p{font-size:.9rem}.about-page .contact-item{padding:16px}.about-page .contact-item .contact-icon{width:42px;height:42px;margin-right:14px}.about-page .contact-item .contact-icon svg{font-size:16px}}