@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Changa:wght@600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Changa:wght@500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";.hero-section{padding:40px 20px;text-align:center;background:linear-gradient(135deg,#ff6b6b,#e85555);color:#fff;position:relative;overflow:hidden}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-title{font-family:Cairo,sans-serif;font-size:28px;font-weight:800;margin:0 0 16px;line-height:1.2}.hero-subtitle{font-family:Cairo,sans-serif;font-size:16px;margin:0 0 24px;line-height:1.5;opacity:.9}.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#ff6b6b;text-decoration:none;border-radius:8px;font-family:Cairo,sans-serif;font-weight:700;transition:all .3s ease;min-height:44px}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.products-section{padding:40px 20px;background:#f8f9fa}.products-container{max-width:1200px;margin:0 auto}.section-title{font-family:Cairo,sans-serif;font-size:24px;font-weight:800;text-align:center;margin:0 0 32px;color:#1a202c}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.product-image{width:100%;height:200px;object-fit:cover}.product-info{padding:16px;flex:1;display:flex;flex-direction:column}.product-name{font-family:Cairo,sans-serif;font-size:16px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.3}.product-price{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#e53e3e;margin:auto 0 12px}.product-actions{display:flex;gap:8px}.btn-add-to-cart{flex:1;padding:10px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;font-family:Cairo,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px}.btn-add-to-cart:hover{background:#e85555}.btn-wishlist{padding:10px;background:#f8f9fa;color:#4a5568;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;min-height:40px;min-width:40px;display:flex;align-items:center;justify-content:center}.btn-wishlist:hover{background:#e2e8f0;color:#e53e3e}.features-section{padding:40px 20px;background:#fff}.features-container{max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:24px}.feature-card{text-align:center;padding:24px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.feature-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#ff6b6b,#e85555);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.feature-title{font-family:Cairo,sans-serif;font-size:18px;font-weight:700;color:#1a202c;margin:0 0 8px}.feature-description{font-family:Cairo,sans-serif;font-size:14px;color:#4a5568;margin:0;line-height:1.5}@media (min-width: 481px){.hero-section{padding:60px 30px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.products-section{padding:60px 30px}.section-title{font-size:28px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.product-image{height:220px}.product-info{padding:20px}.product-name{font-size:18px}.product-price{font-size:20px}.features-section{padding:60px 30px}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px}.feature-card{padding:30px}.feature-icon{width:70px;height:70px;margin-bottom:20px}.feature-title{font-size:20px}.feature-description{font-size:15px}}@media (min-width: 1025px){.hero-section{padding:80px 40px}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-cta{padding:16px 32px;font-size:16px}.products-section{padding:80px 40px}.section-title{font-size:32px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.product-image{height:240px}.product-info{padding:24px}.product-name{font-size:20px}.product-price{font-size:22px}.btn-add-to-cart{padding:12px 20px;font-size:15px}.features-section{padding:80px 40px}.features-grid{grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{padding:40px}.feature-icon{width:80px;height:80px;margin-bottom:24px}.feature-title{font-size:22px}.feature-description{font-size:16px}}@media (min-width: 1367px){.hero-section{padding:100px 60px}.hero-title{font-size:56px}.hero-subtitle{font-size:22px}.products-section{padding:100px 60px}.section-title{font-size:36px}.products-grid{gap:40px}.product-image{height:260px}.features-section{padding:100px 60px}.features-grid{gap:50px}}.admin-layout{display:flex;min-height:100vh;background:#f8f9fa}.admin-sidebar{width:280px;background:#fff;border-left:1px solid #e2e8f0;position:fixed;top:0;right:0;bottom:0;z-index:1000;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.admin-sidebar.open{transform:translate(0)}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.admin-logo{display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-weight:700;font-size:18px;color:#1a202c}.admin-close-btn{padding:8px;border:none;background:none;cursor:pointer;border-radius:6px;min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center}.admin-close-btn:hover{background:#f8f9fa}.admin-nav{padding:16px 0}.admin-nav-item{display:block;padding:12px 20px;color:#4a5568;text-decoration:none;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s ease;border-right:3px solid transparent}.admin-nav-item:hover{background:#f8f9fa;color:#ff6b6b;border-right-color:#ff6b6b}.admin-nav-item.active{background:#fff5f5;color:#ff6b6b;border-right-color:#ff6b6b}.admin-nav-item svg{width:18px;height:18px;margin-left:8px}.admin-main{flex:1;margin-right:0;transition:margin-right .3s ease}.admin-main.sidebar-open{margin-right:280px}.admin-header-bar{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.admin-menu-toggle{padding:8px;border:none;background:none;cursor:pointer;border-radius:6px;min-height:40px;min-width:40px;display:flex;align-items:center;justify-content:center}.admin-menu-toggle:hover{background:#f8f9fa}.admin-user-info{display:flex;align-items:center;gap:12px}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:#ff6b6b;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cairo,sans-serif;font-weight:700;font-size:14px}.admin-user-name{font-family:Cairo,sans-serif;font-size:14px;font-weight:600;color:#1a202c}.admin-content{padding:20px}.dashboard-stats{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.orders{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.revenue{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.products{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.users{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-value{font-family:Inter,sans-serif;font-size:24px;font-weight:800;color:#1a202c;margin:0}.stat-label{font-family:Cairo,sans-serif;font-size:12px;color:#718096;margin:4px 0 0;text-transform:uppercase;letter-spacing:.5px}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.admin-table-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.admin-table-title{font-family:Cairo,sans-serif;font-size:18px;font-weight:700;color:#1a202c;margin:0}.admin-table-actions{display:flex;gap:8px}.admin-search{position:relative}.admin-search input{padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:6px;font-family:Cairo,sans-serif;font-size:14px;width:200px}.admin-search svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#a0aec0}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;min-width:600px;border-collapse:collapse}.admin-table th{background:#f8f9fa;padding:12px 16px;text-align:right;font-family:Cairo,sans-serif;font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.admin-table td{padding:12px 16px;text-align:right;font-family:Cairo,sans-serif;font-size:14px;color:#1a202c;border-bottom:1px solid #f0f0f0}.admin-table tr:hover{background:#f8f9fa}.admin-form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.admin-form-group{margin-bottom:20px}.admin-form-label{display:block;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;color:#1a202c;margin-bottom:6px}.admin-form-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s ease}.admin-form-input:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.admin-form-select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-family:Cairo,sans-serif;font-size:14px;background:#fff;cursor:pointer}.admin-form-textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-family:Cairo,sans-serif;font-size:14px;resize:vertical;min-height:100px}.admin-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.admin-btn{padding:10px 20px;border:none;border-radius:6px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px}.admin-btn-primary{background:#ff6b6b;color:#fff}.admin-btn-primary:hover{background:#e85555}.admin-btn-secondary{background:#e2e8f0;color:#4a5568}.admin-btn-secondary:hover{background:#cbd5e0}@media (min-width: 481px){.admin-sidebar{width:300px}.admin-main.sidebar-open{margin-right:300px}.admin-header{padding:20px 24px}.admin-logo{font-size:20px}.admin-header-bar{padding:20px 24px}.admin-content{padding:24px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{padding:24px}.stat-value{font-size:28px}.admin-table-header{padding:24px}.admin-table-title{font-size:20px}.admin-search input{width:250px;padding:10px 14px 10px 40px}.admin-form{padding:30px}.admin-form-group{margin-bottom:24px}.admin-form-input,.admin-form-select,.admin-form-textarea{padding:12px 16px;font-size:15px}.admin-btn{padding:12px 24px;font-size:15px}}@media (min-width: 1025px){.admin-sidebar{transform:translate(0);position:relative}.admin-close-btn{display:none}.admin-main{margin-right:300px}.admin-menu-toggle{display:none}.admin-header-bar{padding:24px 32px}.admin-content{padding:32px}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{padding:28px}.stat-value{font-size:32px}.stat-label{font-size:13px}.admin-table-header{padding:28px 32px}.admin-table-title{font-size:22px}.admin-search input{width:300px}.admin-table-wrapper{overflow-x:visible}.admin-table{min-width:auto}.admin-form{padding:36px}.admin-form-group{margin-bottom:28px}.admin-form-input,.admin-form-select,.admin-form-textarea{padding:14px 18px;font-size:15px}.admin-btn{padding:14px 28px;font-size:15px}}@media (min-width: 1367px){.admin-sidebar{width:320px}.admin-main{margin-right:320px}.admin-header-bar{padding:28px 40px}.admin-content{padding:40px}.dashboard-stats{gap:30px}.stat-card{padding:32px}.stat-value{font-size:36px}.admin-table-header{padding:32px 40px}.admin-table-title{font-size:24px}.admin-search input{width:350px}.admin-form{padding:40px}.admin-form-input,.admin-form-select,.admin-form-textarea{padding:16px 20px;font-size:16px}.admin-btn{padding:16px 32px;font-size:16px}}@media (max-width: 1024px){.admin-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;display:none;opacity:0;transition:opacity .3s ease}.admin-sidebar-overlay.active{display:block;opacity:1}}:root{--font-size-xs-mobile: .75rem;--font-size-sm-mobile: .875rem;--font-size-base-mobile: 1rem;--font-size-lg-mobile: 1.125rem;--font-size-xl-mobile: 1.25rem;--font-size-2xl-mobile: 1.5rem;--font-size-3xl-mobile: 1.875rem;--font-size-xs-tablet: .875rem;--font-size-sm-tablet: 1rem;--font-size-base-tablet: 1.125rem;--font-size-lg-tablet: 1.25rem;--font-size-xl-tablet: 1.5rem;--font-size-2xl-tablet: 1.75rem;--font-size-3xl-tablet: 2rem;--font-size-xs-desktop: 1rem;--font-size-sm-desktop: 1.125rem;--font-size-base-desktop: 1.25rem;--font-size-lg-desktop: 1.5rem;--font-size-xl-desktop: 1.75rem;--font-size-2xl-desktop: 2rem;--font-size-3xl-desktop: 2.25rem;--spacing-xs-mobile: .25rem;--spacing-sm-mobile: .5rem;--spacing-md-mobile: 1rem;--spacing-lg-mobile: 1.5rem;--spacing-xl-mobile: 2rem;--spacing-2xl-mobile: 3rem;--spacing-xs-tablet: .5rem;--spacing-sm-tablet: .75rem;--spacing-md-tablet: 1.25rem;--spacing-lg-tablet: 2rem;--spacing-xl-tablet: 2.5rem;--spacing-2xl-tablet: 4rem;--spacing-xs-desktop: .75rem;--spacing-sm-desktop: 1rem;--spacing-md-desktop: 1.5rem;--spacing-lg-desktop: 2.5rem;--spacing-xl-desktop: 3rem;--spacing-2xl-desktop: 5rem;--container-mobile: 100%;--container-tablet: 90%;--container-desktop: 85%;--container-large: 80%;--max-container: 1400px}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:Cairo,Inter,sans-serif;line-height:1.6;color:#1a202c;background:#fff;overflow-x:hidden;min-height:100vh}img{max-width:100%;height:auto;display:block}.responsive-container{width:var(--container-mobile);max-width:var(--max-container);margin:0 auto;padding:0 var(--spacing-md-mobile)}@media (min-width: 481px){html{font-size:17px}.responsive-container{width:var(--container-tablet);padding:0 var(--spacing-md-tablet)}}@media (min-width: 1025px){html{font-size:18px}.responsive-container{width:var(--container-desktop);padding:0 var(--spacing-md-desktop)}}@media (min-width: 1367px){html{font-size:19px}.responsive-container{width:var(--container-large);padding:0 var(--spacing-md-desktop)}}.btn-touch-friendly{min-height:44px;min-width:44px;padding:12px 24px;font-size:var(--font-size-base-mobile);border-radius:8px;transition:all .3s ease}@media (min-width: 481px){.btn-touch-friendly{min-height:48px;padding:14px 28px;font-size:var(--font-size-base-tablet)}}@media (min-width: 1025px){.btn-touch-friendly{min-height:52px;padding:16px 32px;font-size:var(--font-size-base-desktop)}}.responsive-grid{display:grid;gap:var(--spacing-md-mobile);grid-template-columns:1fr}@media (min-width: 481px){.responsive-grid{gap:var(--spacing-md-tablet)}.responsive-grid--2-cols{grid-template-columns:repeat(2,1fr)}.responsive-grid--3-cols{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.responsive-grid{gap:var(--spacing-md-desktop)}.responsive-grid--3-cols{grid-template-columns:repeat(3,1fr)}.responsive-grid--4-cols{grid-template-columns:repeat(4,1fr)}}.responsive-flex{display:flex;flex-direction:column;gap:var(--spacing-md-mobile)}@media (min-width: 481px){.responsive-flex{gap:var(--spacing-md-tablet)}.responsive-flex--row{flex-direction:row}}@media (min-width: 1025px){.responsive-flex{gap:var(--spacing-md-desktop)}.responsive-flex--row-desktop{flex-direction:row}}.text-responsive-xs{font-size:var(--font-size-xs-mobile)}.text-responsive-sm{font-size:var(--font-size-sm-mobile)}.text-responsive-base{font-size:var(--font-size-base-mobile)}.text-responsive-lg{font-size:var(--font-size-lg-mobile)}.text-responsive-xl{font-size:var(--font-size-xl-mobile)}.text-responsive-2xl{font-size:var(--font-size-2xl-mobile)}.text-responsive-3xl{font-size:var(--font-size-3xl-mobile)}@media (min-width: 481px){.text-responsive-xs{font-size:var(--font-size-xs-tablet)}.text-responsive-sm{font-size:var(--font-size-sm-tablet)}.text-responsive-base{font-size:var(--font-size-base-tablet)}.text-responsive-lg{font-size:var(--font-size-lg-tablet)}.text-responsive-xl{font-size:var(--font-size-xl-tablet)}.text-responsive-2xl{font-size:var(--font-size-2xl-tablet)}.text-responsive-3xl{font-size:var(--font-size-3xl-tablet)}}@media (min-width: 1025px){.text-responsive-xs{font-size:var(--font-size-xs-desktop)}.text-responsive-sm{font-size:var(--font-size-sm-desktop)}.text-responsive-base{font-size:var(--font-size-base-desktop)}.text-responsive-lg{font-size:var(--font-size-lg-desktop)}.text-responsive-xl{font-size:var(--font-size-xl-desktop)}.text-responsive-2xl{font-size:var(--font-size-2xl-desktop)}.text-responsive-3xl{font-size:var(--font-size-3xl-desktop)}}.spacing-responsive-xs{margin:var(--spacing-xs-mobile)}.spacing-responsive-sm{margin:var(--spacing-sm-mobile)}.spacing-responsive-md{margin:var(--spacing-md-mobile)}.spacing-responsive-lg{margin:var(--spacing-lg-mobile)}.spacing-responsive-xl{margin:var(--spacing-xl-mobile)}.spacing-responsive-2xl{margin:var(--spacing-2xl-mobile)}.padding-responsive-xs{padding:var(--spacing-xs-mobile)}.padding-responsive-sm{padding:var(--spacing-sm-mobile)}.padding-responsive-md{padding:var(--spacing-md-mobile)}.padding-responsive-lg{padding:var(--spacing-lg-mobile)}.padding-responsive-xl{padding:var(--spacing-xl-mobile)}.padding-responsive-2xl{padding:var(--spacing-2xl-mobile)}@media (min-width: 481px){.spacing-responsive-xs{margin:var(--spacing-xs-tablet)}.spacing-responsive-sm{margin:var(--spacing-sm-tablet)}.spacing-responsive-md{margin:var(--spacing-md-tablet)}.spacing-responsive-lg{margin:var(--spacing-lg-tablet)}.spacing-responsive-xl{margin:var(--spacing-xl-tablet)}.spacing-responsive-2xl{margin:var(--spacing-2xl-tablet)}.padding-responsive-xs{padding:var(--spacing-xs-tablet)}.padding-responsive-sm{padding:var(--spacing-sm-tablet)}.padding-responsive-md{padding:var(--spacing-md-tablet)}.padding-responsive-lg{padding:var(--spacing-lg-tablet)}.padding-responsive-xl{padding:var(--spacing-xl-tablet)}.padding-responsive-2xl{padding:var(--spacing-2xl-tablet)}}@media (min-width: 1025px){.spacing-responsive-xs{margin:var(--spacing-xs-desktop)}.spacing-responsive-sm{margin:var(--spacing-sm-desktop)}.spacing-responsive-md{margin:var(--spacing-md-desktop)}.spacing-responsive-lg{margin:var(--spacing-lg-desktop)}.spacing-responsive-xl{margin:var(--spacing-xl-desktop)}.spacing-responsive-2xl{margin:var(--spacing-2xl-desktop)}.padding-responsive-xs{padding:var(--spacing-xs-desktop)}.padding-responsive-sm{padding:var(--spacing-sm-desktop)}.padding-responsive-md{padding:var(--spacing-md-desktop)}.padding-responsive-lg{padding:var(--spacing-lg-desktop)}.padding-responsive-xl{padding:var(--spacing-xl-desktop)}.padding-responsive-2xl{padding:var(--spacing-2xl-desktop)}}.hide-mobile{display:none}.show-mobile{display:block}@media (min-width: 481px){.hide-mobile{display:block}.show-mobile,.hide-tablet{display:none}.show-tablet{display:block}}@media (min-width: 1025px){.hide-tablet{display:block}.show-tablet,.hide-desktop{display:none}.show-desktop{display:block}}@media (min-width: 1367px){.hide-desktop{display:block}.show-desktop,.hide-large{display:none}.show-large{display:block}}.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table table{min-width:600px;width:100%}@media (min-width: 768px){.responsive-table{overflow-x:visible}.responsive-table table{min-width:auto}}.responsive-card{background:#fff;border-radius:12px;padding:var(--spacing-md-mobile);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}@media (min-width: 481px){.responsive-card{padding:var(--spacing-md-tablet);border-radius:16px}}@media (min-width: 1025px){.responsive-card{padding:var(--spacing-md-desktop);border-radius:20px}}.responsive-form{display:flex;flex-direction:column;gap:var(--spacing-md-mobile)}.responsive-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm-mobile)}@media (min-width: 481px){.responsive-form{gap:var(--spacing-md-tablet)}.responsive-form-group{gap:var(--spacing-sm-tablet)}.responsive-form--inline{flex-direction:row;align-items:end}}@media (min-width: 1025px){.responsive-form{gap:var(--spacing-md-desktop)}.responsive-form-group{gap:var(--spacing-sm-desktop)}}.responsive-input{width:100%;padding:12px 16px;font-size:var(--font-size-base-mobile);border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease}@media (min-width: 481px){.responsive-input{padding:14px 20px;font-size:var(--font-size-base-tablet);border-radius:12px}}@media (min-width: 1025px){.responsive-input{padding:16px 24px;font-size:var(--font-size-base-desktop);border-radius:16px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.no-print{display:none!important}}.ms-features{background:#fff;padding:40px 0;border-bottom:1px solid #e0e0e0}.ms-features__inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.ms-features__item{display:flex;align-items:center;gap:16px;flex:1;text-align:right}.ms-features__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#ffb800,#ffd657);border-radius:12px;color:#fff;flex-shrink:0}.ms-features__text{display:flex;flex-direction:column;gap:4px}.ms-features__label{font-family:Cairo,sans-serif;font-size:16px;font-weight:700;color:#1e1e2e}.ms-features__note{font-family:Cairo,sans-serif;font-size:14px;color:#64647a}.ms-features__divider{width:1px;height:40px;background:#e0e0e0;margin:0 16px}.pc{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;border:1px solid #e2e8f0}.pc:hover{transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a}.pc__img-wrap{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.pc__img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.4,0,.2,1)}.pc__wishlist{position:absolute;top:12px;left:12px;width:36px;height:36px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#64748b}.pc__wishlist:hover{background:#fff;color:#e8363a;transform:scale(1.1)}.pc__wishlist.active{background:#e8363a;color:#fff}.pc__add-btn{padding:12px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.pc__add-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px)}.pc__add-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;transform:none}.pc__add-btn.added{background:linear-gradient(135deg,#10b981,#059669)}@media (max-width: 768px){.ms-features__inner{flex-direction:column;gap:24px}.ms-features__item{width:100%}.ms-features__divider{width:100%;height:1px;margin:8px 0}}.app{min-height:100vh;background-color:#fff;direction:rtl;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}@media (min-width: 1025px){.app{max-width:100vw;margin:0 auto}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.login-modal-container{width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.login-modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;animation:slideIn .3s ease-out}.close-button{position:absolute;top:16px;left:16px;background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;z-index:1}.close-button:hover{background:#f1f5f9;color:#334155}.login-modal-header{text-align:center;padding:40px 24px 24px;border-bottom:1px solid #e2e8f0;position:relative}.login-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;margin-bottom:16px}.login-modal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.login-modal-subtitle{color:#64748b;font-size:14px;margin:0;line-height:1.5}.login-modal-form{padding:24px}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s;outline:none}.form-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.password-toggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.password-toggle:hover{color:#374151}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#f59e0b}.forgot-password{color:#f59e0b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.forgot-password:hover{color:#d97706;text-decoration:underline}.submit-button{width:100%;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-text{display:flex;align-items:center;gap:8px}.btn-icon-slide{transition:transform .2s}.submit-button:hover .btn-icon-slide{transform:translate(4px)}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .6s,height .6s;transform:translate(-50%,-50%)}.btn-ripple:active:before{width:300px;height:300px}.login-modal-footer{padding:24px;text-align:center;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.login-modal-footer p{margin:0 0 8px;color:#64748b;font-size:14px}.register-link{color:#f59e0b;text-decoration:none;font-weight:600;transition:color .2s}.register-link:hover{color:#d97706;text-decoration:underline}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.login-modal-overlay{padding:16px}.login-modal-header{padding:32px 20px 20px}.login-modal-form,.login-modal-footer{padding:20px}.login-modal-title{font-size:20px}.form-input{padding:14px 16px}}[dir=rtl] .password-toggle{left:auto;right:12px}[dir=rtl] .close-button{left:auto;right:16px}[dir=rtl] .btn-icon-slide{transform:scaleX(-1)}[dir=rtl] .submit-button:hover .btn-icon-slide{transform:scaleX(-1) translate(-4px)}.profile-dropdown{position:relative;display:flex;align-items:center}.profile-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid #e0e0e0;border-radius:50px;cursor:pointer;transition:all .3s ease;color:#666;font-family:Cairo,sans-serif;font-weight:600;font-size:14px}.profile-button svg{width:20px;height:20px;display:block;flex-shrink:0}.profile-button:hover{border-color:#ffb800;color:#ffb800;background:#ffb8000d;transform:translateY(-2px);box-shadow:0 4px 12px #ffb80033}.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100}.dropdown-menu{position:relative;width:100%;max-width:360px;min-width:280px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000d;border:1px solid #e0e0e0;animation:dropdownScaleIn .25s ease;overflow:hidden}@keyframes dropdownScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dropdown-header{padding:1.5rem;background:linear-gradient(135deg,#ffb800,#ffd657);color:#fff;text-align:center}.dropdown-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-header p{margin:0;font-size:.875rem;opacity:.9}.dropdown-actions{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.dropdown-button{display:block;padding:.75rem 1rem;border-radius:12px;text-align:center;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border:2px solid transparent}.dropdown-button.primary{background:linear-gradient(135deg,#ffb800,#ffd657);color:#fff;box-shadow:0 4px 12px #ffb8004d}.dropdown-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffb80066}.dropdown-button.secondary{background:#fff;color:#ffb800;border-color:#ffb800}.dropdown-button.secondary:hover{background:#ffb8000d;transform:translateY(-2px)}.dropdown-links{padding:.5rem}.dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#333;text-decoration:none;border-radius:10px;transition:all .2s ease;font-weight:500;font-size:.95rem;background:transparent;border:none;width:100%;cursor:pointer;font-family:Cairo,sans-serif;text-align:right}.dropdown-link:hover{background:#ffb80014;color:#ffb800;transform:translate(-4px)}.dropdown-link svg{flex-shrink:0}.dropdown-divider{height:1px;background:#e0e0e0;margin:.5rem 0}.dropdown-link.logout{color:#ffb800}.dropdown-link.logout:hover{background:#ffb80014;color:#e6a200}@media (max-width: 768px){.dropdown-overlay{padding:16px}.dropdown-menu{min-width:0;max-width:100%;max-height:calc(100vh - 32px)}.profile-name{display:none}.profile-button{padding:.5rem;border-radius:50%;width:40px;height:40px;justify-content:center}}.chat-widget-bubble{position:fixed;bottom:20px;left:auto;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #0003;transition:all .3s ease;z-index:1000}.chat-widget-bubble:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.chat-bubble-text{font-weight:500;font-size:14px}.chat-widget{position:fixed;bottom:20px;left:auto;right:20px;width:350px;height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}.chat-widget.minimized{height:60px}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;justify-content:space-between;width:100%}.chat-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.status-dot.offline{background:#ef4444;animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chat-actions{display:flex;gap:8px}.chat-action-btn{background:#fff3;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:background .2s}.chat-action-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f9fafb}.chat-welcome{text-align:center;color:#6b7280;padding:40px 20px}.chat-welcome h3{margin:16px 0 8px;color:#374151}.chat-welcome p{font-size:14px}.chat-message{margin-bottom:16px;display:flex}.chat-message.user{justify-content:flex-end}.chat-message.agent{justify-content:flex-start}.chat-message.system{justify-content:center}.message-content{max-width:80%;padding:10px 14px;border-radius:18px;position:relative}.chat-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.chat-message.agent .message-content{background:#fff;color:#374151;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.chat-message.system .message-content{background:#fef3c7;color:#92400e;font-size:12px;text-align:center;border:none}.message-content p{margin:0;line-height:1.4;word-wrap:break-word}.message-time{font-size:11px;opacity:.7;margin-top:4px;display:block}.typing-indicator{text-align:center;color:#6b7280;font-size:12px;font-style:italic;padding:8px}.chat-input{border-top:1px solid #e5e7eb;padding:15px;background:#fff;border-radius:0 0 12px 12px}.input-container{display:flex;gap:8px;align-items:center}.input-container input{flex:1;border:1px solid #d1d5db;border-radius:20px;padding:8px 16px;font-size:14px;outline:none;transition:border-color .2s}.input-container input:focus{border-color:#667eea}.input-container input:disabled{background:#f3f4f6;cursor:not-allowed}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.chat-footer{margin-top:10px;text-align:center}.end-chat-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background .2s}.end-chat-btn:hover{background:#dc2626}@media (max-width: 480px){.chat-widget{width:calc(100vw - 40px);right:20px;left:20px}.chat-widget-bubble{right:20px;left:auto}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cart-item{display:grid;grid-template-columns:80px minmax(0,1fr) auto;grid-template-areas:"image details remove" "image meta remove";column-gap:.75rem;row-gap:.6rem;align-items:start;padding:.75rem;background:#fff;border:1px solid #edf2f7;border-radius:12px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;min-width:0}.cart-item:hover{border-color:#ffb800;box-shadow:0 4px 12px #ffb80026}.cart-item.removing{opacity:0;transform:translate(100%);transition:all .4s ease}.cart-item-image{grid-area:image;flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f7fafc;border:1px solid #edf2f7}.cart-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.cart-item-details{grid-area:details;min-width:0}.cart-item-name{font-size:.98rem;font-weight:700;color:#1a202c;margin:0 0 .2rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.cart-item-category{font-size:.82rem;color:#718096;margin:0;font-weight:500}.cart-item-meta{grid-area:meta;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0}.cart-item--no-total .cart-item-meta{justify-content:space-between}.cart-item-unit-price{margin:0;color:#4a5568;font-size:.86rem;font-weight:600;white-space:nowrap}.quantity-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.quantity-button{width:24px;height:24px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#4a5568}.quantity-button:hover:not(:disabled){background:#ffb800;border-color:#ffb800;color:#fff}.quantity-button:disabled{opacity:.5;cursor:not-allowed}.quantity-value{min-width:26px;text-align:center;font-weight:700;font-size:.86rem;color:#1a202c;transition:all .3s ease}.quantity-value.changing{color:#ffb800;transform:scale(1.08)}.item-total-price{margin:0;font-size:.9rem;font-weight:800;color:#ffb800;white-space:nowrap;text-align:left}.remove-button{grid-area:remove;width:30px;height:30px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a0aec0;transition:all .2s ease;align-self:start;justify-self:start}.remove-button:hover{background:#fed7d7;color:#e53e3e}@media (max-width: 768px){.cart-item{grid-template-columns:58px minmax(0,1fr) auto;grid-template-areas:"image details remove" "meta meta meta";padding:.55rem;gap:.5rem}.cart-item-image{width:58px;height:58px}.cart-item-name{font-size:.88rem}.cart-item-category{font-size:.76rem}.cart-item-meta{padding-top:.25rem;border-top:1px solid #f1f5f9;flex-wrap:wrap}.cart-item--no-total .cart-item-meta{flex-wrap:nowrap}.cart-item-unit-price,.item-total-price{font-size:.82rem}.remove-button{width:26px;height:26px}}@media (max-width: 420px){.quantity-button{width:22px;height:22px}.quantity-value{min-width:24px;font-size:.8rem}}.cart-summary{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #00000014;border:1px solid #edf2f7}.cart-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #edf2f7}.cart-summary-title{font-size:1.25rem;font-weight:800;color:#1a202c;margin:0;display:flex;align-items:center;gap:.5rem}.cart-summary-title svg{color:#ffb800}.sparkle-icon{color:#ffb800;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.cart-summary-details{margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f7fafc}.summary-row:last-child{border-bottom:none}.summary-label{font-size:.95rem;color:#4a5568;font-weight:500;display:flex;align-items:center;gap:.5rem}.summary-label svg{color:#718096;flex-shrink:0}.summary-value{font-size:.95rem;font-weight:600;color:#1a202c}.free-shipping{color:#48bb78!important;font-weight:700;display:flex;align-items:center;gap:.25rem}.discount-row .summary-label{color:#48bb78}.discount-value{color:#48bb78!important;font-weight:700}.summary-divider{height:1px;background:linear-gradient(90deg,#edf2f7,#ffb800,#edf2f7);margin:1rem 0}.summary-total{background:#f8fafc;border-radius:8px;padding:1rem;margin:.5rem 0;border:2px solid #FFB800}.summary-total .summary-label{font-size:1.1rem;font-weight:700;color:#1a202c}.summary-total .summary-value{font-size:1.2rem;font-weight:800;color:#ffb800}.shipping-progress{margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-radius:8px;border:1px solid #81e6d9}.shipping-notice{font-size:.9rem;color:#2c7a7b;font-weight:600;margin-bottom:.75rem;text-align:center}.progress-bar{width:100%;height:8px;background:#bee3f8;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;transition:width .3s ease}.coupon-section{display:flex;gap:.75rem;margin-bottom:1rem}.coupon-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1a202c;background:#fff;transition:all .2s ease;font-family:inherit}.coupon-input:focus{outline:none;border-color:#ffb800;box-shadow:0 0 0 3px #ffb8001a}.apply-coupon-button{padding:.5rem 1rem;background:#ffb800;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.apply-coupon-button:hover{background:#e6a200;transform:translateY(-1px)}.coupon-error{background:#fed7d7;color:#c53030;padding:.75rem;border-radius:6px;font-size:.85rem;font-weight:500;margin-bottom:1rem;text-align:center}.coupon-success{background:#c6f6d5;color:#276749;padding:.75rem;border-radius:6px;font-size:.9rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.checkout-button{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ffb800,#e6a200);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;box-shadow:0 4px 12px #ffb8004d}.checkout-button:hover:not(:disabled){background:linear-gradient(135deg,#e6a200,#d4a200);transform:translateY(-2px);box-shadow:0 6px 20px #ffb80066}.checkout-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.checkout-button svg{flex-shrink:0}.payment-methods{margin-bottom:1.5rem;text-align:center}.payment-methods p{font-size:.85rem;color:#718096;margin-bottom:.75rem;font-weight:500}.payment-icons{display:flex;justify-content:center;gap:1rem}.payment-icons span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;transition:all .2s ease;cursor:help}.payment-icons span:hover{background:#ffb800;border-color:#ffb800;color:#fff;transform:translateY(-2px)}.clear-cart-button{width:100%;padding:.5rem .75rem;background:transparent;color:#e53e3e;border:2px solid #fed7d7;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.clear-cart-button:hover{background:#fed7d7;border-color:#fc8181;color:#c53030}.cart-summary--drawer{padding:1.25rem;margin:0;width:100%;max-width:100%}.cart-summary--drawer .cart-summary-header{justify-content:flex-start;gap:.625rem;text-align:right}.cart-summary--drawer .sparkle-icon{margin-inline-start:auto}.cart-summary--drawer .cart-summary-title{margin:0}.cart-summary--drawer .cart-summary-details{margin-bottom:1.25rem}.cart-summary--drawer .summary-row{gap:.75rem}.cart-summary--drawer .summary-label{flex:1;min-width:0}.cart-summary--drawer .summary-value{white-space:nowrap;flex-shrink:0}.cart-summary--drawer .checkout-button,.cart-summary--drawer .clear-cart-button{min-height:46px;display:flex;align-items:center;justify-content:center;margin:0}.cart-summary--drawer .checkout-button{margin-bottom:.75rem}.cart-summary--drawer .payment-methods{margin:.5rem 0 .75rem}@media (max-width: 768px){.cart-summary{padding:1.25rem;margin:0 -.5rem}.cart-summary--drawer{margin:0}.cart-summary-header{margin-bottom:1rem;padding-bottom:.75rem}.cart-summary-title{font-size:1.1rem}.summary-row{padding:.5rem 0}.summary-label,.summary-value{font-size:.9rem}.summary-total .summary-label{font-size:1rem}.summary-total .summary-value{font-size:1.1rem}.shipping-progress{margin:.75rem 0;padding:.75rem}.coupon-section{flex-direction:column;gap:.5rem}.checkout-button{padding:.875rem 1.25rem;font-size:.95rem}.payment-icons{gap:.75rem}.payment-icons span{width:32px;height:32px}}@media (max-width: 480px){.cart-summary{padding:1rem}.cart-summary--drawer{margin:0}.cart-summary-header{flex-direction:column;gap:.5rem;text-align:center}.summary-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0}.summary-value{font-size:.9rem;font-weight:700}.checkout-button{padding:.75rem 1rem;font-size:.9rem}.cart-summary--drawer .cart-summary-header{flex-direction:row;text-align:right}.cart-summary--drawer .summary-row{flex-direction:row;align-items:center}}.cart-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.cart-drawer-overlay.open{opacity:1;visibility:visible}.cart-drawer-container{position:fixed;top:0;left:0;width:min(400px,100vw);height:100vh;background:#fff;box-shadow:2px 0 20px #00000026;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);direction:rtl;font-family:Cairo,Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden}.cart-drawer-container.open{transform:translate(0)}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #edf2f7;background:#fff;position:sticky;top:0;z-index:10}.cart-drawer-title-wrapper{display:flex;flex-direction:column;gap:.5rem}.cart-drawer-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;margin:0;color:#1a202c}.cart-drawer-title svg{color:#ffb800}.cart-drawer-subtitle{color:#718096;font-size:.9rem;margin:0;font-weight:500}.cart-drawer-close{background:transparent;border:none;color:#a0aec0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.cart-drawer-close:hover{background:#fff5f5;color:#ffb800}.cart-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.cart-drawer-content::-webkit-scrollbar{width:6px}.cart-drawer-content::-webkit-scrollbar-track{background:#f7fafc}.cart-drawer-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.cart-drawer-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cart-drawer-items{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.cart-drawer-items .cart-item{align-items:center}.cart-drawer-items .cart-item-meta{gap:.75rem}.cart-drawer-items .quantity-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:2px 4px;gap:.25rem}.cart-drawer-items .quantity-button{width:26px;height:26px;border-radius:50%}.cart-drawer-items .quantity-value{min-width:24px}.cart-drawer-items .remove-button{align-self:center;justify-self:center}.cart-drawer-summary{padding:0 2rem 1.5rem;border-top:1px solid #edf2f7;background:#f8fafc;min-width:0}.cart-drawer-related{padding:0 2rem 2rem;border-top:1px solid #edf2f7;background:#fff}.cart-drawer-related .cart-related-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #edf2f7}.cart-drawer-empty{padding:4rem 2rem;text-align:center;color:#1a202c}.cart-drawer-empty .empty-cart-animation{position:relative;display:inline-flex;justify-content:center;align-items:flex-start;margin-bottom:1.5rem;background:#fff5f5;width:120px;height:120px;border-radius:50%}.cart-drawer-empty .empty-cart-icon svg{color:#fc8181}.cart-drawer-empty .empty-cart-title{font-size:1.75rem;font-weight:800;color:#2d3748;margin-bottom:.75rem}.cart-drawer-empty .empty-cart-text{color:#718096;font-size:1.1rem;margin-bottom:2rem}.cart-drawer-empty .empty-continue-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#ffb800;color:#fff;padding:1rem 2rem;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s;width:100%;max-width:220px}.cart-drawer-empty .empty-continue-button:hover{background:#e6a200;transform:translateY(-2px)}@media (max-width: 768px){.cart-drawer-container{width:100%}.cart-drawer-header{padding:1rem 1.5rem}.cart-drawer-title{font-size:1.25rem}.cart-drawer-content{padding:0}.cart-drawer-items{padding:1rem 1.5rem}.cart-drawer-summary{padding:0 1.5rem 1rem}.cart-drawer-related{padding:0 1.5rem 1.5rem}.cart-drawer-empty{padding:2rem 1.5rem}.cart-drawer-empty .empty-cart-title{font-size:1.5rem}.cart-drawer-empty .empty-cart-text{font-size:1rem}}@media (max-width: 480px){.cart-drawer-header,.cart-drawer-items{padding:.75rem 1rem}.cart-drawer-summary{padding:0 1rem .75rem}.cart-drawer-related{padding:0 1rem 1rem}.cart-drawer-empty{padding:1.5rem 1rem}}.favorites-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.favorites-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);direction:rtl;font-family:Cairo,sans-serif}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.favorites-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #edf2f7;background:#fff;position:sticky;top:0;z-index:10}.favorites-modal-title-wrapper{display:flex;flex-direction:column;gap:.5rem}.favorites-modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;margin:0;color:#1a202c}.favorites-modal-title svg{color:#ff6b6b}.favorites-modal-subtitle{color:#718096;font-size:.9rem;margin:0;font-weight:500}.favorites-modal-close{background:transparent;border:none;color:#a0aec0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.favorites-modal-close:hover{background:#fff5f5;color:#ffb800}.favorites-modal-content{flex:1;overflow-y:auto;padding:0}.favorites-modal-content::-webkit-scrollbar{width:6px}.favorites-modal-content::-webkit-scrollbar-track{background:#f7fafc}.favorites-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.favorites-modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.favorites-modal-actions{padding:1rem 2rem;border-bottom:1px solid #edf2f7;background:#f8fafc}.share-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffb800;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;font-size:.9rem}.share-button:hover{background:#e6a200;transform:translateY(-2px);box-shadow:0 4px 12px #ffb8004d}.favorites-modal-empty,.favorites-modal-loading,.favorites-modal-error{padding:4rem 2rem;text-align:center;color:#1a202c}.favorites-modal-empty svg,.favorites-modal-loading svg,.favorites-modal-error svg{color:#e0e0e0;margin-bottom:1.5rem}.favorites-modal-empty h3,.favorites-modal-loading h3,.favorites-modal-error h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.favorites-modal-empty p,.favorites-modal-loading p,.favorites-modal-error p{font-size:1rem;color:#666;margin:0}.favorites-modal-grid{padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.favorites-modal-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:1rem;border:1px solid #edf2f7}.favorites-modal-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#e2e8f0}.remove-button{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.remove-button:hover{background:#fee;border-color:#ffb800;color:#ffb800;transform:scale(1.1)}.favorites-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px;overflow:hidden}.favorites-image img{max-width:80%;max-height:80%;object-fit:contain}.favorites-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.favorites-item-name{font-size:1.1rem;font-weight:600;color:#333;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorites-price{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.price-amount{font-size:1.25rem;font-weight:700;color:#ffb800}.out-of-stock{font-size:.875rem;color:#ffb800;font-weight:600;padding:.25rem .75rem;background:#fff5f5;border-radius:12px}.favorites-actions{display:flex;gap:.5rem;align-items:center}.stock-alert-button{width:40px;height:40px;border:2px solid #e0e0e0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .3s ease}.stock-alert-button:hover{border-color:#ffb800;color:#ffb800;background:#fff5f5}.add-to-cart-button{flex:1;padding:.875rem;background:linear-gradient(135deg,#ffb800,#ffd657);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.add-to-cart-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ffb80066}.add-to-cart-button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;transform:none}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.share-dialog{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 40px #0003}.share-dialog h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1a202c;text-align:center}.share-dialog p{margin:0 0 1.5rem;color:#666;text-align:center}.share-url-container{display:flex;gap:.5rem;margin-bottom:1.5rem}.share-url-input{flex:1;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-family:Cairo,sans-serif;direction:ltr}.copy-button{display:flex;align-items:center;gap:.5rem;background:#ffb800;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-button:hover{background:#e6a200}.close-button{width:100%;padding:.75rem;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-button:hover{background:#edf2f7}@media (max-width: 768px){.favorites-modal-overlay{padding:.5rem}.favorites-modal-container{max-height:95vh;border-radius:12px}.favorites-modal-header{padding:1rem 1.5rem}.favorites-modal-title{font-size:1.25rem}.favorites-modal-actions{padding:1rem 1.5rem}.favorites-modal-grid{padding:1rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.favorites-modal-empty,.favorites-modal-loading,.favorites-modal-error{padding:2rem 1.5rem}.share-dialog{padding:1.5rem;margin:1rem}}@media (max-width: 480px){.favorites-modal-header,.favorites-modal-actions{padding:.75rem 1rem}.favorites-modal-grid{padding:.75rem 1rem;grid-template-columns:1fr}.favorites-modal-empty,.favorites-modal-loading,.favorites-modal-error{padding:1.5rem 1rem}}.header{width:100%;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1001}.header-container{max-width:1440px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:60px}.logo-container{display:flex;align-items:center;flex-shrink:0;order:1}.logo{display:flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer}.logo-text{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(16px,3vw,18px);color:#666;letter-spacing:clamp(.5px,.2vw,1px);text-transform:uppercase}.logo-heart{font-size:18px;animation:heartbeat 1.5s ease-in-out infinite}.logo-image{height:clamp(24px,4vw,36px);width:auto}.nav-container{display:none;order:2}.header-actions{display:flex;align-items:center;gap:12px;order:3}.cart-link{position:relative;padding:8px;border-radius:8px;transition:all .3s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.cart-link svg{width:20px;height:20px;display:block}.cart-link:hover{background:#f8f9fa}.cart-badge{position:absolute;top:4px;right:4px;background:#ff6b6b;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;cursor:pointer;border-radius:8px;min-height:44px;min-width:44px;transition:all .3s ease;order:2}.mobile-menu-toggle:hover{background:#f8f9fa}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.mobile-nav.active{display:block;opacity:1}.mobile-nav-panel{position:absolute;top:0;right:0;bottom:0;width:min(280px,85vw);background:#fff;box-shadow:-4px 0 16px #0000001a;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.mobile-nav.active .mobile-nav-panel{transform:translate(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0}.mobile-nav-close{padding:8px;border:none;background:none;cursor:pointer;border-radius:8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-close:hover{background:#f8f9fa}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item{border-bottom:1px solid #f0f0f0}.mobile-nav-link{display:block;padding:16px 20px;text-decoration:none;color:#333;font-family:Cairo,sans-serif;font-size:15px;transition:background .3s ease}.mobile-nav-link:hover{background:#f8f9fa}.mobile-nav-link.admin-link{display:flex;align-items:center;gap:8px;color:#ff6b6b}@media (min-width: 481px){.header-container{padding:14px 24px;gap:1.5rem}.logo-text{font-size:20px;letter-spacing:1.5px}.logo-heart{font-size:20px}.logo-image{height:32px}.mobile-nav-panel{width:min(320px,85vw)}}@media (min-width: 1025px){.header-container{padding:16px 40px;gap:2rem}.logo-text{font-size:24px;letter-spacing:2px}.logo-heart{font-size:24px}.logo-image{height:36px}.nav-container{display:block;order:2}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:#333;font-family:Cairo,sans-serif;font-size:15px;font-weight:500;transition:color .3s ease;white-space:nowrap}.nav-link:hover{color:#ff6b6b}.admin-link{display:flex;align-items:center;gap:6px;color:#ff6b6b}.header-actions{gap:16px}.mobile-menu-toggle{display:none}.mobile-nav{display:none!important}}@media (min-width: 1367px){.header-container{padding:18px 60px}.nav-list{gap:2.5rem}.nav-link{font-size:16px}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-container{flex:1;display:flex;justify-content:center}.nav-list{display:flex;gap:40px;list-style:none;margin:0;padding:0;align-items:center}.nav-item{display:flex;align-items:center}.nav-link{font-family:Cairo,sans-serif;font-weight:600;font-size:14px;color:#666;text-decoration:none;padding:8px 0;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:gold;transition:width .3s ease}.nav-link:hover{color:#333}.nav-link:hover:after{width:100%}@media (max-width: 768px){.header-container{flex-direction:row;justify-content:space-between;gap:16px;padding:16px 20px}.nav-container{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;order:3}.mobile-menu-toggle:hover{background:#f8f9fa}.mobile-menu-toggle svg{width:24px;height:24px}.header-actions{display:flex;align-items:center;gap:16px;order:2}}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.cart-link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;border:2px solid #e0e0e0;color:#666;text-decoration:none;transition:all .3s ease}.cart-link:hover{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b0d;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b33}.cart-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:clamp(10px,2vw,11px);font-weight:700;min-width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #ff6b6b66;animation:badgePop .3s ease}@media (max-width: 480px){.header-container{padding:12px 16px;gap:12px}.header-actions{gap:12px}.cart-link{width:40px;height:40px}.cart-badge{top:-1px;right:-1px;min-width:14px;height:14px;font-size:9px}.profile-button{padding:.4rem .8rem;font-size:12px}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.nav-link.admin-link{display:flex;align-items:center;gap:.25rem;color:#667eea;font-weight:600}:root{--footer-bg-primary: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);--footer-bg-secondary: rgba(255, 255, 255, .02);--footer-accent: #ffb800;--footer-accent-light: #ffd700;--footer-text-primary: #ffffff;--footer-text-secondary: rgba(255, 255, 255, .7);--footer-text-muted: rgba(255, 255, 255, .5);--footer-border: rgba(255, 255, 255, .1);--footer-glass: rgba(255, 255, 255, .08);--footer-shadow: 0 20px 40px rgba(0, 0, 0, .3);--footer-radius: 16px;--footer-transition: all .4s cubic-bezier(.23, 1, .32, 1);--footer-font: "Cairo", -apple-system, BlinkMacSystemFont, sans-serif}.footer{position:relative;background:var(--footer-bg-primary);color:var(--footer-text-primary);font-family:var(--footer-font);direction:rtl;overflow:hidden;opacity:0;transform:translateY(30px);transition:var(--footer-transition)}.footer--visible{opacity:1;transform:translateY(0)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,184,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,184,0,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,184,0,.08) 0%,transparent 50%);pointer-events:none;z-index:1}.footer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.footer__main{position:relative;z-index:2;padding:80px 0 40px;background:var(--footer-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--footer-border)}.footer__container{max-width:1400px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr;gap:48px;align-items:start}.footer__column--brand{position:relative}.footer__brand{margin-bottom:48px}.footer__logo{display:flex;align-items:center;gap:16px;margin-bottom:24px;transition:var(--footer-transition)}.footer__logo:hover{transform:translateY(-2px)}.footer__logo svg{color:var(--footer-accent);transition:var(--footer-transition);animation:logoGlow 3s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:drop-shadow(0 0 8px rgba(255,184,0,.3))}to{filter:drop-shadow(0 0 16px rgba(255,184,0,.6))}}.footer__logo-text{font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--footer-accent),var(--footer-accent-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.footer__tagline{font-size:16px;line-height:1.6;color:var(--footer-text-secondary);margin:0;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .3s forwards}.footer__newsletter{background:var(--footer-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--footer-border);border-radius:var(--footer-radius);padding:32px;position:relative;overflow:hidden}.footer__newsletter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,184,0,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.footer__newsletter-title{font-size:18px;font-weight:700;color:var(--footer-text-primary);margin:0 0 20px;text-align:right}.footer__newsletter-form{position:relative}.footer__newsletter-input-group{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--footer-border);border-radius:50px;overflow:hidden;transition:var(--footer-transition)}.footer__newsletter-input-group:focus-within{border-color:var(--footer-accent);box-shadow:0 0 0 3px #ffb8001a;transform:translateY(-2px)}.footer__newsletter-input{flex:1;padding:16px 20px;background:transparent;border:none;color:var(--footer-text-primary);font-size:14px;outline:none;text-align:right}.footer__newsletter-input::placeholder{color:var(--footer-text-muted)}.footer__newsletter-btn{padding:14px 20px;background:var(--footer-accent);border:none;border-radius:50px;color:#0f0f23;cursor:pointer;transition:var(--footer-transition);display:flex;align-items:center;justify-content:center;margin-right:8px}.footer__newsletter-btn:hover{background:var(--footer-accent-light);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #ffb8004d}.footer__column-title{font-size:20px;font-weight:800;color:var(--footer-text-primary);margin:0 0 24px;text-align:right;position:relative;padding-bottom:12px}.footer__column-title:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:3px;background:linear-gradient(90deg,var(--footer-accent),transparent);border-radius:2px}.footer__nav-list{list-style:none;padding:0;margin:0}.footer__nav-item{margin-bottom:12px;opacity:0;transform:translate(20px);animation:slideInFromRight .6s ease-out forwards}.footer__nav-link{display:flex;align-items:center;gap:12px;color:var(--footer-text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:var(--footer-transition);padding:8px 0;position:relative;overflow:hidden}.footer__nav-link:before{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--footer-accent);transition:width .3s ease}.footer__nav-link:hover{color:var(--footer-text-primary);transform:translate(-4px)}.footer__nav-link:hover:before{width:100%}.footer__nav-link svg{color:var(--footer-accent);transition:var(--footer-transition)}.footer__contact{display:flex;flex-direction:column;gap:16px}.footer__contact-item{display:flex;align-items:center;gap:12px;color:var(--footer-text-secondary);font-size:14px;transition:var(--footer-transition)}.footer__contact-item:hover{color:var(--footer-text-primary);transform:translate(-4px)}.footer__contact-item svg{color:var(--footer-accent);flex-shrink:0}.footer__social{display:flex;gap:16px;flex-wrap:wrap}.footer__social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--footer-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--footer-border);border-radius:12px;color:var(--footer-text-secondary);text-decoration:none;transition:var(--footer-transition);position:relative;overflow:hidden}.footer__social-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--footer-accent);transform:translateY(100%);transition:transform .3s ease;z-index:-1}.footer__social-link:hover{color:#0f0f23;transform:translateY(-4px) rotate(5deg);box-shadow:0 12px 24px #ffb80033}.footer__social-link:hover:before{transform:translateY(0)}.footer__social-link svg{transition:var(--footer-transition)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.footer__column{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.footer__column:nth-child(1){animation-delay:.1s}.footer__column:nth-child(2){animation-delay:.2s}.footer__column:nth-child(3){animation-delay:.3s}.footer__column:nth-child(4){animation-delay:.4s}.footer__column:nth-child(5){animation-delay:.5s}@media (max-width: 1024px){.footer__container{grid-template-columns:1fr 1fr;gap:40px}.footer__column--brand{grid-column:1 / -1}.footer__newsletter{max-width:400px;margin:0 auto}}@media (max-width: 768px){.footer__main{padding:60px 0 30px}.footer__container{grid-template-columns:1fr;gap:32px;padding:0 20px}.footer__logo{justify-content:center}.footer__tagline{text-align:center}.footer__social{justify-content:center}.footer__newsletter{text-align:center}}@media (max-width: 480px){.footer__social{gap:12px}.footer__social-link{width:40px;height:40px}.footer__contact-item{font-size:13px}.footer__nav-link{font-size:14px}}.footer .products-sidebar{background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:64px 32px;position:relative;z-index:1;border-bottom:1px solid rgba(226,232,240,.8)}.footer .sidebar-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px}.footer .sidebar-column{display:flex;flex-direction:column;gap:24px}.footer .sidebar-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:700;color:#1e293b;margin:0;text-align:right;position:relative;padding-bottom:12px}.footer .sidebar-title:after{content:"";position:absolute;bottom:0;right:0;width:48px;height:3px;background:linear-gradient(90deg,#666,#333);border-radius:2px;transition:width .3s ease}.footer .sidebar-column:hover .sidebar-title:after{width:80px}.footer .sidebar-products{display:flex;flex-direction:column;gap:16px}.footer .sidebar-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:#64748b;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.footer .sidebar-product{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.footer .sidebar-product:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.03) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.footer .sidebar-product:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#00000026}.footer .sidebar-product:hover:before{opacity:1}.footer .sidebar-product-image{width:80px;height:80px;flex-shrink:0;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;position:relative;z-index:1}.footer .sidebar-product:hover .sidebar-product-image{transform:scale(1.05);box-shadow:0 8px 24px #0000001f}.footer .sidebar-product-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.footer .sidebar-product:hover .sidebar-product-image img{transform:scale(1.1)}.footer .sidebar-product-info{flex:1;text-align:right;position:relative;z-index:1}.footer .sidebar-product-name{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#1e293b;margin:0 0 8px;cursor:pointer;transition:color .3s ease;line-height:1.4}.footer .sidebar-product-name:hover{color:#333}.footer .sidebar-product-price{display:flex;align-items:baseline;gap:4px;justify-content:flex-end;font-family:Inter,sans-serif}.footer .sidebar-product-price .price-amount{font-size:17px;font-weight:800;color:#333;letter-spacing:-.5px}.footer .sidebar-product-price .price-currency{font-size:13px;font-weight:500;color:#64748b}.footer .newsletter-section{background:linear-gradient(135deg,#fff,#f1f5f9);padding:96px 32px;position:relative;z-index:1;border-bottom:1px solid rgba(226,232,240,.6)}.footer .newsletter-container{max-width:1200px;margin:0 auto}.footer .newsletter-content{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.footer .newsletter-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;text-align:right}.footer .newsletter-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#666,#333);border-radius:20px;color:#fff;flex-shrink:0;box-shadow:0 12px 40px #00000026;transition:transform .3s ease}.footer .newsletter-icon:hover{transform:scale(1.05)}.footer .newsletter-text{flex:1}.footer .newsletter-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:800;color:#1e293b;margin:0 0 16px;text-align:right;line-height:1.2;letter-spacing:-.8px}.footer .newsletter-subtitle{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#64748b;margin:0;text-align:right;line-height:1.6}.footer .newsletter-form-wrapper{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0;width:100%}.footer .newsletter-form{width:100%;max-width:1000px}.footer .newsletter-input-group{display:flex;gap:16px;align-items:stretch;margin-bottom:24px;width:100%}.footer .input-container{flex:1;position:relative;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(226,232,240,.8);transition:all .3s ease;direction:rtl;box-shadow:0 4px 20px #0000000a}.footer .input-container:focus-within{border-color:#666;box-shadow:0 0 0 4px #0000000d,0 12px 40px #0000001a;transform:translateY(-2px)}.footer .input-icon-wrapper{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color .3s ease;z-index:1}.footer .input-container:focus-within .input-icon-wrapper{color:#666}.footer .email-input{width:100%;padding:20px 60px 20px 24px;border:none;font-family:Inter,sans-serif;font-size:16px;color:#1e293b;outline:none;background:transparent;text-align:right;transition:all .3s ease}.footer .email-input::placeholder{color:#94a3b8;font-family:Inter,sans-serif}.footer .email-input:focus::placeholder{color:#cbd5e1}.footer .submit-btn{padding:20px 32px;background:linear-gradient(135deg,#666,#333);border:none;border-radius:20px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0003;min-width:140px;justify-content:center}.footer .submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.footer .submit-btn:hover{background:linear-gradient(135deg,#555,#222);box-shadow:0 12px 48px #0000004d;transform:translateY(-3px)}.footer .submit-btn:hover:before{opacity:1}.footer .submit-btn:active{transform:translateY(-1px)}.footer .btn-arrow{transition:transform .3s ease}.footer .submit-btn:hover .btn-arrow{transform:translate(3px)}.footer .form-benefits{display:flex;gap:32px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px;width:100%;min-height:80px}.footer .benefit-item{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px;color:#64748b;transition:color .3s ease;white-space:normal;font-weight:500;flex-shrink:0}.footer .benefit-item svg{color:#666;flex-shrink:0;width:18px;height:18px}.footer .benefit-item:hover{color:#1e293b}.footer .newsletter-logo{display:flex;flex-direction:column;align-items:center;gap:40px}.footer .logo-large{display:flex;align-items:center;gap:16px;flex-direction:column}.footer .logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:900;color:#1e293b;letter-spacing:8px;text-transform:uppercase;opacity:.9;line-height:1;text-align:center}.footer .logo-heart{font-size:40px;animation:footerHeartbeat 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(0,0,0,.2));color:#666}@keyframes footerHeartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1.05)}42%{transform:scale(1.2)}70%{transform:scale(1)}}.footer .logo-tagline{font-family:Inter,sans-serif;font-size:14px;color:#64748b;letter-spacing:3px;text-transform:uppercase;text-align:center;font-weight:600}.footer .social-links{display:flex;gap:16px;align-items:center}.footer .social-link{width:52px;height:52px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.footer .social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;transition:opacity .3s ease}.footer .social-link:hover{transform:translateY(-6px) scale(1.1);color:#fff;border-color:transparent;box-shadow:0 12px 32px #00000026}.footer .social-link.facebook:before{background:#1877f2}.footer .social-link.instagram:before{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.footer .social-link.whatsapp:before{background:#25d366}.footer .social-link.facebook:hover{box-shadow:0 12px 32px #1877f266}.footer .social-link.instagram:hover{box-shadow:0 12px 32px #d6249f66}.footer .social-link.whatsapp:hover{box-shadow:0 12px 32px #25d36666}.footer .social-link:hover:before{opacity:1}.footer .social-link svg{width:22px;height:22px;position:relative;z-index:1;transition:transform .3s ease}.footer .social-link:hover svg{transform:scale(1.15)}.footer .copyright-section{background:#f1f5f9cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-top:1px solid rgba(226,232,240,.6);position:relative;z-index:1}.footer .copyright-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer .copyright-text{font-family:Inter,sans-serif;font-size:14px;color:#64748b;margin:0;letter-spacing:.3px;font-weight:500}.footer .copyright-links{display:flex;align-items:center;gap:12px}.footer .copyright-links a{font-family:Inter,sans-serif;font-size:14px;color:#64748b;text-decoration:none;transition:color .3s ease;font-weight:500;position:relative}.footer .copyright-links a:after{content:"";position:absolute;bottom:-2px;right:0;width:0;height:1px;background:#666;transition:width .3s ease}.footer .copyright-links a:hover{color:#666}.footer .copyright-links a:hover:after{width:100%}.footer .copyright-divider{color:#cbd5e1;margin:0 8px;font-size:14px}@media (min-width: 769px) and (max-width: 1024px){.footer .products-sidebar{padding:48px 24px}.footer .sidebar-container{gap:32px}.footer .newsletter-section{padding:72px 24px}.footer .newsletter-content{gap:64px}.footer .newsletter-title{font-size:28px}.footer .logo-text{font-size:40px;letter-spacing:6px}.footer .logo-heart{font-size:34px}}@media (max-width: 768px){.footer .products-sidebar{padding:48px 20px}.footer .sidebar-container{grid-template-columns:1fr;gap:40px}.footer .sidebar-title{font-size:16px}.footer .sidebar-product{padding:12px}.footer .sidebar-product-image{width:64px;height:64px}.footer .sidebar-product-name{font-size:14px}.footer .newsletter-section{padding:64px 20px}.footer .newsletter-content{grid-template-columns:1fr;gap:56px}.footer .newsletter-form-wrapper{order:2;align-items:center;text-align:center;width:100%}.footer .newsletter-title{font-size:24px;text-align:center}.footer .newsletter-logo{order:1}.footer .logo-text{font-size:32px;letter-spacing:4px}.footer .logo-heart{font-size:30px}.footer .newsletter-input-group{flex-direction:column;gap:16px;align-items:center;width:100%}.footer .input-container{width:100%;max-width:400px}.footer .submit-btn{width:100%;max-width:200px}.footer .form-benefits{justify-content:center;gap:20px}.footer .copyright-container{flex-direction:column;text-align:center;gap:16px}.footer .copyright-section{padding:24px 20px}.footer .social-links{gap:12px}.footer .social-link{width:48px;height:48px}.footer .social-link svg{width:20px;height:20px}}:root{--ms-yellow: #FFB800;--ms-yellow-light: #FFD657;--ms-yellow-dark: #E6A200;--ms-red: #e8363a;--ms-red-dark: #c0272b;--ms-dark: #111118;--ms-text: #1e1e2e;--ms-muted: #64647a;--ms-white: #ffffff;--ms-ease: cubic-bezier(.22, 1, .36, 1);--ms-font: "Cairo", sans-serif}.ms-search-bar{background:linear-gradient(90deg,var(--ms-yellow) 0%,var(--ms-yellow-light) 100%);padding:14px 0;box-shadow:0 2px 12px #ffb80059;direction:rtl;position:relative;z-index:5}.ms-search-bar__inner{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:24px}.ms-search-bar__browse{font-family:var(--ms-font);font-size:14px;font-weight:700;color:var(--ms-dark);text-decoration:none;white-space:nowrap;opacity:.85;transition:opacity .2s}.ms-search-bar__browse:hover{opacity:1}.ms-search-bar__form{flex:1;max-width:640px;display:flex;background:var(--ms-white);border-radius:50px;overflow:hidden;box-shadow:0 2px 12px #0000001f;border:2px solid rgba(255,255,255,.6)}.ms-search-bar__input{flex:1;padding:12px 20px;border:none;font-family:var(--ms-font);font-size:14px;outline:none;text-align:right;background:transparent;color:var(--ms-text)}.ms-search-bar__input::placeholder{color:#aaa}.ms-search-bar__select{padding:0 14px;border:none;border-right:1px solid #eee;font-family:var(--ms-font);font-size:13px;background:transparent;cursor:pointer;outline:none;min-width:130px;color:var(--ms-text)}.ms-search-bar__btn{padding:0 20px;background:var(--ms-dark);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ms-white);transition:background .25s}.ms-search-bar__btn:hover{background:var(--ms-red)}.ms-hero{position:relative;width:100%;height:700px;overflow:hidden;direction:rtl}.ms-hero__banner{position:relative;width:100%;height:100%}.ms-hero__banner-img{width:100%;height:100%;object-fit:cover;object-position:center}.ms-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,rgba(0,0,0,.65) 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.2) 70%,transparent 100%);z-index:3;pointer-events:none}.ms-hero__content{position:absolute;top:50%;right:7%;transform:translateY(-50%);z-index:4;max-width:380px;text-align:right;direction:rtl;animation:ms-text-in .8s var(--ms-ease) both}@keyframes ms-text-in{0%{opacity:0;transform:translateY(calc(-50% + 24px))}to{opacity:1;transform:translateY(-50%)}}.ms-hero__badge{display:inline-block;font-family:var(--ms-font);font-size:12px;font-weight:700;color:var(--ms-dark);background:var(--ms-yellow);padding:5px 16px;border-radius:50px;margin-bottom:14px;letter-spacing:.06em;animation:ms-badge-pop .6s var(--ms-ease) .3s both}@keyframes ms-badge-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.ms-hero__headline{font-family:var(--ms-font);font-size:clamp(28px,4vw,46px);font-weight:900;color:var(--ms-white);margin:0 0 12px;line-height:1.2;text-shadow:0 3px 16px rgba(0,0,0,.4)}.ms-hero__sub{font-family:var(--ms-font);font-size:15px;color:#ffffffeb;margin:0 0 28px;line-height:1.7;text-shadow:0 2px 8px rgba(0,0,0,.3)}.ms-hero__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--ms-font);font-size:15px;font-weight:700;color:var(--ms-dark);background:var(--ms-yellow);padding:13px 32px;border-radius:50px;text-decoration:none;transition:transform .25s var(--ms-ease),box-shadow .25s;box-shadow:0 6px 24px #ffb80073;animation:ms-cta-bounce .7s var(--ms-ease) .6s both}@keyframes ms-cta-bounce{0%{opacity:0;transform:translateY(20px)}60%{transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ms-hero__cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 32px #ffb8008c}.ms-hero__whatsapp{position:absolute;bottom:24px;left:24px;background:#25d366;color:var(--ms-white);padding:10px 18px;border-radius:50px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #25d36666;text-decoration:none;z-index:5;font-family:var(--ms-font);font-size:12px;font-weight:600;transition:all .25s var(--ms-ease)}.ms-hero__whatsapp:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 24px #25d36680}.ms-cats{background:var(--ms-white);padding:0;position:relative;z-index:2;direction:rtl}.ms-cats__inner{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ms-cats__pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--ms-font);font-size:14px;font-weight:700;color:var(--ms-dark);background:linear-gradient(135deg,var(--ms-yellow) 0%,var(--ms-yellow-light) 100%);padding:6px 18px;border-radius:50px;text-decoration:none;transition:transform .25s var(--ms-ease),box-shadow .25s var(--ms-ease),background .25s;box-shadow:0 3px 10px #ffb80040;white-space:nowrap}.ms-cats__pill:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffb80066;background:linear-gradient(135deg,var(--ms-yellow-light) 0%,var(--ms-yellow) 100%)}.ms-cats__emoji{font-size:18px;line-height:1}.ms-features{background:var(--ms-dark);padding:0;direction:rtl}.ms-features__inner{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative}.ms-features__item{display:flex;align-items:center;gap:14px;padding:22px 0;position:relative;flex:1;justify-content:center;transition:background .25s;cursor:default}.ms-features__item:hover{background:#ffffff0a}.ms-features__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ms-yellow) 0%,var(--ms-yellow-dark) 100%);color:var(--ms-dark);flex-shrink:0;box-shadow:0 4px 12px #ffb8004d}.ms-features__text{display:flex;flex-direction:column;gap:2px}.ms-features__label{font-family:var(--ms-font);font-size:14px;font-weight:700;color:var(--ms-white);line-height:1}.ms-features__note{font-family:var(--ms-font);font-size:12px;color:#ffffffa6;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ms-features__divider{width:1px;height:36px;background:#ffffff1a;flex-shrink:0}@media (max-width: 1024px){.ms-hero{height:500px}.ms-hero__content{right:5%;max-width:320px}.ms-features__note{display:none}.ms-features__item{gap:10px}}@media (max-width: 768px){.ms-search-bar__inner{flex-direction:column;gap:12px;padding:0 16px}.ms-search-bar__form{width:100%;max-width:100%}.ms-search-bar__select{display:none}.ms-hero{height:400px}.ms-panel--skew{clip-path:none}.ms-panel__emoji{font-size:54px}.ms-hero__content{right:16px;left:16px;max-width:100%;text-align:center}.ms-hero__overlay{background:#00000080}.ms-hero__whatsapp span{display:none}.ms-cats__inner{padding:0 12px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ms-cats__inner::-webkit-scrollbar{display:none}.ms-features__inner{flex-wrap:wrap;padding:0 16px}.ms-features__item{flex:calc(50% - 24px);min-width:140px;justify-content:flex-start;padding:16px 8px}.ms-features__divider{display:none}}@media (max-width: 480px){.ms-hero{height:350px}.ms-hero__headline{font-size:24px}.ms-hero__sub{display:none}}:root{--ps-yellow: #FFB800;--ps-yellow-light: #FFD657;--ps-red: #e8363a;--ps-red-dark: #c0272b;--ps-dark: #111118;--ps-text: #1e1e2e;--ps-muted: #64647a;--ps-border: #ebebf5;--ps-bg: #f7f7fc;--ps-white: #ffffff;--ps-ease: cubic-bezier(.22, 1, .36, 1);--ps-font: "Cairo", sans-serif;--ps-radius: 14px;--ps-shadow: 0 4px 20px rgba(0, 0, 0, .07);--ps-shadow-hover: 0 16px 48px rgba(0, 0, 0, .13)}.ps-wrap{background:var(--ps-bg);padding:0;direction:rtl}.ps-empty{max-width:480px;margin:0 auto;padding:80px 24px;text-align:center}.ps-empty__icon{font-size:64px;display:block;margin-bottom:24px}.ps-empty h3{font-family:var(--ps-font);font-size:22px;font-weight:800;color:var(--ps-text);margin:0 0 10px}.ps-empty p{font-family:var(--ps-font);font-size:15px;color:var(--ps-muted);margin:0 0 24px}.ps-empty__link{display:inline-block;font-family:var(--ps-font);font-size:15px;font-weight:700;color:var(--ps-dark);background:var(--ps-yellow);padding:12px 28px;border-radius:50px;text-decoration:none;transition:transform .25s var(--ps-ease),box-shadow .25s}.ps-empty__link:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ffb80066}.ps-section{max-width:1280px;margin:0 auto 72px;padding:0 28px}.ps-section--alt{margin-bottom:0}.ps-section__head{display:flex;align-items:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.ps-section__title-wrap{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.ps-section__title{font-family:var(--ps-font);font-size:24px;font-weight:900;color:var(--ps-text);margin:0;letter-spacing:-.02em}.ps-section__title-bar{width:48px;height:3px;background:linear-gradient(90deg,var(--ps-yellow),var(--ps-red));border-radius:2px}.ps-section__see-all{margin-right:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--ps-font);font-size:13px;font-weight:700;color:var(--ps-red);text-decoration:none;transition:gap .25s}.ps-section__see-all:hover{gap:10px}.ps-tabs{display:flex;gap:4px;background:#ededf7;padding:4px;border-radius:50px}.ps-tab{font-family:var(--ps-font);font-size:13px;font-weight:600;color:var(--ps-muted);background:transparent;border:none;padding:8px 18px;border-radius:50px;cursor:pointer;transition:all .25s var(--ps-ease);white-space:nowrap}.ps-tab--active{background:var(--ps-yellow);color:var(--ps-dark);box-shadow:0 3px 10px #ffb8004d}.ps-nav-arrows{display:flex;gap:8px}.ps-arrow{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--ps-border);background:var(--ps-white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ps-muted);transition:all .25s var(--ps-ease)}.ps-arrow:hover{border-color:var(--ps-yellow);color:var(--ps-dark);box-shadow:0 4px 12px #ffb80040}.ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.ps-card{background:var(--ps-white);border-radius:var(--ps-radius);box-shadow:var(--ps-shadow);border:1.5px solid transparent;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s var(--ps-ease),box-shadow .3s var(--ps-ease),border-color .3s;cursor:pointer}.ps-card:hover{transform:translateY(-6px);box-shadow:var(--ps-shadow-hover);border-color:#ffb80059}.ps-card__badge{position:absolute;top:12px;right:12px;font-family:var(--ps-font);font-size:10px;font-weight:700;padding:4px 10px;border-radius:50px;z-index:3}.ps-card__badge--hot{background:linear-gradient(135deg,var(--ps-yellow) 0%,var(--ps-yellow-light) 100%);color:var(--ps-dark);box-shadow:0 3px 10px #ffb80059}.ps-card__wish{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#aaa;z-index:3;transition:all .25s var(--ps-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000001a;opacity:0}.ps-card:hover .ps-card__wish{opacity:1}.ps-card__wish--active,.ps-card:hover .ps-card__wish--active{opacity:1;color:var(--ps-red);background:#e8363a14;border-color:#e8363a33}.ps-card__wish:hover{transform:scale(1.15)}.ps-card-link{text-decoration:none;color:inherit}.ps-card__img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--ps-bg);overflow:hidden}.ps-card__img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .4s var(--ps-ease)}.ps-card:hover .ps-card__img{transform:scale(1.08)}.ps-card__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px}.ps-card__cart-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--ps-yellow) 0%,var(--ps-yellow-light) 100%);color:var(--ps-dark);border:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-family:var(--ps-font);font-size:13px;font-weight:700;cursor:pointer;transform:translateY(100%);transition:transform .3s var(--ps-ease);z-index:2}.ps-card:hover .ps-card__cart-overlay{transform:translateY(0)}.ps-card__cart-overlay:hover{background:linear-gradient(135deg,var(--ps-yellow-light) 0%,var(--ps-yellow) 100%)}.ps-card__cart-overlay--added{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;transform:translateY(0);animation:ps-cart-success .42s var(--ps-ease)}.ps-card__info{display:flex;flex-direction:column;gap:6px;padding:16px;text-align:right}.ps-card__cat{font-family:var(--ps-font);font-size:11px;font-weight:600;color:var(--ps-muted);text-transform:uppercase;letter-spacing:.05em}.ps-card__name{font-family:var(--ps-font);font-size:14px;font-weight:700;color:var(--ps-text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ps-stars{display:flex;align-items:center;gap:2px;flex-direction:row-reverse;justify-content:flex-end}.ps-star{color:#ddd;transition:color .2s}.ps-star--filled{color:var(--ps-yellow)}.ps-stars__count{font-family:var(--ps-font);font-size:11px;color:var(--ps-muted);margin-right:4px}.ps-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ps-card__price{display:flex;align-items:baseline;gap:4px}.ps-card__price-val{font-family:Inter,sans-serif;font-size:18px;font-weight:800;color:var(--ps-red)}.ps-card__price--discounted{color:var(--ps-red)!important;font-weight:900!important}.ps-card__price--original{text-decoration:line-through;color:var(--ps-muted)!important;font-size:14px!important;font-weight:600!important;opacity:.7}.ps-card__discount-badge{position:absolute;top:12px;right:12px;background:var(--ps-red);color:var(--ps-white);font-family:var(--ps-font);font-size:10px;font-weight:800;padding:3px 8px;border-radius:50px;z-index:4;box-shadow:0 2px 8px #e8363a4d}.ps-card__price-cur{font-family:var(--ps-font);font-size:13px;font-weight:700;color:var(--ps-muted)}.ps-card__cart-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--ps-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ps-muted);transition:all .25s var(--ps-ease)}.ps-card__cart-btn:hover{background:var(--ps-yellow);border-color:var(--ps-yellow);color:var(--ps-dark);transform:scale(1.08)}.ps-card__cart-btn--added{background:#22c55e;border-color:#22c55e;color:#fff;animation:ps-cart-success .42s var(--ps-ease)}@keyframes ps-cart-success{0%{transform:scale(.92);box-shadow:0 0 #22c55e00}55%{transform:scale(1.08);box-shadow:0 0 0 8px #22c55e38}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.ps-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.ps-dot{width:8px;height:8px;border-radius:50%;background:#d0d0de;transition:all .3s var(--ps-ease);cursor:pointer;display:inline-block}.ps-dot--active{background:var(--ps-yellow);width:28px;border-radius:4px}.ps-banners{max-width:1280px;margin:0 auto 72px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;direction:rtl}.ps-banner{position:relative;border-radius:18px;min-height:220px;overflow:hidden;cursor:pointer;transition:transform .3s var(--ps-ease),box-shadow .3s;background-size:cover;background-position:center;background-repeat:no-repeat}.ps-banner:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px #0000002e}.ps-banner--green{background:linear-gradient(135deg,#2d6a3fd9,#4caf50d9 60%,#81c784d9)}.ps-banner--yellow{background:linear-gradient(135deg,#ffd657d9,#ffb800d9 60%,#e6a200d9)}.ps-banner:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff14;bottom:-80px;left:-60px;pointer-events:none}.ps-banner:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#ffffff0f;top:-40px;right:-30px;pointer-events:none}.ps-banner__content{position:relative;z-index:2;padding:36px 40px;display:flex;flex-direction:column;gap:8px;height:100%}.ps-banner__eyebrow{font-family:var(--ps-font);font-size:13px;font-weight:700;color:#fffc;letter-spacing:.06em}.ps-banner--yellow .ps-banner__eyebrow{color:#000000a6}.ps-banner__title{font-family:Inter,sans-serif;font-size:42px;font-weight:900;color:var(--ps-white);margin:0;line-height:1;text-transform:capitalize}.ps-banner--yellow .ps-banner__title{color:var(--ps-dark)}.ps-banner__sub{font-family:var(--ps-font);font-size:14px;color:#ffffffbf;margin:0}.ps-banner--yellow .ps-banner__sub{color:#0009}.ps-banner__cta{display:inline-flex;align-items:center;width:fit-content;margin-top:12px;font-family:var(--ps-font);font-size:13px;font-weight:700;color:var(--ps-dark);background:var(--ps-white);padding:10px 22px;border-radius:50px;text-decoration:none;transition:transform .25s var(--ps-ease),box-shadow .25s;box-shadow:0 4px 12px #00000026}.ps-banner--yellow .ps-banner__cta{color:var(--ps-white);background:var(--ps-dark)}.ps-banner__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}@media (max-width: 1024px){.ps-grid{grid-template-columns:repeat(3,1fr)}.ps-section__head{gap:14px}.ps-tabs{font-size:12px}}@media (max-width: 768px){.ps-wrap{padding:40px 0 60px}.ps-section,.ps-banners{padding:0 16px}.ps-section__head{flex-wrap:wrap;gap:12px}.ps-tabs{order:3;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ps-tabs::-webkit-scrollbar{display:none}.ps-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ps-banners{grid-template-columns:1fr;gap:16px}.ps-banner{min-height:180px}.ps-banner__title{font-size:32px}.ps-card__img-wrap{aspect-ratio:1 / 1}.ps-card__cart-overlay{transform:translateY(0);font-size:12px;padding:10px}.ps-card__wish{opacity:1}}@media (max-width: 480px){.ps-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ps-card__name{font-size:12px}.ps-card__price-val{font-size:15px}.ps-card__info{padding:12px;gap:4px}}:root{--ab-yellow: #FFB800;--ab-yellow-light: #FFD657;--ab-yellow-dark: #E6A200;--ab-yellow-glow: rgba(255, 184, 0, .25);--ab-yellow-bg: rgba(255, 184, 0, .08);--ab-dark: #1A1A2E;--ab-dark2: #16213E;--ab-text: #2D2D3A;--ab-muted: #6B6B80;--ab-light-bg: #F9F7F2;--ab-white: #FFFFFF;--ab-radius-sm: 8px;--ab-radius-md: 16px;--ab-radius-lg: 24px;--ab-radius-xl: 32px;--ab-shadow-sm: 0 2px 10px rgba(0, 0, 0, .06);--ab-shadow-md: 0 8px 30px rgba(0, 0, 0, .1);--ab-shadow-lg: 0 20px 60px rgba(0, 0, 0, .14);--ab-shadow-glow: 0 8px 32px rgba(255, 184, 0, .3);--ab-transition: all .35s cubic-bezier(.22, 1, .36, 1);--ab-font: "Cairo", sans-serif}.about-page{width:100%;background:var(--ab-white);overflow-x:hidden}.ab-container{max-width:1200px;margin:0 auto;padding:0 28px}.ab-section{position:relative;padding:96px 0}.ab-section-header{text-align:center;margin-bottom:64px}.ab-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--ab-font);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ab-yellow-dark);background:var(--ab-yellow-bg);border:1px solid rgba(255,184,0,.25);padding:6px 18px;border-radius:50px;margin-bottom:20px}.ab-eyebrow--light{color:#ffffffbf;background:#ffffff1a;border-color:#fff3}.ab-heading{font-family:var(--ab-font);font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--ab-text);line-height:1.25;margin:0}.ab-heading--center{text-align:center}.ab-heading--light{color:var(--ab-white)}.ab-highlight{color:var(--ab-yellow);position:relative}.ab-highlight--light{color:var(--ab-yellow-light)}.ab-body-text{font-family:var(--ab-font);font-size:16px;line-height:1.95;color:var(--ab-muted);margin-bottom:20px}.ab-body-text--accent{background:var(--ab-yellow-bg);border-right:4px solid var(--ab-yellow);padding:16px 20px;border-radius:var(--ab-radius-sm);color:var(--ab-text);margin-top:8px}.ab-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ab-font);font-size:15px;font-weight:700;padding:14px 32px;border-radius:50px;text-decoration:none;cursor:pointer;transition:var(--ab-transition);white-space:nowrap;border:2px solid transparent}.ab-btn--primary{background:linear-gradient(135deg,var(--ab-yellow) 0%,var(--ab-yellow-dark) 100%);color:var(--ab-dark);box-shadow:var(--ab-shadow-glow)}.ab-btn--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #ffb80073}.ab-btn--ghost{background:transparent;color:var(--ab-dark);border-color:#2d2d3a40}.ab-hero .ab-btn--ghost{color:var(--ab-white);border-color:#fff6}.ab-hero .ab-btn--ghost:hover{background:var(--ab-white);color:var(--ab-dark);border-color:var(--ab-white)}.ab-btn--cta-primary{background:linear-gradient(135deg,var(--ab-yellow) 0%,var(--ab-yellow-dark) 100%);color:var(--ab-dark);font-size:17px;padding:18px 44px;box-shadow:var(--ab-shadow-glow),0 0 0 0 var(--ab-yellow);animation:ab-pulse-ring 2.5s ease-in-out infinite}.ab-btn--cta-primary:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 48px #ffb8008c;animation:none}.ab-btn--cta-secondary{background:#ffffff26;color:var(--ab-white);border-color:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px;padding:18px 36px}.ab-btn--cta-secondary:hover{background:var(--ab-white);color:var(--ab-dark);border-color:var(--ab-white);transform:translateY(-3px)}.ab-anim-in>*,.ab-anim-in.ab-hero__content,.ab-anim-in.ab-cta__content{animation:ab-fade-up .65s cubic-bezier(.22,1,.36,1) both}.ab-anim-in>*:nth-child(1){animation-delay:.05s}.ab-anim-in>*:nth-child(2){animation-delay:.15s}.ab-anim-in>*:nth-child(3){animation-delay:.25s}.ab-anim-in>*:nth-child(4){animation-delay:.35s}.ab-anim-in>*:nth-child(5){animation-delay:.45s}.ab-anim-in>*:nth-child(6){animation-delay:.55s}@keyframes ab-fade-up{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes ab-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes ab-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(2deg)}66%{transform:translateY(-7px) rotate(-1deg)}}@keyframes ab-spin-slow{to{transform:rotate(360deg)}}@keyframes ab-pulse-ring{0%,to{box-shadow:var(--ab-shadow-glow),0 0 #ffb80059}50%{box-shadow:var(--ab-shadow-glow),0 0 0 12px #ffb80000}}@keyframes ab-scroll-bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}@keyframes ab-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes ab-particle-rise{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-100vh) scale(.4);opacity:0}}.ab-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ab-dark);padding:120px 0 80px}.ab-hero__bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ab-hero__particle{position:absolute;border-radius:50%;animation:ab-particle-rise linear infinite;opacity:0}.ab-hero__particle:nth-child(1){width:6px;height:6px;left:10%;bottom:-10%;background:var(--ab-yellow);animation-duration:8s;animation-delay:0s}.ab-hero__particle:nth-child(2){width:10px;height:10px;left:20%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:10s;animation-delay:1.5s}.ab-hero__particle:nth-child(3){width:4px;height:4px;left:35%;bottom:-10%;background:#fff;animation-duration:7s;animation-delay:.5s}.ab-hero__particle:nth-child(4){width:8px;height:8px;left:50%;bottom:-10%;background:var(--ab-yellow);animation-duration:12s;animation-delay:2s}.ab-hero__particle:nth-child(5){width:5px;height:5px;left:65%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:9s;animation-delay:.8s}.ab-hero__particle:nth-child(6){width:7px;height:7px;left:75%;bottom:-10%;background:#fff;animation-duration:11s;animation-delay:1.2s}.ab-hero__particle:nth-child(7){width:4px;height:4px;left:85%;bottom:-10%;background:var(--ab-yellow);animation-duration:8.5s;animation-delay:3s}.ab-hero__particle:nth-child(8){width:9px;height:9px;left:90%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:13s;animation-delay:2.5s}.ab-hero__particle:nth-child(9){width:5px;height:5px;left:5%;bottom:-10%;background:#fff;animation-duration:10s;animation-delay:1.8s}.ab-hero__particle:nth-child(10){width:6px;height:6px;left:45%;bottom:-10%;background:var(--ab-yellow);animation-duration:9.5s;animation-delay:.3s}.ab-hero__particle:nth-child(11){width:3px;height:3px;left:55%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:7.5s;animation-delay:4s}.ab-hero__particle:nth-child(12){width:8px;height:8px;left:30%;bottom:-10%;background:#fff;animation-duration:11s;animation-delay:3.5s}.ab-hero__particle:nth-child(13){width:5px;height:5px;left:70%;bottom:-10%;background:var(--ab-yellow);animation-duration:8s;animation-delay:2.2s}.ab-hero__particle:nth-child(14){width:6px;height:6px;left:15%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:12s;animation-delay:.6s}.ab-hero__particle:nth-child(15){width:4px;height:4px;left:80%;bottom:-10%;background:#fff;animation-duration:10s;animation-delay:1.1s}.ab-hero__particle:nth-child(16){width:7px;height:7px;left:25%;bottom:-10%;background:var(--ab-yellow);animation-duration:9s;animation-delay:2.8s}.ab-hero__particle:nth-child(17){width:5px;height:5px;left:40%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:11s;animation-delay:4.5s}.ab-hero__particle:nth-child(18){width:3px;height:3px;left:60%;bottom:-10%;background:#fff;animation-duration:8s;animation-delay:1.7s}.ab-hero__particle:nth-child(19){width:9px;height:9px;left:95%;bottom:-10%;background:var(--ab-yellow);animation-duration:13s;animation-delay:3.2s}.ab-hero__particle:nth-child(20){width:4px;height:4px;left:3%;bottom:-10%;background:var(--ab-yellow-light);animation-duration:7s;animation-delay:5s}.ab-hero__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(255,184,0,.18) 0%,transparent 70%);pointer-events:none}.ab-hero__content{position:relative;z-index:2;text-align:center;padding:0 28px}.ab-hero__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ab-font);font-size:13px;font-weight:700;color:var(--ab-yellow);background:#ffb8001f;border:1px solid rgba(255,184,0,.3);padding:8px 22px;border-radius:50px;margin-bottom:32px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.08em}.ab-hero__title{font-family:var(--ab-font);font-size:clamp(36px,6vw,68px);font-weight:900;color:var(--ab-white);line-height:1.15;margin:0 auto 28px;max-width:900px;text-shadow:0 4px 24px rgba(0,0,0,.3)}.ab-hero__title-highlight{color:var(--ab-yellow);position:relative;display:inline-block;background:linear-gradient(135deg,var(--ab-yellow) 0%,var(--ab-yellow-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ab-hero__subtitle{font-family:var(--ab-font);font-size:clamp(15px,2vw,19px);line-height:1.85;color:#ffffffbf;max-width:750px;margin:0 auto 44px}.ab-hero__cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.ab-hero__scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.3);border-radius:13px;display:flex;justify-content:center;padding-top:6px;z-index:2}.ab-hero__scroll-dot{width:4px;height:10px;background:var(--ab-yellow);border-radius:2px;animation:ab-scroll-bounce 1.8s ease-in-out infinite}.ab-story{background:var(--ab-white)}.ab-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;direction:rtl}.ab-story__text{display:flex;flex-direction:column;gap:0}.ab-story__text .ab-eyebrow{margin-bottom:18px}.ab-story__text .ab-heading{margin-bottom:32px}.ab-story__timeline{display:flex;flex-direction:column;gap:0;position:relative}.ab-timeline-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px;direction:ltr;animation:ab-fade-up .6s ease both}.ab-timeline-item__year{font-family:var(--ab-font);font-size:12px;font-weight:800;color:var(--ab-yellow-dark);text-align:right;padding-top:4px;letter-spacing:.05em;width:44px;flex-shrink:0}.ab-timeline-item__connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ab-timeline-item__dot{width:16px;height:16px;border-radius:50%;background:var(--ab-yellow);border:3px solid var(--ab-white);box-shadow:0 0 0 3px var(--ab-yellow),var(--ab-shadow-glow);flex-shrink:0;margin-top:4px;transition:var(--ab-transition)}.ab-timeline-item:hover .ab-timeline-item__dot{transform:scale(1.3);box-shadow:0 0 0 5px var(--ab-yellow),0 0 20px #ffb80080}.ab-timeline-item__line{width:2px;flex:1;min-height:48px;background:linear-gradient(to bottom,var(--ab-yellow) 0%,rgba(255,184,0,.15) 100%);margin-top:4px}.ab-timeline-item__card{background:var(--ab-light-bg);border:1px solid rgba(255,184,0,.15);border-radius:var(--ab-radius-md);padding:16px 20px;margin-bottom:14px;transition:var(--ab-transition);direction:rtl;text-align:right;flex:1;min-width:0}.ab-timeline-item:hover .ab-timeline-item__card{background:var(--ab-white);border-color:var(--ab-yellow);box-shadow:var(--ab-shadow-glow);transform:translate(6px)}.ab-timeline-item__title{font-family:var(--ab-font);font-size:16px;font-weight:700;color:var(--ab-text);margin:0 0 6px}.ab-timeline-item__desc{font-family:var(--ab-font);font-size:14px;line-height:1.7;color:var(--ab-muted);margin:0}.ab-mission{background:var(--ab-dark);padding:96px 0}.ab-mission__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,184,0,.1) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(255,184,0,.07) 0%,transparent 60%);pointer-events:none}.ab-mission .ab-section-header{margin-bottom:56px}.ab-mission .ab-heading{color:var(--ab-white)}.ab-mission__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:960px;margin:0 auto}.ab-mission-card{position:relative;padding:48px 40px;border-radius:var(--ab-radius-lg);overflow:hidden;transition:var(--ab-transition)}.ab-mission-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,#ffffff14,#ffffff05) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.ab-mission-card--vision{background:linear-gradient(145deg,#ffb8002e,#ffb8000f);border:1px solid rgba(255,184,0,.25)}.ab-mission-card--mission{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1)}.ab-mission-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff14}.ab-mission-card__icon-wrap{width:64px;height:64px;background:linear-gradient(135deg,var(--ab-yellow) 0%,var(--ab-yellow-dark) 100%);border-radius:var(--ab-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ab-dark);margin-bottom:24px;box-shadow:var(--ab-shadow-glow);transition:var(--ab-transition)}.ab-mission-card:hover .ab-mission-card__icon-wrap{transform:rotate(6deg) scale(1.1)}.ab-mission-card__label{font-family:var(--ab-font);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--ab-yellow);margin-bottom:12px}.ab-mission-card__title{font-family:var(--ab-font);font-size:22px;font-weight:800;color:var(--ab-white);margin:0 0 16px;line-height:1.3}.ab-mission-card__text{font-family:var(--ab-font);font-size:15px;line-height:1.85;color:#ffffffad;margin:0}.ab-values{background:var(--ab-light-bg)}.ab-values__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.ab-value-card{position:relative;background:var(--ab-white);border-radius:var(--ab-radius-md);padding:36px 24px 28px;text-align:center;border:1.5px solid rgba(0,0,0,.06);box-shadow:var(--ab-shadow-sm);transition:var(--ab-transition);overflow:hidden;cursor:default;animation:ab-fade-up .6s ease both}.ab-value-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,184,0,.05),transparent 60%);opacity:0;transition:opacity .3s ease;border-radius:inherit}.ab-value-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent, var(--ab-yellow));box-shadow:0 16px 48px #0000001f,0 0 0 1px var(--accent, var(--ab-yellow)),0 8px 24px color-mix(in srgb,var(--accent, var(--ab-yellow)) 25%,transparent)}.ab-value-card:hover:after{opacity:1}.ab-value-card__icon{width:68px;height:68px;background:color-mix(in srgb,var(--accent, var(--ab-yellow)) 12%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent, var(--ab-yellow));margin:0 auto 20px;transition:var(--ab-transition)}.ab-value-card:hover .ab-value-card__icon{background:var(--accent, var(--ab-yellow));color:#fff;transform:rotateY(180deg) scale(1.05)}.ab-value-card__title{font-family:var(--ab-font);font-size:16px;font-weight:800;color:var(--ab-text);margin:0 0 12px;line-height:1.3}.ab-value-card__text{font-family:var(--ab-font);font-size:13.5px;line-height:1.75;color:var(--ab-muted);margin:0}.ab-value-card__bar{position:absolute;bottom:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent, var(--ab-yellow)),transparent);transform:scaleX(0);transition:transform .4s ease;border-radius:0 0 var(--ab-radius-md) var(--ab-radius-md)}.ab-value-card:hover .ab-value-card__bar{transform:scaleX(1)}.ab-why{background:var(--ab-white)}.ab-why__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 90% 10%,rgba(255,184,0,.06) 0%,transparent 50%),radial-gradient(ellipse at 10% 90%,rgba(255,184,0,.04) 0%,transparent 50%);pointer-events:none}.ab-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ab-why__grid>.ab-why-card:nth-child(4){grid-column:1 / 2}.ab-why__grid>.ab-why-card:nth-child(5){grid-column:2 / 3}.ab-why-card{display:flex;gap:20px;align-items:flex-start;background:var(--ab-light-bg);border:1.5px solid rgba(0,0,0,.05);border-radius:var(--ab-radius-md);padding:28px 24px;transition:var(--ab-transition);animation:ab-fade-up .6s ease both}.ab-why-card:hover{background:var(--ab-white);border-color:var(--ab-yellow);box-shadow:var(--ab-shadow-md),0 0 0 1px var(--ab-yellow),var(--ab-shadow-glow);transform:translateY(-6px)}.ab-why-card__icon{width:52px;height:52px;background:linear-gradient(135deg,var(--ab-yellow) 0%,var(--ab-yellow-dark) 100%);border-radius:var(--ab-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ab-dark);flex-shrink:0;box-shadow:var(--ab-shadow-glow);transition:var(--ab-transition)}.ab-why-card:hover .ab-why-card__icon{transform:rotate(-6deg) scale(1.08)}.ab-why-card__body{flex:1}.ab-why-card__title{font-family:var(--ab-font);font-size:16px;font-weight:800;color:var(--ab-text);margin:0 0 8px}.ab-why-card__text{font-family:var(--ab-font);font-size:14px;line-height:1.75;color:var(--ab-muted);margin:0}.ab-stats{background:linear-gradient(135deg,var(--ab-dark2) 0%,var(--ab-dark) 100%);padding:96px 0;overflow:hidden}.ab-stats__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(255,184,0,.12) 0%,transparent 65%);pointer-events:none}.ab-stats .ab-section-header{margin-bottom:64px}.ab-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#ffffff0f;border-radius:var(--ab-radius-lg);overflow:hidden;margin-bottom:64px;border:1px solid rgba(255,255,255,.08)}.stat-card{background:#ffffff05;padding:52px 32px;text-align:center;transition:var(--ab-transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,184,0,.1) 0%,transparent 60%);opacity:0;transition:opacity .35s ease}.stat-card:hover{background:#ffb80014}.stat-card:hover:before{opacity:1}.stat-icon{color:var(--ab-yellow);margin-bottom:16px;display:flex;justify-content:center;opacity:.85;transition:var(--ab-transition)}.stat-card:hover .stat-icon{opacity:1;transform:scale(1.15) translateY(-2px)}.stat-number{font-family:var(--ab-font);font-size:clamp(36px,4vw,52px);font-weight:900;color:var(--ab-white);line-height:1;margin-bottom:10px;background:linear-gradient(135deg,var(--ab-white) 0%,var(--ab-yellow-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-family:var(--ab-font);font-size:14px;font-weight:600;color:#ffffff8c;letter-spacing:.03em}.ab-trust-badges{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.ab-trust-badge{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ab-radius-md);padding:18px 28px;transition:var(--ab-transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ab-trust-badge:hover{background:#ffb8001a;border-color:#ffb8004d;transform:translateY(-4px)}.ab-trust-badge__icon{width:44px;height:44px;background:linear-gradient(135deg,var(--ab-yellow) 0%,var(--ab-yellow-dark) 100%);border-radius:var(--ab-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ab-dark);flex-shrink:0}.ab-trust-badge__label{font-family:var(--ab-font);font-size:15px;font-weight:700;color:var(--ab-white);margin-bottom:3px}.ab-trust-badge__desc{font-family:var(--ab-font);font-size:13px;color:#ffffff80}.ab-cta{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:120px 0;text-align:center;overflow:hidden;position:relative}.ab-cta__bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,184,0,.14) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,184,0,.08) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.ab-cta__content{position:relative;z-index:1}.ab-cta__icon-top{font-size:52px;line-height:1;margin-bottom:24px;display:block;animation:ab-float 4s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(255,184,0,.4))}.ab-cta__title{font-family:var(--ab-font);font-size:clamp(26px,4vw,44px);font-weight:900;color:var(--ab-white);line-height:1.25;max-width:700px;margin:0 auto 24px;text-shadow:0 3px 8px rgba(0,0,0,.4)}.ab-cta__sub{font-family:var(--ab-font);font-size:17px;line-height:1.85;color:#ffffffd9;max-width:680px;margin:0 auto 16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ab-cta__buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:48px}@media (max-width: 1100px){.ab-values__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.ab-section{padding:72px 0}.ab-story__grid{grid-template-columns:1fr;gap:48px}.ab-mission__grid{grid-template-columns:1fr;gap:24px;max-width:560px}.ab-values__grid{grid-template-columns:repeat(2,1fr)}.ab-why__grid{grid-template-columns:1fr 1fr}.ab-stats__grid{grid-template-columns:repeat(2,1fr)}.ab-hero{min-height:auto;padding:140px 0 80px}}@media (max-width: 640px){.ab-section{padding:56px 0}.ab-container{padding:0 20px}.ab-hero{padding:120px 0 60px}.ab-hero__title{font-size:32px}.ab-hero__subtitle{font-size:15px}.ab-hero__cta-row{flex-direction:column;align-items:center}.ab-hero__cta-row .ab-btn{width:100%;max-width:320px;justify-content:center}.ab-timeline-item{grid-template-columns:52px 28px 1fr}.ab-values__grid{grid-template-columns:1fr;gap:16px}.ab-why__grid{grid-template-columns:1fr}.ab-stats__grid{grid-template-columns:1fr 1fr}.stat-card{padding:36px 20px}.ab-trust-badges{flex-direction:column;align-items:stretch;gap:16px}.ab-cta__buttons{flex-direction:column;align-items:center}.ab-cta__buttons .ab-btn{width:100%;max-width:320px;justify-content:center}.ab-heading{font-size:26px}.ab-section-header{margin-bottom:40px}.ab-mission-card{padding:32px 24px}.ab-why-card{gap:16px}}@media (max-width: 400px){.ab-stats__grid{grid-template-columns:1fr}.ab-hero__title{font-size:28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ctu-bg: #f7f4ed;--ctu-surface: #fffef9;--ctu-surface-2: #fdf9f1;--ctu-ink: #1d2a3a;--ctu-muted: #5f6f84;--ctu-border: #dfd6c6;--ctu-brand: #0f766e;--ctu-brand-2: #18867f;--ctu-brand-soft: #dcf4f1;--ctu-warm: #f59e0b;--ctu-warm-soft: #ffefcf;--ctu-success: #0f9f6e;--ctu-danger: #c63939;--ctu-shadow-soft: 0 14px 30px rgba(30, 41, 59, .09);--ctu-shadow: 0 20px 44px rgba(30, 41, 59, .13)}.ctu-page{min-height:100vh;direction:rtl;color:var(--ctu-ink);background:radial-gradient(circle at 88% 11%,rgba(245,158,11,.11),transparent 34%),radial-gradient(circle at 10% 22%,rgba(15,118,110,.09),transparent 36%),var(--ctu-bg)}.ctu-shell{width:min(1200px,calc(100% - 2.5rem));margin-inline:auto}.ctu-hero{position:relative;padding:4.4rem 0 2.6rem}.ctu-hero:before,.ctu-hero:after{content:"";position:absolute;pointer-events:none;border-radius:999px;z-index:0}.ctu-hero:before{width:410px;height:410px;right:-130px;top:-150px;background:radial-gradient(circle,#f59e0b30,#f59e0b00 72%)}.ctu-hero:after{width:460px;height:460px;left:-150px;bottom:-250px;background:radial-gradient(circle,#0f766e2e,#0f766e00 72%)}.ctu-hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr 1fr;gap:1.2rem}.ctu-hero__copy,.ctu-hero__panel{border-radius:28px;border:1px solid rgba(223,214,198,.95);background:linear-gradient(150deg,#fffffff2,#fffaf2f2);box-shadow:var(--ctu-shadow-soft)}.ctu-hero__copy{padding:clamp(1.2rem,3vw,2rem);animation:ctu-slide-up .45s var(--ctu-ease, cubic-bezier(.22, 1, .36, 1)) both}.ctu-kicker{width:fit-content;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .78rem;border-radius:999px;background:var(--ctu-brand-soft);color:var(--ctu-brand);font-size:.82rem;font-weight:700}.ctu-hero__copy h1{margin:.9rem 0 0;font-size:clamp(1.8rem,3.6vw,2.9rem);line-height:1.22;letter-spacing:-.012em;color:#152439}.ctu-hero__copy h1 span{display:block;margin-top:.28rem;color:#0f766e}.ctu-hero__copy p{margin:.9rem 0 0;max-width:58ch;line-height:1.82;color:var(--ctu-muted);font-size:1rem}.ctu-stats{margin-top:1.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.ctu-stat{border-radius:15px;border:1px solid var(--ctu-border);background:#fff;padding:.8rem .84rem}.ctu-stat strong{display:block;font-size:1.22rem;color:#0d6059}.ctu-stat span{font-size:.8rem;color:var(--ctu-muted)}.ctu-hero__panel{padding:1rem;animation:ctu-slide-up .55s var(--ctu-ease, cubic-bezier(.22, 1, .36, 1)) both}.ctu-hero__panel-head{display:inline-flex;align-items:center;gap:.35rem;font-size:.79rem;font-weight:700;color:#965700;background:var(--ctu-warm-soft);border-radius:999px;padding:.4rem .68rem}.ctu-quick-card{margin-top:.76rem;display:grid;grid-template-columns:auto 1fr;gap:.62rem;align-items:center;border:1px solid var(--ctu-border);border-radius:14px;background:#fff;padding:.58rem;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ctu-quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1e293b1f;border-color:#ccbca3}.ctu-quick-card--static{cursor:default}.ctu-quick-card--static:hover{transform:none;box-shadow:none}.ctu-quick-card__icon{width:37px;height:37px;border-radius:10px;background:#ebf7f5;color:#0f766e;display:grid;place-items:center}.ctu-quick-card__content{display:grid;gap:.1rem}.ctu-quick-card__content strong{font-size:.84rem;color:#1b2a40}.ctu-quick-card__content small{color:var(--ctu-muted);font-size:.76rem}.ctu-main{padding:.8rem 0 1.7rem}.ctu-main__layout{display:grid;grid-template-columns:1.25fr .95fr;gap:1rem;align-items:start}.ctu-form-card,.ctu-info-card,.ctu-trust-card{border-radius:22px;border:1px solid var(--ctu-border);background:var(--ctu-surface);box-shadow:var(--ctu-shadow-soft)}.ctu-form-card,.ctu-info-card{padding:1rem}.ctu-block-head h2{margin:0;font-size:clamp(1.2rem,2.2vw,1.55rem);color:#1a2a41}.ctu-block-head p{margin:.34rem 0 0;color:#657388;font-size:.9rem;line-height:1.75}.ctu-block-head--center{text-align:center}.ctu-form{margin-top:.9rem;display:grid;gap:.72rem}.ctu-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.66rem}.ctu-field{display:grid;gap:.34rem}.ctu-field label{font-size:.82rem;font-weight:700;color:#3f4f65}.ctu-field label span{font-weight:500;color:#8190a4}.ctu-field input,.ctu-field select,.ctu-field textarea{width:100%;border:1px solid #d7cdbb;border-radius:12px;background:#fffdfa;color:#1f2e43;padding:.64rem .72rem;font-family:inherit;font-size:.92rem;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ctu-field textarea{resize:vertical;min-height:130px}.ctu-field input::placeholder,.ctu-field textarea::placeholder{color:#8a96a8}.ctu-field input:focus,.ctu-field select:focus,.ctu-field textarea:focus{border-color:var(--ctu-brand);box-shadow:0 0 0 3px #0f766e24;background:#fff}.ctu-field.is-error input,.ctu-field.is-error select,.ctu-field.is-error textarea{border-color:#db5a5a;box-shadow:0 0 0 3px #c639391f}.ctu-field small{color:var(--ctu-danger);font-size:.75rem;font-weight:600}.ctu-submit{margin-top:.2rem;border:0;border-radius:12px;background:linear-gradient(140deg,var(--ctu-brand),var(--ctu-brand-2));color:#fff;padding:.72rem 1rem;font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;font-family:inherit}.ctu-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0f766e47}.ctu-submit:disabled{opacity:.82;cursor:not-allowed}.ctu-submit.is-success{background:linear-gradient(140deg,#0f9f6e,#35b37a)}.ctu-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:ctu-spin .8s linear infinite}@keyframes ctu-spin{to{transform:rotate(360deg)}}.ctu-success{display:inline-flex;align-items:center;gap:.36rem;border-radius:10px;background:#e7f8ee;color:#13754f;border:1px solid #bce8cf;padding:.58rem .72rem;font-size:.84rem;font-weight:600}.ctu-side{display:grid;gap:.85rem}.ctu-info-list{margin-top:.7rem;display:grid;gap:.55rem}.ctu-info-item{display:grid;grid-template-columns:auto 1fr;gap:.56rem;align-items:start;border:1px solid var(--ctu-border);border-radius:12px;background:#fffdf9;padding:.56rem}.ctu-info-item__icon{width:34px;height:34px;border-radius:9px;background:#e7f5f2;color:#0f766e;display:grid;place-items:center}.ctu-info-item strong{display:block;font-size:.82rem;color:#24344a}.ctu-info-item a,.ctu-info-item p{margin:.12rem 0 0;color:#5f6f84;font-size:.82rem;text-decoration:none;line-height:1.65}.ctu-info-item a:hover{color:#0f766e}.ctu-trust-card{padding:.95rem;background:linear-gradient(150deg,#fffef9,#f9faf4 60%,#eef8f6)}.ctu-trust-card h3{margin:0;display:inline-flex;align-items:center;gap:.33rem;font-size:1rem;color:#1d2c41}.ctu-trust-card ul{margin:.66rem 0 0;padding:0;list-style:none;display:grid;gap:.43rem}.ctu-trust-card li{display:inline-flex;align-items:center;gap:.34rem;color:#556579;font-size:.85rem}.ctu-trust-card li svg{color:#139e6f}.ctu-whatsapp{margin-top:.72rem;display:inline-flex;align-items:center;gap:.3rem;border:0;border-radius:10px;text-decoration:none;background:#0f9f6e;color:#fff;padding:.58rem .84rem;font-size:.84rem;font-weight:700}.ctu-whatsapp:hover{background:#0d8d61}.ctu-faq{padding:.9rem 0 2.2rem}.ctu-faq-list{margin-top:.95rem;display:grid;gap:.58rem}.ctu-faq-item{border:1px solid var(--ctu-border);border-radius:13px;background:var(--ctu-surface-2);overflow:hidden}.ctu-faq-question{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.78rem .82rem;font-size:.9rem;font-weight:700;color:#24334a;cursor:pointer;font-family:inherit;text-align:right}.ctu-faq-question svg{color:#6d7d92;transition:transform .2s ease;flex-shrink:0}.ctu-faq-item.is-open .ctu-faq-question svg{transform:rotate(180deg)}.ctu-faq-answer{max-height:0;overflow:hidden;transition:max-height .24s ease}.ctu-faq-answer p{margin:0;padding:0 .82rem .75rem;color:#5f6f84;line-height:1.8;font-size:.88rem}.ctu-faq-item.is-open .ctu-faq-answer{max-height:180px}@keyframes ctu-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1040px){.ctu-hero__layout,.ctu-main__layout{grid-template-columns:1fr}.ctu-hero__panel,.ctu-side{max-width:760px}}@media (max-width: 760px){.ctu-shell{width:min(1200px,calc(100% - 1.5rem))}.ctu-hero{padding-top:3.2rem}.ctu-row,.ctu-stats{grid-template-columns:1fr}.ctu-quick-card{grid-template-columns:auto 1fr}}:root{--blog-bg: #f7f5ef;--blog-surface: #fffef9;--blog-ink: #1f2a37;--blog-muted: #59677a;--blog-border: #dfd8c8;--blog-brand: #0f766e;--blog-brand-soft: #d8f3ef;--blog-accent: #f59e0b;--blog-accent-soft: #ffefd0;--blog-danger: #be123c;--blog-shadow: 0 20px 45px rgba(31, 42, 55, .12);--blog-shadow-soft: 0 14px 28px rgba(31, 42, 55, .08)}.blog-page{min-height:100vh;direction:rtl;background:radial-gradient(circle at 90% 10%,rgba(245,158,11,.1) 0,transparent 34%),radial-gradient(circle at 10% 20%,rgba(15,118,110,.08) 0,transparent 32%),var(--blog-bg);color:var(--blog-ink)}.blog-shell{width:min(1220px,calc(100% - 2.5rem));margin-inline:auto}.loading-state{min-height:320px;display:grid;place-content:center;gap:.9rem;justify-items:center;color:var(--blog-muted)}.loading-spinner{width:42px;aspect-ratio:1;border-radius:50%;border:4px solid rgba(15,118,110,.22);border-top-color:var(--blog-brand);animation:blog-spin 1s linear infinite}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-hero{position:relative;padding:4.5rem 0 3rem;overflow:hidden}.blog-hero:before,.blog-hero:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.blog-hero:before{width:420px;height:420px;background:radial-gradient(circle,#f59e0b33,#f59e0b00 70%);top:-140px;left:-80px}.blog-hero:after{width:460px;height:460px;background:radial-gradient(circle,#0f766e2e,#0f766e00 72%);bottom:-180px;right:-40px}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr 1fr;gap:1.35rem}.hero-copy,.hero-side-panel{border:1px solid rgba(223,216,200,.9);background:linear-gradient(165deg,#fffffff2,#fffcf5f0);border-radius:28px;box-shadow:var(--blog-shadow-soft)}.hero-copy{padding:clamp(1.4rem,2.5vw,2.2rem);animation:blog-rise .42s ease both}.hero-kicker{width:fit-content;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:var(--blog-brand-soft);color:var(--blog-brand);font-size:.82rem;font-weight:700}.hero-copy h1{margin:1rem 0 0;color:#132236;font-size:clamp(1.8rem,3.9vw,3rem);line-height:1.25;letter-spacing:-.01em}.hero-copy h1 span{display:block;color:#0f766e;margin-top:.35rem}.hero-copy p{margin:.95rem 0 0;color:var(--blog-muted);max-width:56ch;line-height:1.85;font-size:1.01rem}.hero-stats{margin-top:1.3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.hero-stat-card{padding:.85rem .9rem;border-radius:16px;background:#fff;border:1px solid rgba(223,216,200,.9)}.hero-stat-card strong{display:block;font-size:1.25rem;color:#0d5d56}.hero-stat-card span{font-size:.83rem;color:var(--blog-muted)}.hero-side-panel{padding:1rem;animation:blog-rise .52s ease both}.hero-side-header{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .68rem;border-radius:999px;background:var(--blog-accent-soft);color:#9a5800;font-size:.8rem;font-weight:700}.hero-side-list{margin-top:.85rem;display:grid;gap:.72rem}.hero-side-item{display:grid;grid-template-columns:92px 1fr;gap:.65rem;text-decoration:none;color:inherit;padding:.52rem;border:1px solid var(--blog-border);border-radius:14px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hero-side-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1f2a371c;border-color:#c8bba4}.hero-side-item img{width:100%;height:66px;object-fit:cover;border-radius:10px}.hero-side-item h3{margin:0;font-size:.92rem;line-height:1.5;color:#142035}.hero-side-item span{margin-top:.26rem;display:inline-flex;align-items:center;gap:.28rem;font-size:.75rem;color:var(--blog-muted)}.hero-side-empty{margin:1rem 0 0;color:var(--blog-muted);font-size:.92rem}@keyframes blog-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.blog-toolbar{position:sticky;top:0;z-index:25;padding:1rem 0 1.1rem;margin-bottom:.9rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f7f5efe6;border-bottom:1px solid rgba(223,216,200,.82)}.toolbar-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;border:1px solid #d3c8b1;border-radius:14px;background:#fffef9;padding:.55rem .65rem}.toolbar-search svg{color:#7a8494}.toolbar-search input{border:0;outline:0;background:transparent;color:var(--blog-ink);font-size:.95rem;min-width:0;font-family:inherit}.toolbar-search input::placeholder{color:#7a8494}.toolbar-search button{border:0;border-radius:10px;background:linear-gradient(140deg,#0f766e,#1e8f85);color:#fff;padding:.5rem .9rem;font-size:.84rem;font-weight:700;cursor:pointer}.toolbar-controls{margin-top:.7rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}.toolbar-select{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--blog-border);border-radius:10px;padding:.45rem .62rem;color:var(--blog-muted)}.toolbar-select select{border:0;outline:0;background:transparent;color:var(--blog-ink);font-size:.88rem;font-weight:600;font-family:inherit}.toolbar-view-toggle{display:inline-flex;border:1px solid var(--blog-border);border-radius:10px;overflow:hidden;background:#fff}.toolbar-view-toggle button{border:0;width:40px;height:34px;display:grid;place-items:center;cursor:pointer;background:transparent;color:#6a7483}.toolbar-view-toggle button.active{background:#0f766e;color:#fff}.toolbar-categories{margin-top:.76rem;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.toolbar-categories button{border:1px solid var(--blog-border);border-radius:999px;background:#fff;color:#425064;padding:.4rem .78rem;font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .18s ease}.toolbar-categories button.active,.toolbar-categories button:hover{border-color:#0f766e;background:#e9faf7;color:#0b5953}.section-head{margin-bottom:1rem}.section-head h2{margin:0;display:inline-flex;align-items:center;gap:.45rem;color:#18263b;font-size:clamp(1.25rem,2.3vw,1.7rem)}.section-head p{margin:.35rem 0 0;color:#68778c;font-size:.92rem}.section-head.compact{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.featured-section,.articles-section,.newsletter-section{padding:1.25rem 0 1.7rem}.featured-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:1rem}.featured-stack{display:grid;gap:1rem}.articles-grid{display:grid;gap:.95rem;grid-template-columns:repeat(3,minmax(0,1fr))}.articles-grid.is-list{grid-template-columns:1fr}.blog-card{display:grid;border-radius:20px;border:1px solid var(--blog-border);background:var(--blog-surface);overflow:hidden;box-shadow:var(--blog-shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--blog-shadow);border-color:#ccbea4}.blog-card.is-list{grid-template-columns:minmax(250px,.88fr) 1fr}.blog-card.is-featured .blog-card-title{font-size:clamp(1.08rem,2.1vw,1.35rem)}.blog-card-media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden}.blog-card.is-list .blog-card-media{aspect-ratio:auto;min-height:100%}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.blog-card:hover .blog-card-media img{transform:scale(1.045)}.blog-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-start;padding:.6rem;background:linear-gradient(to top,#0f172a7a,#0f172a05 58%)}.blog-category-chip,.blog-featured-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;font-size:.74rem;font-weight:700;padding:.34rem .58rem}.blog-category-chip{color:#12423d;background:#e9faf7f2}.blog-featured-chip{color:#7a4100;background:#ffedc9f5}.blog-card-body{padding:.88rem .95rem .95rem;display:grid;gap:.7rem}.blog-card-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.blog-card-meta span{display:inline-flex;align-items:center;gap:.26rem;font-size:.75rem;color:#677587;background:#f4f6f9;border:1px solid #e4e8ee;border-radius:999px;padding:.25rem .55rem}.blog-card-title{margin:0;line-height:1.5;font-size:1.03rem}.blog-card-title a{color:#122239;text-decoration:none}.blog-card-summary{margin:0;color:#56667c;line-height:1.72;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.blog-card-views{display:inline-flex;align-items:center;gap:.3rem;color:#64758b;font-size:.78rem;font-weight:600}.blog-card-cta{display:inline-flex;align-items:center;gap:.25rem;font-size:.82rem;font-weight:700;color:#0f766e;text-decoration:none}.blog-card-cta:hover{color:#0c5f59}.pagination{margin-top:1.1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination button{border:1px solid var(--blog-border);background:#fff;color:#364356;border-radius:10px;padding:.4rem .72rem;font-size:.82rem;font-weight:700;cursor:pointer}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination-numbers{display:inline-flex;gap:.35rem}.pagination-numbers button.active{border-color:#0f766e;background:#0f766e;color:#fff}.no-results{border:1px dashed #cbbca0;background:#fffefb;border-radius:18px;padding:2rem 1.25rem;text-align:center;color:#5c6a7f}.no-results svg{color:#a3acb9}.no-results h3{margin:.8rem 0 0;color:#1c2a40}.no-results p{margin:.35rem 0 0}.no-results button{margin-top:1rem;border:0;border-radius:10px;background:#0f766e;color:#fff;padding:.6rem 1rem;font-weight:700;font-family:inherit;cursor:pointer}.newsletter-card{border-radius:24px;border:1px solid #d8ccb3;background:linear-gradient(140deg,#fff7e6,#fffef9 45%,#ebfaf8);padding:clamp(1.1rem,3.2vw,2.1rem);box-shadow:var(--blog-shadow-soft)}.newsletter-card h2{margin:0;color:#1f2a3d;font-size:clamp(1.18rem,2.8vw,1.85rem)}.newsletter-card p{margin:.55rem 0 0;color:#5f6f83;line-height:1.8}.newsletter-form{margin-top:1rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.newsletter-form input{border:1px solid #cfbea0;border-radius:12px;background:#ffffffe6;padding:.65rem .8rem;color:#223147;font-family:inherit;outline:0}.newsletter-form input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.newsletter-form button{border:0;border-radius:12px;background:linear-gradient(145deg,#0f766e,#1f8f87);color:#fff;padding:.64rem .92rem;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-family:inherit}@media (max-width: 1100px){.hero-layout,.featured-layout{grid-template-columns:1fr}.featured-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.blog-shell{width:min(1220px,calc(100% - 1.5rem))}.blog-hero{padding-top:3.4rem}.hero-stats{grid-template-columns:1fr}.hero-side-item{grid-template-columns:82px 1fr}.articles-grid,.featured-stack,.blog-card.is-list{grid-template-columns:1fr}.blog-card.is-list .blog-card-media{min-height:auto;aspect-ratio:16 / 10}.newsletter-form{grid-template-columns:1fr}}@media (max-width: 640px){.toolbar-controls{flex-direction:column;align-items:stretch}.toolbar-select,.toolbar-view-toggle{width:100%;justify-content:center}.toolbar-view-toggle{display:grid;grid-template-columns:repeat(2,1fr)}.toolbar-view-toggle button{width:100%}.section-head.compact{align-items:flex-start}.blog-card-footer{align-items:flex-start;flex-direction:column}}.blog-detail-page{width:100%;direction:rtl;font-family:Cairo,sans-serif;background:#fff;min-height:100vh}.reading-progress{position:fixed;top:0;right:0;left:0;height:3px;background:#0000001a;z-index:1000}.reading-progress-bar{height:100%;background:linear-gradient(90deg,gold,#ffc700);transition:width .3s ease}.back-nav{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 0;position:sticky;top:0;z-index:100}.back-nav .blog-container{display:flex;justify-content:space-between;align-items:center}.back-link{display:inline-flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-weight:600;padding:8px 16px;border-radius:8px;transition:all .3s ease}.back-link:hover{color:#333;background:#f8f9fa}.toc-toggle.mobile{display:none;align-items:center;gap:8px;background:gold;color:#333;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.toc-toggle.mobile:hover{background:#ffc700}.article{padding:40px 0;background:#fff}.article-layout{display:grid;grid-template-columns:250px 1fr 300px;gap:40px;align-items:start}.table-of-contents{position:sticky;top:100px;background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef;max-height:calc(100vh - 120px);overflow-y:auto;transition:all .3s ease}.table-of-contents.open{display:block}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.toc-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#333;margin:0}.toc-close{display:none;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.toc-close:hover{background:#e9ecef;color:#333}.toc-nav{display:flex;flex-direction:column;gap:4px}.toc-item{text-align:right;background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666;font-size:14px;line-height:1.4}.toc-item:hover{background:#e9ecef;color:#333}.toc-item.active{background:gold;color:#333;font-weight:600}.toc-item.level-3{padding-right:24px;font-size:13px}.article-main{max-width:none}.article-header{margin-bottom:40px}.featured-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,gold,#ffc700);color:#333;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:20px}.article-category{display:inline-block;background:#f8f9fa;color:#666;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.article-title{font-size:42px;font-weight:800;color:#333;line-height:1.2;margin-bottom:30px}.article-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.author-info{display:flex;gap:16px;align-items:flex-start}.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #FFD700}.author-details{display:flex;flex-direction:column;gap:4px}.author-name{font-size:18px;font-weight:700;color:#333}.author-credentials{font-size:14px;color:#666}.author-bio{font-size:14px;color:#888;line-height:1.4}.article-stats{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.article-image{position:relative;margin-bottom:40px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.article-image img{width:100%;height:400px;object-fit:cover}.image-overlay{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(transparent,#000000b3);padding:20px;display:flex;justify-content:flex-end}.image-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:6px;background:#ffffffe6;color:#333;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{background:#fff;transform:translateY(-2px)}.action-btn.liked{background:#ff4757;color:#fff}.action-btn.bookmarked{background:gold;color:#333}.share-section{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:40px;border:1px solid #e9ecef}.share-buttons{display:flex;align-items:center;gap:12px}.share-label{font-size:14px;font-weight:600;color:#666}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.copy{background:#666;color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.engagement-stats{display:flex;gap:20px}.engagement-stats .stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.article-content{font-size:18px;line-height:1.8;color:#333;margin-bottom:40px}.article-content h2{font-size:28px;font-weight:700;color:#333;margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid #FFD700}.article-content h3{font-size:22px;font-weight:600;color:#333;margin:30px 0 15px}.article-content p{margin-bottom:20px}.article-content ul,.article-content ol{margin:20px 0;padding-right:30px}.article-content li{margin-bottom:8px;line-height:1.6}.article-content blockquote{background:#f8f9fa;border-right:4px solid #FFD700;padding:20px;margin:30px 0;border-radius:0 8px 8px 0;font-style:italic;color:#666}.article-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.tag{background:#fff;color:#666;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;border:1px solid #e9ecef;transition:all .3s ease}.tag:hover{background:gold;color:#333;border-color:gold}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.nav-post{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;text-decoration:none;color:#333;border:1px solid #e9ecef;transition:all .3s ease}.nav-post:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-post.next{flex-direction:row-reverse;text-align:left}.nav-content{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.nav-title{font-size:16px;font-weight:600;line-height:1.4}.author-bio-section{padding:30px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;margin-bottom:40px}.bio-title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.bio-content{display:flex;gap:20px;align-items:flex-start}.bio-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #FFD700}.bio-info{flex:1}.bio-name{font-size:20px;font-weight:700;color:#333;margin-bottom:4px}.bio-credentials{font-size:14px;color:#666;margin-bottom:12px}.bio-description{font-size:16px;line-height:1.6;color:#666;margin-bottom:16px}.bio-social{display:flex;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;color:#666;border-radius:50%;text-decoration:none;border:1px solid #e9ecef;transition:all .3s ease}.social-link:hover{background:gold;color:#333;border-color:gold}.article-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-widget{background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e9ecef}.widget-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.widget-posts{display:flex;flex-direction:column;gap:16px}.widget-post{display:flex;gap:12px;text-decoration:none;color:#333;transition:all .3s ease;padding:8px;border-radius:8px}.widget-post:hover{background:#fff}.widget-post-image{width:60px;height:60px;border-radius:8px;object-fit:cover}.widget-post-info{flex:1}.widget-post-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.widget-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.widget-post-stats{display:flex;align-items:center;gap:4px}.categories-list{display:flex;flex-direction:column;gap:8px}.category-link{display:block;padding:10px 16px;background:#fff;color:#666;text-decoration:none;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease;text-align:center;font-weight:500}.category-link:hover{background:gold;color:#333;border-color:gold}.newsletter-widget{background:linear-gradient(135deg,gold,#ffc700);border:none;color:#333}.newsletter-widget .widget-title{color:#333;border-bottom-color:#0000001a}.newsletter-text{font-size:14px;line-height:1.5;margin-bottom:20px;color:#333}.newsletter-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.newsletter-input{padding:12px 16px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:14px;text-align:right;background:#ffffffe6}.newsletter-button{padding:12px 20px;background:#000c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-button:hover{background:#000000e6}.newsletter-benefits{display:flex;flex-direction:column;gap:8px}.benefit{display:flex;align-items:center;gap:8px;font-size:13px}.benefit-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#0003;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.related-posts{padding:60px 20px;background:#f8f9fa}.section-header{text-align:center;margin-bottom:40px}.section-title{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.section-subtitle{font-size:16px;color:#666}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.related-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:#333;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.related-image{position:relative;height:200px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-card:hover .related-image img{transform:scale(1.05)}.related-overlay{position:absolute;top:16px;right:16px}.related-category{background:gold;color:#333;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.related-content{padding:20px}.related-title{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px}.related-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:13px;color:#666}.related-stats{display:flex;gap:16px;font-size:13px;color:#666}.back-to-top{position:fixed;bottom:30px;left:30px;width:50px;height:50px;background:gold;color:#333;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd7004d;transition:all .3s ease;z-index:100}.back-to-top:hover{background:#ffc700;transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066}@media (max-width: 1200px){.article-layout{grid-template-columns:200px 1fr 280px;gap:30px}}@media (max-width: 992px){.article-layout{grid-template-columns:1fr;gap:40px}.table-of-contents{position:static;display:none}.table-of-contents.open{position:fixed;top:0;right:0;left:0;bottom:0;z-index:1000;border-radius:0;max-height:100vh}.toc-close{display:block}.toc-toggle.mobile{display:flex}.article-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}@media (max-width: 768px){.article-title{font-size:32px}.article-meta,.share-section{flex-direction:column;gap:20px}.post-navigation{grid-template-columns:1fr}.nav-post.next{flex-direction:row;text-align:right}.bio-content{flex-direction:column;text-align:center}.related-grid{grid-template-columns:1fr}.article-image img{height:250px}}@media (max-width: 576px){.article{padding:20px 0}.article-title{font-size:28px}.article-content{font-size:16px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.back-to-top{bottom:20px;left:20px;width:45px;height:45px}}.profile-page{min-height:calc(100vh - 200px);padding:0 0 3rem;background:#f5f7fa}.profile-container{max-width:1200px;margin:0 auto}.profile-cover{height:200px;position:relative;overflow:hidden}.cover-gradient{width:100%;height:100%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#ff8e53);position:relative}.cover-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}.profile-header{background:#fff;margin:-60px 2rem 2rem;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;position:relative;z-index:10}.avatar-section{display:flex;align-items:flex-end;gap:2rem;flex:1}.profile-avatar-wrapper{position:relative;margin-top:-80px}.profile-avatar-img,.profile-avatar-placeholder{width:140px;height:140px;border-radius:50%;border:5px solid white;box-shadow:0 8px 24px #00000026}.profile-avatar-img{object-fit:cover}.profile-avatar-placeholder{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);display:flex;align-items:center;justify-content:center}.avatar-initials{font-size:3rem;font-weight:700;color:#fff;font-family:Cairo,sans-serif}.avatar-upload-button{position:absolute;bottom:5px;right:5px;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.avatar-upload-button:hover:not(:disabled){background:#ff6b6b;color:#fff;border-color:#ff6b6b;transform:scale(1.1)}.avatar-upload-button:disabled{opacity:.5;cursor:not-allowed}.profile-info{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.profile-name{font-size:2rem;font-weight:700;color:#333;margin:0;font-family:Cairo,sans-serif}.profile-email,.profile-phone{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#666;margin:0}.profile-email svg,.profile-phone svg{color:#ff6b6b}.profile-actions{display:flex;gap:1rem;align-items:center}.action-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;font-family:Cairo,sans-serif;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.action-button.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0 2rem 2rem}.quick-link-card{background:#fff;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;text-decoration:none;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.quick-link-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.quick-link-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#ff6b6b1a,#ee5a6f1a);display:flex;align-items:center;justify-content:center;color:#ff6b6b;flex-shrink:0}.quick-link-info h3{font-size:1.25rem;font-weight:700;color:#333;margin:0 0 .25rem;font-family:Cairo,sans-serif}.quick-link-info p{font-size:.95rem;color:#666;margin:0}.profile-content{margin:0 2rem}.content-section{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 16px #00000014}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#333;margin:0 0 2rem;font-family:Cairo,sans-serif;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-title svg{color:#ff6b6b}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{display:flex;align-items:center;gap:1.25rem;padding:1.75rem;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border-radius:16px;transition:all .3s ease;border:2px solid transparent}.info-card:hover{background:#fff;border-color:#ff6b6b33;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b1a}.info-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #ff6b6b4d}.info-details{display:flex;flex-direction:column;gap:.35rem;flex:1}.info-label{font-size:.875rem;color:#666;font-weight:500}.info-value{font-size:1.1rem;color:#333;font-weight:600;font-family:Cairo,sans-serif;display:flex;align-items:center;gap:.5rem}.status-active{color:#10b981}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.profile-header{flex-direction:column;align-items:flex-start}.avatar-section,.profile-actions{width:100%}.action-button{flex:1;justify-content:center}}@media (max-width: 768px){.profile-cover{height:150px}.profile-header{margin:-40px 1rem 1.5rem;padding:1.5rem}.avatar-section{flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-avatar-wrapper{margin-top:-60px}.profile-avatar-img,.profile-avatar-placeholder{width:100px;height:100px}.avatar-initials{font-size:2.5rem}.profile-name{font-size:1.5rem}.quick-links{margin:0 1rem 1.5rem;grid-template-columns:1fr}.profile-content{margin:0 1rem}.content-section{padding:1.5rem}.info-grid{grid-template-columns:1fr}}.payment-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:1rem;font-size:.9rem;color:#856404;font-family:Cairo,sans-serif}.payment-notice svg{flex-shrink:0}.order-payment-section{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.payment-title{font-size:.9rem;font-weight:600;color:#495057;margin:0 0 .75rem;font-family:Cairo,sans-serif}.payment-details{display:flex;flex-direction:column;gap:.5rem}.payment-detail{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:8px;border:1px solid #dee2e6}.payment-method-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e9ecef;border-radius:6px;color:#495057}.payment-method-text{flex:1;font-size:.9rem;font-weight:500;color:#212529;font-family:Cairo,sans-serif}.payment-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;font-family:Cairo,sans-serif;white-space:nowrap}.payment-status-paid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.payment-status-failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-status-refunded{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.orders-page{min-height:calc(100vh - 200px);padding:3rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.orders-container{max-width:1000px;margin:0 auto}.orders-header{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 10px 40px #0000001a;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.orders-header svg{color:#ff6b6b}.orders-title{font-size:2rem;font-weight:700;color:#333;margin:0;font-family:Cairo,sans-serif}.orders-subtitle{font-size:1.1rem;color:#666;margin:0}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.order-id{display:flex;flex-direction:column;gap:.25rem}.order-label{font-size:.875rem;color:#666}.order-value{font-size:1.25rem;font-weight:700;color:#333;font-family:Cairo,sans-serif}.order-status{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;font-family:Cairo,sans-serif}.status-delivered{background:#d1fae5;color:#065f46}.status-pending{background:#fff7ed;color:#9a3412}.status-paid{background:#dcfce7;color:#166534}.status-shipped{background:#dbeafe;color:#1e40af}.status-processing{background:#fef3c7;color:#92400e}.status-cancelled{background:#fee;color:#c53030}.status-refunded{background:#f3f4f6;color:#374151}.error-message{display:flex;align-items:center;gap:.75rem;background:#fed7d7;color:#c53030;padding:1rem 1.25rem;border-radius:12px;margin-top:1rem;font-weight:500}.empty-orders{background:#fff;border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:0 4px 16px #00000014;margin-top:2rem}.empty-orders svg{color:#e0e0e0;margin-bottom:1.5rem}.empty-orders h3{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 .5rem;font-family:Cairo,sans-serif}.empty-orders p{font-size:1rem;color:#666;margin:0}.order-details{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.order-detail{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.order-detail svg{color:#ff6b6b}.order-track-button{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-top:1rem;justify-content:center}.order-track-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.order-tracking-section{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.tracking-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 1rem;text-align:center}.order-progress{direction:ltr}.progress-steps{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:#e9ecef;color:#6c757d;border:2px solid #e9ecef;transition:all .3s ease;position:relative;z-index:2}.step-indicator.completed{background:#28a745;color:#fff;border-color:#28a745}.step-indicator.current{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 0 0 4px #007bff33}.step-indicator.cancelled{background:#dc3545;color:#fff;border-color:#dc3545}.step-label{font-size:.75rem;color:#6c757d;margin-top:.5rem;text-align:center;font-weight:500;direction:rtl}.step-label.current{color:#007bff;font-weight:600}.step-label.completed{color:#28a745}.step-connector{position:absolute;top:20px;left:50%;width:100%;height:2px;background:#e9ecef;z-index:1}.step-connector.completed{background:#28a745}.order-expanded-details{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;animation:slideDown .3s ease-out}.order-expanded-details h4{font-size:.875rem;font-weight:600;color:#333;margin:0 0 .75rem}.order-items{margin-bottom:1.5rem}.order-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.order-item:last-child{border-bottom:none}.item-name{flex:1;font-weight:500;color:#333}.item-quantity{color:#6c757d;margin:0 1rem}.item-price{font-weight:600;color:#333}.order-shipping{margin-bottom:1.5rem}.shipping-address{color:#6c757d;line-height:1.5;margin:0}.shipping-phone{color:#374151;margin:0 0 .5rem;font-size:.95rem}.order-updated{margin-bottom:0}.order-updated p{color:#6c757d;margin:0;font-size:.875rem}@media (max-width: 768px){.orders-page{padding:2rem 1rem}.orders-header{padding:2rem}.order-card{padding:1.5rem}.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-details{flex-direction:column;gap:.75rem}.progress-steps{padding:0 .5rem}.step-indicator{width:32px;height:32px;font-size:.75rem}.step-label{font-size:.625rem}.order-expanded-details{padding:1rem}.order-item{flex-direction:column;align-items:flex-start;gap:.25rem}.item-quantity{margin:0}}.settings-page{min-height:calc(100vh - 200px);padding:3rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.settings-container{max-width:800px;margin:0 auto}.settings-header{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 10px 40px #0000001a;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings-header svg{color:#ff6b6b}.settings-title{font-size:2rem;font-weight:700;color:#333;margin:0;font-family:Cairo,sans-serif}.settings-subtitle{font-size:1.1rem;color:#666;margin:0}.message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#d1fae5;color:#065f46}.message.error{background:#fed7d7;color:#c53030}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #00000014}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-header svg{color:#ff6b6b}.section-title{font-size:1.25rem;font-weight:700;color:#333;margin:0;font-family:Cairo,sans-serif}.settings-group{display:flex;flex-direction:column;gap:1.25rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:12px}.setting-label{font-size:.95rem;color:#666;font-weight:500}.setting-value{font-size:1rem;color:#333;font-weight:600;font-family:Cairo,sans-serif}.edit-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease}.edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333;font-size:.95rem;font-family:Cairo,sans-serif}.form-label svg{color:#ff6b6b}.form-input{width:100%;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f7fafc;font-family:Cairo,sans-serif}.form-input:focus{outline:none;border-color:#ff6b6b;background:#fff;box-shadow:0 0 0 4px #ff6b6b1a}.password-input-wrapper{position:relative}.password-toggle{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#ff6b6b}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.save-button{flex:1;padding:.875rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.save-button:disabled{opacity:.7;cursor:not-allowed}.cancel-button{flex:1;padding:.875rem;background:#fff;color:#666;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all .3s ease}.cancel-button:hover{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b0d}.setting-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:Cairo,sans-serif;font-weight:600;color:#333;background:#fff;cursor:pointer;transition:all .3s ease}.setting-select:focus{outline:none;border-color:#ff6b6b}@media (max-width: 768px){.settings-page{padding:2rem 1rem}.settings-header{padding:2rem}.settings-section{padding:1.5rem}.form-actions{flex-direction:column}}.pc{background:var(--surface-0);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;border:1px solid var(--surface-200)}.pc:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--surface-300)}.pc__img-wrap{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,var(--surface-50) 0%,var(--surface-100) 100%)}.pc__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);filter:brightness(1.02)}.pc:hover .pc__img{transform:scale(1.08);filter:brightness(1.05)}.pc__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.pc__overlay-btn{background:var(--surface-0);border:none;border-radius:var(--radius-full);color:var(--text-primary);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);transform:translateY(20px)}.pc:hover .pc__overlay-btn{transform:translateY(0)}.pc__overlay-btn:hover{background:var(--brand-primary);color:#fff;transform:scale(1.1)}.pc__badge{position:absolute;top:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.pc__badge--limited{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-dark) 100%);color:#fff}.pc__badge--out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pc__wishlist{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--surface-0);border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);z-index:2;color:var(--text-tertiary)}.pc__wishlist:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);color:#ef4444}.pc__wishlist.active{background:#ef4444;color:#fff;transform:scale(1.05)}.pc__wishlist.active:hover{background:#dc2626;transform:scale(1.1)}.pc__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.pc__category{font-size:12px;font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.pc__name{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.pc:hover .pc__name{color:var(--brand-primary)}.pc__stars{display:flex;align-items:center;gap:var(--space-sm)}.pc__stars-icons{display:flex;gap:2px}.pc__stars-count{font-size:12px;color:var(--text-tertiary);font-weight:500}.pc__footer{padding:var(--space-lg);padding-top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pc__pricing{display:flex;flex-direction:column;gap:var(--space-xs)}.pc__price-current{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.pc__price-discounted{color:var(--brand-accent)!important;font-weight:800!important}.pc__price-original{font-size:14px;color:var(--text-tertiary);text-decoration:line-through;font-weight:500;margin-right:var(--space-sm)}.pc__add-btn{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out-cubic);display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap;box-shadow:var(--shadow-button);min-width:120px;justify-content:center;transform:translateY(0);will-change:transform,box-shadow;position:relative;overflow:hidden;isolation:isolate}.pc__add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--duration-slow) var(--ease-out-expo);z-index:1}.pc__add-btn:hover:not(:disabled):before{left:100%}.pc__add-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-light) 0%,var(--brand-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.pc__add-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-button-active);transition:all var(--duration-fast) var(--ease-out-cubic)}.pc__add-btn:disabled{background:var(--surface-300);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.pc__add-btn.added{background:linear-gradient(135deg,#10b981,#059669);animation:added-success .6s var(--ease-out-back)}.pc__add-btn.added:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid rgba(16,185,129,.45);opacity:0;animation:added-glow .6s ease-out;pointer-events:none}.pc__added-icon{animation:pc-check-pop .38s var(--ease-out-back)}@keyframes added-glow{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.08)}}@keyframes pc-check-pop{0%{transform:scale(.7) rotate(-12deg)}to{transform:scale(1) rotate(0)}}.pc.list-view{flex-direction:row;align-items:center;gap:var(--space-lg)}.pc.list-view .pc__img-wrap{width:200px;height:200px;flex-shrink:0}.pc.list-view .pc__body{flex:1;padding:var(--space-lg)}.pc.list-view .pc__footer{flex-direction:column;align-items:flex-end;padding:var(--space-lg)}.pc.list-view .pc__add-btn{width:100%;min-width:auto}@media (max-width: 768px){.pc__img-wrap{height:180px}.pc__body{padding:var(--space-md)}.pc__footer{padding:var(--space-md);padding-top:0}.pc__name{font-size:15px}.pc__price-current{font-size:18px}.pc__add-btn{font-size:13px;padding:var(--space-sm);min-width:100px}.pc.list-view{flex-direction:column;gap:var(--space-md)}.pc.list-view .pc__img-wrap{width:100%;height:200px}.pc.list-view .pc__footer{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}@media (max-width: 480px){.pc__img-wrap{height:160px}.pc__badge{top:var(--space-sm);left:var(--space-sm);font-size:10px;padding:4px var(--space-xs)}.pc__wishlist{top:var(--space-sm);right:var(--space-sm);width:36px;height:36px}.pc__overlay-btn{width:40px;height:40px}.pc__name{font-size:14px}.pc__price-current{font-size:16px}.pc__add-btn{font-size:12px;padding:var(--space-xs) var(--space-sm)}}@media (min-width: 1025px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:24px}}@media (min-width: 1367px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;padding:32px}}.product-section{padding:40px 16px}@media (min-width: 481px){.product-section{padding:60px 24px}}@media (min-width: 1025px){.product-section{padding:80px 32px}}@media (min-width: 1367px){.product-section{padding:100px 40px}}.section-title{font-family:Cairo,sans-serif;font-size:24px;font-weight:800;text-align:center;color:#1a202c;margin:0 0 32px}@media (min-width: 481px){.section-title{font-size:28px;margin-bottom:40px}}@media (min-width: 1025px){.section-title{font-size:32px;margin-bottom:48px}}@media (min-width: 1367px){.section-title{font-size:36px;margin-bottom:56px}}:root{--brand-primary: #2563eb;--brand-primary-dark: #1d4ed8;--brand-primary-light: #3b82f6;--brand-accent: #f59e0b;--brand-accent-dark: #d97706;--surface-0: #ffffff;--surface-50: #f8fafc;--surface-100: #f1f5f9;--surface-200: #e2e8f0;--surface-300: #cbd5e1;--surface-400: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.products-page{background:#f7f7fc;font-family:Cairo,sans-serif;direction:rtl}.pp-root{direction:rtl;font-family:Cairo,sans-serif;background:#f7f7fc;min-height:100vh;color:var(--text-primary)}.hero-stats{display:flex;justify-content:center;gap:48px;animation:fadeInUp .8s ease-out .6s both}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-label{font-size:.9rem;font-weight:500;opacity:1;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pp-hero{background:linear-gradient(135deg,#4b5563,#374151);border-bottom:1px solid var(--surface-200);position:relative;overflow:hidden}.pp-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 50%,transparent 100%);opacity:.3}.pp-hero__inner{max-width:1280px;margin:0 auto;padding:var(--space-3xl) var(--space-lg);position:relative;z-index:1}.pp-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:14px;font-weight:500;color:var(--text-tertiary)}.pp-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.pp-breadcrumb a:hover{color:var(--brand-primary)}.pp-breadcrumb__sep{color:var(--text-muted)}.pp-breadcrumb__current{color:var(--text-primary);font-weight:600}.pp-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 var(--space-md) 0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-hero__title span{color:var(--brand-primary);-webkit-text-fill-color:var(--brand-primary)}.pp-hero__desc{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0;max-width:600px}.pp-hero{background:linear-gradient(135deg,#1a0505,#3d0b17,#7a2200 80%,#b85000);padding:4rem 1.5rem 5rem;position:relative;overflow:hidden}.pp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 90% at 110% 50%,rgba(245,158,11,.45) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at -5% 70%,rgba(253,212,15,.18) 0%,transparent 55%),radial-gradient(ellipse 40% 50% at 50% 110%,rgba(245,158,11,.12) 0%,transparent 60%);pointer-events:none}.pp-hero__inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}.pp-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.pp-breadcrumb a,.pp-breadcrumb span{font-size:.8rem;color:#ffffffd9;text-decoration:none;transition:color var(--transition);text-shadow:0 1px 2px rgba(0,0,0,.5)}.pp-breadcrumb a:hover{color:var(--brand-amber)}.pp-breadcrumb__sep{color:#fff9;font-size:.7rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pp-breadcrumb__current{color:#fffffff2!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}.pp-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:.75rem;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.pp-hero__title span{background:linear-gradient(90deg,#FDE68A,var(--brand-amber),#FBBF24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px var(--brand-amber-glow))}.pp-hero__desc{font-size:1.05rem;color:#ffffffd9;max-width:540px;line-height:1.7;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pp-body{max-width:1320px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.pp-sidebar{position:sticky;top:5rem}.pp-filter-card{background:var(--surface-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--surface-3);overflow:hidden}.pp-filter-card__head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--surface-3);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-top:3px solid var(--brand-amber)}.pp-filter-card__head h3{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.pp-filter-card__head h3 svg{color:var(--brand-amber-dark)}.pp-filter-clear{font-size:.78rem;color:var(--brand-amber-dark);background:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.pp-filter-clear:hover{background:#f59e0b1f}.pp-filter-section{border-bottom:1px solid var(--surface-2);background:linear-gradient(135deg,#fffc,#f9fafbe6);border-radius:var(--radius-md);margin:.5rem 0;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:all var(--transition)}.pp-filter-section:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.pp-filter-section:last-child{border-bottom:none}.pp-filter-section__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ffffffe6,#fdf3c74d);border:none;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text-primary);text-align:right;transition:all var(--transition);border-left:4px solid transparent}.pp-filter-section__toggle:hover{background:linear-gradient(135deg,#fff,#fef3c780);border-left-color:var(--brand-amber);transform:translate(-2px)}.pp-filter-section__chevron{font-size:.7rem;color:var(--brand-amber);transition:transform var(--transition);background:#f59e0b1a;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.pp-filter-section__chevron.open{transform:rotate(180deg);background:#f59e0b33}.pp-filter-section__body{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);background:#ffffff80}.pp-filter-section__body.open{max-height:500px}.pp-filter-section__inner{padding:1rem 1.5rem 1.5rem;background:linear-gradient(135deg,#ffffffb3,#f9fafbcc)}.pp-search-wrapper{position:relative;margin-bottom:.5rem}.pp-search-wrapper svg{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--brand-amber);pointer-events:none;font-size:1.1rem;background:#f59e0b1a;width:32px;height:32px;padding:6px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.pp-search-input{width:100%;padding:.85rem 3rem .85rem 1rem;font-size:.9rem;border:2px solid var(--surface-3);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffffe6,#f9fafbf2);font-family:inherit;color:var(--text-primary);transition:all var(--transition);text-align:right;font-weight:500;box-shadow:0 1px 3px #0000000a}.pp-search-input:focus{outline:none;border-color:var(--brand-amber);box-shadow:0 0 0 3px #f59e0b26,0 2px 8px #00000014;background:#fff;transform:translateY(-1px)}.pp-search-input:hover{border-color:#f59e0b4d;box-shadow:0 2px 8px #00000014}.pp-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.pp-price-range{display:flex;flex-direction:column;gap:1rem}.pp-price-input-group{display:flex;flex-direction:column;gap:.4rem}.pp-price-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem}.pp-price-input{width:100%;padding:.75rem 1rem;font-size:.9rem;border:2px solid var(--surface-3);border-radius:var(--radius-md);background:var(--surface-1);font-family:inherit;color:var(--text-primary);transition:all var(--transition);text-align:right;font-weight:500}.pp-price-input:focus{outline:none;border-color:var(--brand-amber);box-shadow:0 0 0 3px #f59e0b26;background:#fff;transform:translateY(-1px)}.pp-price-input:hover{border-color:#f59e0b4d}.pp-price-input::placeholder{color:var(--text-tertiary);font-weight:400}.pp-cat-list{display:flex;flex-direction:column;gap:.5rem}.pp-cat-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-size:.9rem;color:var(--text-secondary);border:2px solid transparent;font-family:inherit;background:linear-gradient(135deg,#ffffffb3,#f9fafbcc);width:100%;text-align:right;font-weight:500;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden}.pp-cat-item:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:linear-gradient(90deg,#f59e0b1a,#f59e0b0d);transition:width var(--transition)}.pp-cat-item:hover{background:linear-gradient(135deg,#ffffffe6,#fef3c74d);color:var(--text-primary);transform:translate(-2px);box-shadow:0 2px 8px #00000014;border-color:#f59e0b4d}.pp-cat-item:hover:before{width:4px}.pp-cat-item.active{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b99;color:var(--brand-amber-dark);font-weight:700;transform:translate(-4px);box-shadow:0 2px 12px #f59e0b33}.pp-cat-item.active:before{width:4px;background:var(--brand-amber)}.pp-cat-item__badge{font-size:.75rem;background:var(--surface-2);color:var(--text-tertiary);padding:.2rem .5rem;border-radius:var(--radius-full);font-weight:600;min-width:24px;text-align:center}.pp-cat-item.active .pp-cat-item__badge{background:#f59e0b33;color:var(--brand-amber-dark);font-weight:700}.pp-cat-item.pp-cat-item--removing{animation:pp-filter-remove .18s var(--motion-ease-standard, cubic-bezier(.22, 1, .36, 1)) forwards}@keyframes pp-filter-remove{0%{opacity:1;transform:translate(-4px) scale(1)}to{opacity:.35;transform:translate(0) scale(.96)}}.pp-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:var(--surface-0);border-radius:var(--radius-md);padding:.9rem 1.25rem;box-shadow:var(--shadow-xs);border:1px solid var(--surface-3);margin-bottom:1.5rem}.pp-controls__left{display:flex;align-items:center;gap:1rem}.pp-controls__count{font-size:.85rem;color:var(--text-secondary)}.pp-controls__count strong{color:var(--text-primary);font-weight:700}.pp-sort-select{border-radius:var(--radius-sm);border:1.5px solid var(--surface-3);background:var(--surface-1);font-size:.875rem;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236B7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .75rem center;padding:.55rem 1rem .55rem 2rem;text-align:right}.pp-sort-select:hover{border-color:#f59e0b73;box-shadow:0 6px 14px #f59e0b1f;translate:0 -1px}.pp-sort-select:focus{outline:none;border-color:var(--brand-amber);box-shadow:0 0 0 3px #f59e0b26;animation:pp-select-open .22s var(--motion-ease-standard, cubic-bezier(.22, 1, .36, 1))}@keyframes pp-select-open{0%{translate:0 0;box-shadow:0 0 #f59e0b00}to{translate:0 -1px}}.pp-view-toggle{display:flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:.2rem;gap:.15rem}.pp-view-btn{padding:.5rem .7rem;border-radius:6px;border:none;background:none;cursor:pointer;color:var(--text-secondary);transition:background var(--transition),color var(--transition);display:flex;align-items:center;font-size:1rem}.pp-view-btn.active{background:var(--surface-0);color:var(--brand-amber);box-shadow:var(--shadow-xs)}.pp-mobile-filter-btn{display:none;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--surface-3);background:var(--surface-0);font-size:.875rem;font-family:inherit;color:var(--text-primary);cursor:pointer;font-weight:600;transition:border-color var(--transition),background var(--transition)}.pp-mobile-filter-btn:hover{border-color:var(--brand-amber);background:#f59e0b0a}.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1rem,2.5vw,2rem);transition:opacity .2s ease}.pp-grid>.pc{animation:pp-card-enter .42s var(--motion-ease-standard, cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(var(--card-index, 0) * 26ms)}.pp-grid.is-refreshing>.pc{animation:pp-card-refresh .26s var(--motion-ease-standard, cubic-bezier(.22, 1, .36, 1)) both}@keyframes pp-card-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes pp-card-refresh{0%{opacity:.7;translate:0 10px}to{opacity:1;translate:0 0}}.pp-grid.list-view{grid-template-columns:1fr}.pp-grid__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.pp-grid__empty-icon{font-size:4rem;margin-bottom:1.25rem;opacity:.6}.pp-grid__empty h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.pp-grid__empty p{font-size:.9rem;color:var(--text-secondary)}.pc{background:var(--surface-0);border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--surface-3);box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit}.pc:hover{transform:translateY(-6px);box-shadow:0 12px 40px #f59e0b2e,0 4px 16px #0000001a;border-color:#f59e0b8c}.pc__img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#faf5f5,#f0e8e8);overflow:hidden;flex-shrink:0}.pc__img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.pc:hover .pc__img{transform:scale(1.08)}.pc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity var(--transition);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pc:hover .pc__overlay{opacity:1}.pc__overlay-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:#fff;border:none;cursor:pointer;color:var(--text-primary);font-size:1rem;transition:background var(--transition),color var(--transition),transform var(--transition)}.pc__overlay-btn:hover{background:var(--brand-amber);color:#fff;transform:scale(1.12)}.pc__badge{position:absolute;top:.85rem;right:.85rem;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;letter-spacing:.3px;z-index:5;font-family:Cairo,sans-serif}.pc__badge--limited{background:linear-gradient(135deg,#FBBF24,var(--brand-amber));color:#1a1a1a;font-weight:900;box-shadow:0 2px 8px #f59e0b80}.pc__badge--out{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.pc__badge--sale{background:linear-gradient(135deg,var(--brand-red),var(--brand-red-dark));color:#fff;box-shadow:0 2px 8px #dc143c66}.pc__wishlist{position:absolute;top:.85rem;left:.85rem;width:2.1rem;height:2.1rem;border-radius:var(--radius-full);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-secondary);transition:background var(--transition),color var(--transition),transform var(--transition);z-index:5}.pc__wishlist:hover{background:#f59e0b26;color:var(--brand-amber-dark);transform:scale(1.15)}.pc__wishlist.active{background:#f59e0b2e;color:var(--brand-amber);transform:scale(1.15)}.pc__body{padding:1.25rem 1.25rem 0;flex:1;display:flex;flex-direction:column}.pc__category{display:inline-block;font-size:.7rem;font-weight:800;color:var(--brand-amber-dark);background:#f59e0b1a;padding:.15rem .55rem;border-radius:var(--radius-full);letter-spacing:.4px;margin-bottom:.5rem}.pc__name{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;margin-bottom:.6rem}.pc__stars{display:flex;align-items:center;gap:.35rem;margin-bottom:.85rem}.pc__stars-icons{display:flex;gap:1px;color:var(--brand-amber);font-size:.9rem;filter:drop-shadow(0 1px 2px rgba(245,158,11,.3))}.pc__stars-count{font-size:.78rem;color:var(--text-tertiary)}.pc__footer{padding:1rem 1.25rem 1.25rem;border-top:1.5px solid var(--surface-2);margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pc__pricing{display:flex;flex-direction:column;gap:.1rem}.pc__price-current{font-size:1.3rem;font-weight:800;color:var(--text-primary);line-height:1}.pc__price-old{font-size:.78rem;color:var(--text-tertiary);text-decoration:line-through}.pc__add-btn{flex-shrink:0;display:flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-amber),var(--brand-amber-dark));color:#1a1a1a;border:none;cursor:pointer;font-size:.82rem;font-weight:800;font-family:inherit;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);box-shadow:0 3px 12px var(--brand-amber-glow);white-space:nowrap}.pc__add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b8c;background:linear-gradient(135deg,#FBBF24,var(--brand-amber))}.pc__add-btn:active:not(:disabled){transform:translateY(0)}.pc__add-btn:disabled{background:var(--surface-3);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none}@keyframes cartPop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}.pc__add-btn.added{animation:cartPop .4s ease forwards;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 3px 12px #16a34a59}.pp-grid.list-view .pc{flex-direction:row}.pp-grid.list-view .pc__img-wrap{width:200px;min-width:200px;aspect-ratio:auto;height:auto}.pp-grid.list-view .pc__body{padding:1.25rem}.pp-grid.list-view .pc__footer{border-top:none;padding:0 1.25rem 1.25rem;margin-top:.5rem}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.pp-skeleton{background:var(--surface-0);border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--surface-3)}.pp-skeleton__block{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:600px 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.pp-skeleton__img{aspect-ratio:1/1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:auto}.pp-skeleton__body{padding:1.25rem}.pp-skeleton__line{height:12px;margin-bottom:.7rem;border-radius:6px}.pp-skeleton__line--lg{height:20px;width:75%}.pp-skeleton__line--md{width:55%}.pp-skeleton__line--sm{width:40%}.pp-skeleton__btn{height:36px;width:100%;margin-top:.5rem;border-radius:var(--radius-full)}.pp-pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:3rem;flex-wrap:wrap}.pp-pag-btn{min-width:2.5rem;height:2.5rem;padding:0 .75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1.5px solid var(--surface-3);background:var(--surface-0);color:var(--text-primary);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition)}.pp-pag-btn:hover:not(:disabled):not(.active){border-color:var(--brand-amber);color:var(--brand-amber-dark);background:#f59e0b14}.pp-pag-btn.active{background:linear-gradient(135deg,var(--brand-amber),var(--brand-amber-dark));border-color:var(--brand-amber-dark);color:#1a1a1a;box-shadow:0 3px 12px var(--brand-amber-glow);font-weight:800}.pp-pag-btn:disabled{color:var(--text-tertiary);border-color:var(--surface-2);cursor:not-allowed;opacity:.6}.pp-pag-ellipsis{padding:0 .4rem;color:var(--text-tertiary);font-size:.85rem}.pp-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;opacity:0;transition:opacity .3s ease;pointer-events:none}.pp-drawer-overlay.open{opacity:1;pointer-events:all}.pp-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);background:var(--surface-0);z-index:301;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.pp-drawer.open{transform:translate(0)}.pp-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--surface-3);flex-shrink:0}.pp-drawer__head h2{font-size:1rem;font-weight:700;color:var(--text-primary)}.pp-drawer__close{width:2rem;height:2rem;border-radius:var(--radius-full);border:none;background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);transition:background var(--transition),color var(--transition)}.pp-drawer__close:hover{background:var(--brand-amber);color:#fff}.pp-drawer__body{flex:1;overflow-y:auto;padding:1rem 0}.pp-drawer__footer{padding:1rem 1.5rem;border-top:1px solid var(--surface-3);flex-shrink:0;display:flex;gap:.75rem}.pp-drawer__apply{flex:1;padding:.85rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-amber),var(--brand-amber-dark));color:#1a1a1a;border:none;cursor:pointer;font-weight:800;font-size:.9rem;font-family:inherit;transition:box-shadow var(--transition),transform var(--transition);box-shadow:0 3px 12px var(--brand-amber-glow)}.pp-drawer__apply:hover{transform:translateY(-1px);box-shadow:0 5px 16px #f59e0b8c}.pp-drawer__clear{padding:.85rem 1.25rem;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);border:none;cursor:pointer;font-size:.875rem;font-weight:650;font-family:inherit;transition:background var(--transition)}.pp-drawer__clear:hover{background:var(--surface-3)}@media (max-width: 1024px){.pp-body{grid-template-columns:240px 1fr;gap:1.5rem}.pp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pp-hero{padding:2.5rem 1rem 3.5rem}.pp-body{grid-template-columns:1fr;padding:1.25rem 1rem 3rem}.pp-sidebar{display:none}.pp-mobile-filter-btn{display:flex}.pp-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.pp-grid.list-view .pc{flex-direction:column}.pp-grid.list-view .pc__img-wrap{width:100%}}@media (max-width: 480px){.pp-grid{grid-template-columns:1fr}.pp-controls{flex-direction:column;align-items:stretch}.pp-controls__left{flex-wrap:wrap}}.pp-root{--pp-accent: #f59e0b;--pp-ink: #0f172a;--pp-muted: #516074;--pp-border: #dfe5ef;--pp-surface: #ffffff;--pp-surface-soft: #f7f9fc}.pp-root .pp-main-content{min-width:0}.pp-root .pp-body{gap:clamp(1rem,2.1vw,1.8rem)}.pp-root .pp-hero-lite{min-height:auto;padding:108px 0 56px;background:radial-gradient(circle at 18% 16%,rgba(249,115,22,.22),transparent 36%),radial-gradient(circle at 82% 10%,rgba(15,23,42,.28),transparent 34%),linear-gradient(120deg,#14213d,#1e293b 52%,#0f172a)}.pp-root .pp-hero-lite .ab-hero__content{max-width:min(1080px,calc(100% - 2rem));padding-inline:1rem}.pp-root .pp-hero-lite .ab-hero__badge{margin-bottom:22px;border-color:#ffffff59;background:#ffffff1f}.pp-root .pp-hero-lite .ab-hero__title{margin-bottom:16px}.pp-root .pp-hero-lite .ab-hero__subtitle{max-width:64ch;margin-bottom:28px;color:#ffffffd6}.pp-root .pp-hero-lite .ab-hero__scroll-indicator{bottom:18px}.pp-root .pp-controls{position:sticky;top:84px;z-index:8;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--pp-border);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #0f172a14}.pp-root .pp-controls__left{gap:.8rem}.pp-root .pp-controls__right{display:flex;align-items:center;gap:.65rem;margin-inline-start:auto}.pp-root .pp-controls__count{font-size:.9rem;color:var(--pp-muted)}.pp-root .pp-controls__count strong{color:var(--pp-ink)}.pp-root .pp-sort-select{min-height:40px;min-width:214px;border:1px solid var(--pp-border);border-radius:11px;background-color:var(--pp-surface-soft);color:var(--pp-ink);font-weight:600;box-shadow:none}.pp-root .pp-sort-select:hover{border-color:#cfd8e5;box-shadow:none;translate:none}.pp-root .pp-sort-select:focus{border-color:#f2bb4f;box-shadow:0 0 0 3px #f59e0b2e}.pp-root .pp-view-toggle{border:1px solid var(--pp-border);border-radius:11px;background:var(--pp-surface-soft);padding:.14rem}.pp-root .pp-view-btn{min-width:36px;min-height:34px;border-radius:9px}.pp-root .pp-view-btn.active{color:#b96c00;background:var(--pp-surface);box-shadow:0 2px 5px #0f172a1a}.pp-root .pp-mobile-filter-btn{min-height:40px;border:1px solid var(--pp-border)}.pp-root .pp-mobile-filter-btn:hover{border-color:#f3cb82;background:#fffbef}.pp-root .pp-grid{gap:clamp(1rem,1.8vw,1.45rem)}.pp-root .pp-grid>.pc{border-color:#e3e8f2;border-radius:16px}.pp-root .pp-grid>.pc:hover{transform:translateY(-5px)}.pp-root .pp-skeleton{border-radius:16px;border:1px solid #e4e9f2;background:linear-gradient(180deg,#fff,#f7f9fc)}.pp-root .pp-pagination{margin-top:1.7rem}@media (max-width: 1024px){.pp-root .pp-controls{top:78px}.pp-root .pp-sort-select{min-width:185px}}@media (max-width: 768px){.pp-root .pp-hero-lite{padding:94px 0 44px}.pp-root .pp-controls{top:70px;padding:.72rem}.pp-root .pp-controls__right{width:100%;justify-content:space-between}.pp-root .pp-sort-select{min-width:0;flex:1}}@media (max-width: 480px){.pp-root .pp-controls{position:static}.pp-root .pp-controls__left,.pp-root .pp-controls__right{width:100%}}@keyframes pp-badge-pop{0%{transform:scale(.75);opacity:.45}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pp-count-pulse{0%,to{box-shadow:0 0 #f59e0b38}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes pp-sheen-sweep{0%{transform:translate(120%);opacity:0}40%{opacity:.3}to{transform:translate(-140%);opacity:0}}.pp-root .pp-controls{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1),border-color .24s ease}.pp-root .pp-controls:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1c}.pp-root .pp-controls__count strong{display:inline-flex;align-items:center;justify-content:center;min-width:26px;border-radius:999px;padding-inline:.34rem;background:#f59e0b29;animation:pp-count-pulse 1.6s ease-out}.pp-root .pp-mobile-filter-btn{position:relative;overflow:hidden}.pp-root .pp-mobile-filter-btn.has-active-filters{border-color:#f2bb4f;background:#fff8e9}.pp-root .pp-mobile-filter-btn__badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;animation:pp-badge-pop .32s cubic-bezier(.22,1,.36,1);margin-inline-start:2px}.pp-root .pp-sort-select,.pp-root .pp-view-btn,.pp-root .pp-pag-btn{transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,border-color .18s ease}.pp-root .pp-view-btn:hover,.pp-root .pp-pag-btn:hover:not(:disabled):not(.active){transform:translateY(-1px)}.pp-root .pp-view-btn:active,.pp-root .pp-pag-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.pp-root .pp-grid>.pc{position:relative;overflow:hidden}.pp-root .pp-grid>.pc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff0 24%,#ffffff47 44%,#fff0 60%);pointer-events:none;opacity:0}.pp-root .pp-grid>.pc:hover:after{opacity:1;animation:pp-sheen-sweep .7s ease}.pp-root .pp-grid.list-view>.pc:hover{transform:translateY(-2px)}.pp-root .pp-grid>.pp-skeleton{animation:pp-card-enter .42s var(--motion-ease-standard, cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(var(--i, 0) * 36ms)}.pp-root .pp-pagination{animation:pp-card-enter .3s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion: reduce){.pp-root .pp-controls,.pp-root .pp-controls:hover,.pp-root .pp-controls__count strong,.pp-root .pp-mobile-filter-btn__badge,.pp-root .pp-sort-select,.pp-root .pp-view-btn,.pp-root .pp-pag-btn,.pp-root .pp-grid>.pc:after,.pp-root .pp-grid>.pp-skeleton,.pp-root .pp-pagination{animation:none!important;transition:none!important;transform:none!important}}.pdp-gallery{display:flex;flex-direction:column;gap:var(--space-md);position:relative}.pdp-gallery__main{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-3xl);overflow:hidden;background:linear-gradient(145deg,var(--surface-50) 0%,#eef2ff 100%);border:1px solid rgba(226,232,240,.8);cursor:zoom-in;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 1px #0000000a,0 2px 4px #00000008,0 4px 8px #00000008,0 8px 16px #00000005;transition:box-shadow var(--transition-slow)}.pdp-gallery__main:hover{box-shadow:0 2px 4px #0000000f,0 8px 16px #0000000f,0 20px 40px #00000014}.pdp-gallery__main-img{width:100%;height:100%;object-fit:contain;padding:var(--space-xl);will-change:transform;transition:opacity .3s ease,transform .5s cubic-bezier(.4,0,.2,1)}.pdp-gallery__main-img.zoomed{transform:scale(2.2);cursor:grabbing}@keyframes imgFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.pdp-gallery__main-img.entering{animation:imgFadeIn .35s cubic-bezier(.16,1,.3,1)}.pdp-gallery__zoom-lens{position:absolute;width:110px;height:110px;border-radius:50%;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.6);pointer-events:none;box-shadow:0 0 0 9999px #0000002e,inset 0 0 12px #fff3;z-index:10;display:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media (hover: hover){.pdp-gallery__main:hover .pdp-gallery__zoom-lens{display:block}}.pdp-gallery__fullscreen-hint{position:absolute;bottom:var(--space-md);right:var(--space-md);background:#ffffffe0;padding:6px 12px;border-radius:var(--radius-full);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;opacity:0;transform:translateY(4px);transition:all var(--transition-base)}.pdp-gallery__main:hover .pdp-gallery__fullscreen-hint{opacity:1;transform:translateY(0)}.pdp-gallery__counter{position:absolute;top:var(--space-md);left:var(--space-md);background:#0f172aa6;color:#fff;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px}.pdp-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffffeb;border:1px solid rgba(226,232,240,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow-md);transition:all var(--transition-base);z-index:5;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdp-gallery__main:hover .pdp-gallery__nav{opacity:1}.pdp-gallery__nav:hover{background:var(--surface-0);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-lg);color:var(--brand-primary);border-color:var(--surface-200)}.pdp-gallery__nav:active{transform:translateY(-50%) scale(.95)}.pdp-gallery__nav:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;opacity:1}.pdp-gallery__nav--prev{right:var(--space-md)}.pdp-gallery__nav--next{left:var(--space-md)}.pdp-gallery__dots{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:5;background:#ffffffbf;padding:5px 8px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pdp-gallery__dot{width:7px;height:7px;border-radius:50%;background:var(--surface-300);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pdp-gallery__dot.active{background:var(--brand-primary);width:22px;border-radius:4px}.pdp-gallery__thumbs{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.pdp-gallery__thumbs::-webkit-scrollbar{display:none}.pdp-gallery__thumb{position:relative;width:76px;height:76px;border-radius:var(--radius-lg);border:2px solid transparent;background:var(--surface-50);padding:6px;cursor:pointer;flex-shrink:0;transition:all var(--transition-base);overflow:hidden}.pdp-gallery__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--radius-lg) - 2px);background:#2563eb00;transition:background var(--transition-fast);pointer-events:none}.pdp-gallery__thumb img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base);border-radius:calc(var(--radius-lg) - 8px)}.pdp-gallery__thumb:hover{border-color:var(--surface-300);transform:translateY(-3px);box-shadow:var(--shadow-md)}.pdp-gallery__thumb:hover img{transform:scale(1.06)}.pdp-gallery__thumb.active{border-color:var(--brand-primary);background:var(--surface-0);box-shadow:0 0 0 3px #2563eb1f}.pdp-gallery__thumb.active:after{background:#2563eb0a}.pdp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#090c18f5;z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .25s ease-out}.pdp-lightbox__close{position:absolute;top:var(--space-xl);right:var(--space-xl);width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdp-lightbox__close:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.pdp-lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-xl);animation:scaleIn .4s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 80px #0009}.pdp-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pdp-lightbox__nav:hover{background:#ffffff38;transform:translateY(-50%) scale(1.1)}.pdp-lightbox__nav--prev{right:var(--space-xl)}.pdp-lightbox__nav--next{left:var(--space-xl)}@media (max-width: 768px){.pdp-gallery__nav{opacity:1;width:38px;height:38px}.pdp-gallery__nav--prev{right:var(--space-sm)}.pdp-gallery__nav--next{left:var(--space-sm)}.pdp-gallery__fullscreen-hint{display:none}.pdp-gallery__thumb{width:60px;height:60px}.pdp-lightbox__nav{width:44px;height:44px}.pdp-lightbox__nav--prev{right:var(--space-sm)}.pdp-lightbox__nav--next{left:var(--space-sm)}.pdp-lightbox__close{top:var(--space-sm);right:var(--space-sm);width:42px;height:42px}}.share-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;animation:fadeIn .2s ease-out}.share-modal{background:#fff;border-radius:16px;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .3s ease-out}.share-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6}.share-modal__title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0}.share-modal__close{background:none;border:none;padding:4px;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.share-modal__close:hover{background:#f3f4f6;color:#374151}.share-modal__content{padding:24px}.share-modal__product{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:12px}.share-modal__product-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.4}.share-modal__product-url{font-size:14px;color:#6b7280;margin:0;word-break:break-all;direction:ltr;text-align:left}.share-modal__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px}.share-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.share-option:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.share-option--native{background:#4f46e5;color:#fff;border-color:#4f46e5}.share-option--native:hover{background:#4338ca;border-color:#4338ca}.share-modal__copy-section{display:flex;justify-content:center}.share-modal__copy-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-modal__copy-btn:hover{border-color:#d1d5db;background:#f9fafb}.share-modal__copy-btn.copied{background:#10b981;color:#fff;border-color:#10b981}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.share-modal{width:95%;margin:20px}.share-modal__header{padding:16px 20px 12px}.share-modal__content{padding:20px}.share-modal__options{grid-template-columns:repeat(2,1fr)}.share-option{padding:10px 12px;font-size:13px}}.pdp-info{display:flex;flex-direction:column;gap:var(--space-md);animation:fadeSlideIn .7s cubic-bezier(.16,1,.3,1) .15s both}.pdp-info__cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--brand-primary);letter-spacing:1px;background:#2563eb14;padding:5px 14px;border-radius:var(--radius-full);width:fit-content;transition:all var(--transition-fast)}.pdp-info__cat:before{content:"";display:inline-block;width:6px;height:6px;background:var(--brand-primary);border-radius:50%}.pdp-info__title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;color:var(--text-primary);line-height:1.2;margin:0;letter-spacing:-.03em}.pdp-info__meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.pdp-info__stars{display:flex;gap:2px;color:var(--brand-accent)}.pdp-info__rating-num{font-weight:700;color:var(--text-primary);font-size:15px}.pdp-info__reviews-link{color:var(--text-tertiary);font-size:13px;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:all var(--transition-fast)}.pdp-info__reviews-link:hover{color:var(--brand-primary);text-decoration-color:var(--brand-primary)}.pdp-price-box{background:linear-gradient(135deg,var(--surface-50) 0%,#eef2ff 100%);border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-2xl);padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;margin:var(--space-sm) 0;position:relative;overflow:hidden}.pdp-price-box:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none}.pdp-price-box__current{font-size:clamp(2rem,5vw,2.75rem);font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-.04em}.pdp-price-box__discounted{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900!important}.pdp-price-box__original{font-size:1.3rem;color:var(--text-muted);text-decoration:line-through;font-weight:500;margin-right:var(--space-md)}.pdp-price-box__currency{font-size:1.1rem;font-weight:600;color:var(--text-tertiary);margin-right:6px}.pdp-price-box__discount-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:13px;font-weight:800;padding:6px 14px;border-radius:var(--radius-full);letter-spacing:.5px;box-shadow:0 4px 12px #ef444459;animation:floatBadge 3s ease-in-out infinite}.pdp-stock{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;padding:6px 14px;border-radius:var(--radius-full);width:fit-content}.pdp-stock__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}.pdp-stock--in{background:#10b9811a;color:#059669}.pdp-stock--in .pdp-stock__dot{background:#10b981;box-shadow:0 0 0 3px #10b98140}.pdp-stock--low{background:#f59e0b1a;color:#b45309}.pdp-stock--low .pdp-stock__dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b40}.pdp-stock--out{background:#ef44441a;color:#dc2626}.pdp-stock--out .pdp-stock__dot{background:#ef4444;box-shadow:0 0 0 3px #ef444440;animation:none}.pdp-info__desc{font-size:15px;line-height:1.85;color:var(--text-secondary);border-top:1px solid var(--surface-200);border-bottom:1px solid var(--surface-200);padding:var(--space-lg) 0;margin:var(--space-xs) 0}.pdp-actions{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-xs)}.pdp-qty{display:flex;align-items:center;gap:var(--space-md)}.pdp-qty__label{font-weight:700;color:var(--text-primary);font-size:14px}.pdp-qty-ctrl{display:flex;align-items:center;background:var(--surface-100);border-radius:var(--radius-full);padding:4px;border:1.5px solid var(--surface-200);gap:2px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pdp-qty-ctrl:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb1a}.pdp-qty-ctrl__btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--surface-0);border:none;border-radius:var(--radius-full);font-size:18px;font-weight:500;line-height:1;color:var(--text-primary);cursor:pointer;transition:all var(--transition-spring);-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-xs)}.pdp-qty-ctrl__btn:hover:not(:disabled){background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #2563eb4d;transform:scale(1.06)}.pdp-qty-ctrl__btn:active:not(:disabled){transform:scale(.94)}.pdp-qty-ctrl__btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pdp-qty-ctrl__btn:focus-visible{outline:2px solid rgba(37,99,235,.4);outline-offset:2px}.pdp-qty-ctrl__val{width:52px;text-align:center;font-weight:700;font-size:16px;color:var(--text-primary);background:transparent;border:none;font-family:inherit;outline:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.pdp-qty-ctrl__val::-webkit-outer-spin-button,.pdp-qty-ctrl__val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdp-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.pdp-btn-cart{position:relative;padding:15px var(--space-lg);background:var(--surface-0);border:2px solid var(--brand-primary);color:var(--brand-primary);border-radius:var(--radius-xl);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);overflow:hidden;font-family:inherit;isolation:isolate}.pdp-btn-cart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);opacity:0;transition:opacity var(--transition-base)}.pdp-btn-cart:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0}.pdp-btn-cart>*{position:relative;z-index:1}.pdp-btn-cart__check{animation:cartCheckPop .42s cubic-bezier(.22,1,.36,1)}.pdp-btn-cart__label{display:inline-flex;align-items:center}.pdp-btn-cart:hover:not(:disabled){color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #2563eb59;border-color:transparent}.pdp-btn-cart:hover:not(:disabled):before{opacity:1}.pdp-btn-cart:active:not(:disabled):after{width:300px;height:300px;opacity:0}.pdp-btn-cart.added{background:#059669;border-color:#059669;color:#fff;transform:none;box-shadow:0 6px 20px #05966959}.pdp-btn-cart.added:before{opacity:0}.pdp-btn-cart:disabled{border-color:var(--surface-300);color:var(--text-muted);cursor:not-allowed;background:var(--surface-100)}.pdp-btn-cart:disabled:before{display:none}.pdp-btn-cart:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:3px}@keyframes cartSuccess{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes cartCheckPop{0%{transform:scale(.72) rotate(-10deg)}65%{transform:scale(1.14) rotate(0)}to{transform:scale(1)}}.pdp-btn-cart.added{animation:cartSuccess .5s cubic-bezier(.34,1.56,.64,1)}.pdp-btn-buynow{position:relative;padding:15px var(--space-lg);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:var(--radius-xl);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);overflow:hidden;font-family:inherit;box-shadow:0 4px 16px #0f172a40}.pdp-btn-buynow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.pdp-btn-buynow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.28),transparent 62%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.pdp-btn-buynow:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#0f172a);transform:translateY(-3px);box-shadow:0 10px 30px #0f172a59}.pdp-btn-buynow:hover:not(:disabled):before{left:100%}.pdp-btn-buynow:active:not(:disabled){transform:translateY(-1px)}.pdp-btn-buynow:active:not(:disabled):after{opacity:1}.pdp-btn-buynow__icon{transition:transform var(--transition-fast)}.pdp-btn-buynow:hover:not(:disabled) .pdp-btn-buynow__icon{transform:translateY(-1px) rotate(-7deg)}.pdp-btn-buynow:disabled{background:var(--surface-300);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.pdp-btn-buynow:focus-visible{outline:2px solid rgba(15,23,42,.35);outline-offset:3px}.pdp-extra-actions{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--surface-100)}.pdp-icon-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1.5px solid var(--surface-200);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:var(--radius-full);transition:all var(--transition-base);font-family:inherit}.pdp-icon-btn:hover{background:var(--surface-100);border-color:var(--surface-300);color:var(--text-primary);transform:translateY(-1px)}.pdp-icon-btn:active{transform:translateY(0) scale(.97)}.pdp-icon-btn:focus-visible{outline:2px solid rgba(37,99,235,.3);outline-offset:2px}.pdp-icon-btn.wishlisted{color:#ef4444;border-color:#ef44444d;background:#ef44440d}.pdp-icon-btn.wishlisted:hover{background:#ef44441a;border-color:#ef444466}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.pdp-icon-btn.wishlisted svg{animation:heartPop .45s cubic-bezier(.34,1.56,.64,1)}.pdp-out-msg{background:#ef44440f;color:#dc2626;padding:var(--space-lg);border-radius:var(--radius-xl);text-align:center;font-weight:600;border:1px solid rgba(239,68,68,.15);margin-top:var(--space-md)}@media (max-width: 768px){.pdp-info__title{font-size:1.6rem}.pdp-price-box__current{font-size:2rem}.pdp-btn-row{grid-template-columns:1fr}.pdp-extra-actions{justify-content:center}.pdp-btn-cart,.pdp-btn-buynow{padding:14px var(--space-lg)}}.rp-wrapper{position:relative}.rp-nav{display:flex;justify-content:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg)}.rp-nav__btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--surface-200);background:var(--surface-0);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.rp-nav__btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:scale(1.08);box-shadow:0 4px 16px #2563eb4d}.rp-nav__btn:active{transform:scale(.96)}.rp-carousel{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-md)}.rp-carousel::-webkit-scrollbar{display:none}.rp-carousel__item{min-width:260px;max-width:260px;flex-shrink:0;scroll-snap-align:start;animation:fadeSlideUp .5s ease-out both}@media (max-width: 768px){.rp-carousel__item{min-width:220px;max-width:220px}.rp-nav{margin-bottom:var(--space-md)}.rp-nav__btn{width:38px;height:38px}}@media (max-width: 480px){.rp-carousel__item{min-width:200px;max-width:200px}}:root{--brand-primary: #2563eb;--brand-primary-dark: #1d4ed8;--brand-primary-light: #3b82f6;--brand-accent: #f59e0b;--brand-accent-dark: #d97706;--surface-0: #ffffff;--surface-50: #f8fafc;--surface-100: #f1f5f9;--surface-200: #e2e8f0;--surface-300: #cbd5e1;--surface-400: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: 0 0 40px rgba(37, 99, 235, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@keyframes tab-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width, 75%)}}@keyframes pdp-sticky-success-pulse{0%{transform:scale(.98);box-shadow:0 0 #10b98133}60%{transform:scale(1.02);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes pdp-check-pop{0%{transform:scale(.7) rotate(-10deg)}70%{transform:scale(1.1) rotate(0)}to{transform:scale(1)}}@keyframes pdp-orb-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.06)}}.pdp-root{direction:rtl!important;font-family:Inter,Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;background:radial-gradient(130% 100% at 80% 10%,rgba(37,99,235,.06),transparent 60%),radial-gradient(110% 80% at 20% 5%,rgba(245,158,11,.07),transparent 58%),var(--surface-0)!important;min-height:100vh!important;color:var(--text-primary)!important;position:relative;isolation:isolate}.pdp-skeleton-block{background:linear-gradient(90deg,var(--surface-100) 25%,var(--surface-200) 50%,var(--surface-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-md)}.pdp-crumb{padding:var(--space-md) 0;border-bottom:1px solid var(--surface-100)}.pdp-crumb__inner{max-width:1280px;margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-tertiary);animation:fadeSlideIn .5s ease-out}.pdp-crumb__inner a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast);font-weight:500}.pdp-crumb__inner a:hover{color:var(--brand-primary)}.pdp-crumb__sep{color:var(--surface-300);margin:0 2px;font-size:16px}.pdp-crumb__current{color:var(--text-primary);font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdp-main{position:relative;max-width:1280px!important;margin:0 auto!important;padding:var(--space-3xl) var(--space-xl) var(--space-4xl)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--space-4xl)!important;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1)!important;will-change:transform,opacity}.pdp-main-wrap{max-width:1320px;margin:0 auto;padding:0 var(--space-xl)}.pdp-main:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:30px;border:1px solid rgba(37,99,235,.08);background:linear-gradient(135deg,#ffffffbf,#f8fafca6);box-shadow:0 24px 70px #0f172a0f;z-index:-1}.pdp-hero-backdrop{position:absolute;top:82px;inset-inline:0;height:460px;pointer-events:none;overflow:hidden;z-index:-1}.pdp-hero-backdrop__orb{position:absolute;border-radius:50%;filter:blur(12px);animation:pdp-orb-float 8s ease-in-out infinite}.pdp-hero-backdrop__orb--1{width:320px;height:320px;inset-inline-start:min(8vw,96px);top:20px;background:radial-gradient(circle,#2563eb38,#3b82f608 68%)}.pdp-hero-backdrop__orb--2{width:280px;height:280px;inset-inline-end:min(7vw,90px);top:80px;background:radial-gradient(circle,#f59e0b30,#fbbf2408 66%);animation-delay:1.2s}.pdp-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-4xl);animation:scaleIn .5s ease-out}.pdp-not-found__icon{color:var(--surface-300);margin-bottom:var(--space-xl);animation:floatBadge 3s ease-in-out infinite}.pdp-not-found h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 var(--space-md) 0}.pdp-not-found p{font-size:16px;color:var(--text-secondary);margin:0 0 var(--space-2xl) 0;max-width:400px;line-height:1.7}.pdp-not-found__btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px var(--space-xl);background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-spring);box-shadow:0 4px 20px #2563eb4d}.pdp-not-found__btn:hover{background:var(--brand-primary-dark);transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}.pdp-gallery-section{animation:fadeIn .8s ease-out .1s both;position:sticky;top:24px;height:fit-content;transform-style:preserve-3d}.pdp-info-section{animation:fadeSlideIn .8s ease-out .2s both;position:relative;z-index:2}.pdp-trust{max-width:1280px;margin:0 auto var(--space-3xl);padding:0 var(--space-xl)}.pdp-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-2xl);background:linear-gradient(135deg,var(--surface-50) 0%,#eef2ff 100%);border-radius:var(--radius-3xl);border:1px solid rgba(37,99,235,.08)}.pdp-trust__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);background:var(--surface-0);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);box-shadow:var(--shadow-xs);animation:fadeSlideUp .6s ease-out both;animation-delay:calc(var(--i, 0) * 80ms);cursor:default;position:relative;overflow:hidden;will-change:transform}.pdp-trust__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff0,#ffffff73,#fff0);opacity:0;transform:translate(-28%);transition:opacity var(--transition-base),transform var(--transition-slow);pointer-events:none}.pdp-trust__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#2563eb1a}.pdp-trust__item:hover:after{opacity:.65;transform:translate(28%)}.pdp-trust__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--brand-primary) 0%,#7c3aed 100%);color:#fff;border-radius:var(--radius-lg);flex-shrink:0;transition:transform var(--transition-spring)}.pdp-trust__item:hover .pdp-trust__icon{transform:scale(1.1) rotate(-5deg)}.pdp-trust__label{font-weight:700;color:var(--text-primary);margin-bottom:3px;font-size:14px}.pdp-trust__sub{font-size:12px;color:var(--text-tertiary);line-height:1.4}.pdp-tabs{max-width:1280px;margin:0 auto var(--space-3xl);padding:0 var(--space-xl);animation:fadeSlideUp .7s ease-out .5s both}.pdp-tabs__bar{display:flex;background:var(--surface-100);border-radius:var(--radius-2xl);padding:5px;gap:4px;margin-bottom:var(--space-xl);border:1px solid var(--surface-200);position:relative}.pdp-tabs__btn{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-lg);background:transparent;border:none;border-radius:var(--radius-xl);color:var(--text-tertiary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative;z-index:1;white-space:nowrap;font-family:inherit;overflow:hidden}.pdp-tabs__btn:after{content:"";position:absolute;right:16px;left:16px;bottom:6px;height:2px;background:currentColor;opacity:.45;transform:scaleX(0);transform-origin:right center;transition:transform var(--transition-base)}.pdp-tabs__btn:hover:not(.active){color:var(--text-primary);background:var(--surface-200)}.pdp-tabs__btn:hover:not(.active):after,.pdp-tabs__btn:focus-visible:after{transform:scaleX(1);transform-origin:left center}.pdp-tabs__btn.active{background:var(--surface-0);color:var(--brand-primary);box-shadow:var(--shadow-md);font-weight:700}.pdp-tabs__btn:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:2px}.pdp-tabs__btn.active svg{color:var(--brand-primary)}.pdp-tabs__panel{background:var(--surface-0);border-radius:var(--radius-2xl);padding:var(--space-2xl);border:1px solid var(--surface-200);box-shadow:var(--shadow-sm);min-height:280px;animation:tab-slide-in .35s ease-out;will-change:transform,opacity;position:relative;overflow:hidden}.pdp-tabs__panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));opacity:.85}.pdp-desc-text{font-size:16px;line-height:1.9;color:var(--text-secondary);white-space:pre-wrap}.pdp-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.pdp-spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--surface-50);border-radius:var(--radius-lg);border:1px solid var(--surface-200);transition:all var(--transition-fast)}.pdp-spec-item:hover{background:var(--surface-100);border-color:var(--surface-300)}.pdp-spec-item__key{font-weight:600;color:var(--text-primary);font-size:14px}.pdp-spec-item__val{color:var(--text-secondary);font-weight:500;font-size:14px}.pdp-related{max-width:1280px;margin:0 auto var(--space-4xl);padding:0 var(--space-xl);animation:fadeSlideUp .7s ease-out .6s both;overflow:hidden}.pdp-related__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl)}.pdp-related__title{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.02em}.pdp-related__title svg{color:var(--brand-accent)}.pdp-related__scroll-hint{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-tertiary);font-weight:500}.pdp-related-carousel{display:flex;gap:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-md);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.pdp-related-carousel::-webkit-scrollbar{display:none}.pdp-related-carousel .pc{min-width:260px;max-width:260px;flex-shrink:0;scroll-snap-align:start}.pdp-sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--surface-0);border-top:1px solid var(--surface-200);padding:var(--space-md) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));display:none;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-xl);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeSlideUp .4s ease-out;will-change:transform,opacity}.pdp-sticky-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.3),transparent);pointer-events:none}.pdp-sticky-cta__price{display:flex;flex-direction:column}.pdp-sticky-cta__price-label{font-size:11px;color:var(--text-tertiary);font-weight:500}.pdp-sticky-cta__price-value{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pdp-sticky-cta__btn{flex:1;padding:14px var(--space-lg);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.pdp-sticky-cta__btn:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);transform:translate(-50%,-50%) scale(.2);top:50%;left:50%;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.pdp-sticky-cta__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #2563eb73}.pdp-sticky-cta__btn:active:not(:disabled):after{opacity:1;transform:translate(-50%,-50%) scale(1)}.pdp-sticky-cta__btn:active:not(:disabled){transform:translateY(0) scale(.98)}.pdp-sticky-cta__btn:focus-visible{outline:2px solid rgba(37,99,235,.4);outline-offset:3px}.pdp-sticky-cta__btn.is-added{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 28px #05966959;animation:pdp-sticky-success-pulse .42s cubic-bezier(.22,1,.36,1)}.pdp-sticky-cta__check{animation:pdp-check-pop .28s cubic-bezier(.22,1,.36,1)}.pdp-sticky-cta__btn:disabled{background:var(--surface-300);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.pdp-reviews{display:flex;flex-direction:column;gap:var(--space-xl)}.pdp-review-summary{background:linear-gradient(135deg,var(--surface-50) 0%,#fef3c7 100%);border:1px solid rgba(245,158,11,.1);border-radius:var(--radius-2xl);padding:var(--space-2xl);position:relative;overflow:hidden}.pdp-review-summary:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30px,-30px)}.pdp-review-summary__content{display:flex;align-items:center;gap:var(--space-xl);position:relative;z-index:1}.pdp-review-summary__rating{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;min-width:80px}.pdp-review-summary__score{font-size:2.5rem;font-weight:900;color:var(--brand-accent);line-height:1;letter-spacing:-.02em}.pdp-review-summary__stars{color:var(--brand-accent);display:flex;gap:2px}.pdp-review-summary__info{flex:1}.pdp-review-summary__title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-sm)}.pdp-review-summary__count{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.pdp-review-form-wrap{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.pdp-review-form__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-sm)}.pdp-form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.pdp-stars-interactive{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pdp-star-btn{background:transparent;border:2px solid var(--surface-300);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--surface-400);display:flex;align-items:center;justify-content:center}.pdp-star-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent);transform:scale(1.1)}.pdp-star-btn:hover svg{fill:currentColor}.pdp-review-textarea{width:100%;padding:var(--space-md);border:2px solid var(--surface-200);border-radius:var(--radius-lg);font-size:15px;font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-fast);background:var(--surface-0);color:var(--text-primary)}.pdp-review-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb1a}.pdp-review-submit{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);box-shadow:0 4px 20px #2563eb4d}.pdp-review-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #2563eb66}.pdp-review-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdp-auth-prompt{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-2xl);padding:var(--space-2xl);text-align:center;position:relative;overflow:hidden}.pdp-auth-prompt:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;transform:translate(20px,-20px)}.pdp-auth-prompt__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);position:relative;z-index:1}.pdp-auth-prompt__icon{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-primary) 0%,#7c3aed 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 30px #2563eb4d}.pdp-auth-prompt__text{flex:1;text-align:center}.pdp-auth-prompt__text h4{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.pdp-auth-prompt__text p{font-size:15px;color:var(--text-secondary);margin:0 0 var(--space-lg) 0;line-height:1.5}.pdp-auth-prompt__btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:#fff;text-decoration:none;padding:12px var(--space-xl);border-radius:var(--radius-lg);font-size:15px;font-weight:600;transition:all var(--transition-base);box-shadow:0 4px 20px #2563eb4d}.pdp-auth-prompt__btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #2563eb66}.pdp-review-items{background:var(--surface-0);border:1px solid var(--surface-200);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.pdp-review-items-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-md);border-bottom:1px solid var(--surface-200)}.pdp-review-list{display:flex;flex-direction:column;gap:var(--space-lg)}.pdp-review-card{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-fast)}.pdp-review-card:hover{background:var(--surface-100);border-color:var(--surface-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pdp-review-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.pdp-review-card__user{display:flex;align-items:center;gap:var(--space-sm)}.pdp-review-card__avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--brand-primary) 0%,#7c3aed 100%);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.pdp-review-card__name{font-weight:600;color:var(--text-primary);font-size:15px}.pdp-review-card__verified{color:#10b981;background:#10b9811a;border-radius:var(--radius-sm);padding:2px}.pdp-review-card__stars{color:var(--brand-accent);display:flex;gap:2px}.pdp-review-card__text{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-md) 0}.pdp-review-card__date{font-size:13px;color:var(--text-tertiary);font-weight:500}.pdp-alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-size:14px;font-weight:500}.pdp-alert--success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.pdp-alert--error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.pdp-stars-display{display:flex;gap:2px;color:var(--brand-accent)}:root{--pdp-amber: #f59e0b}.pdp-divider{max-width:1280px;margin:0 auto var(--space-3xl);padding:0 var(--space-xl);height:1px;background:linear-gradient(90deg,transparent,var(--surface-200),transparent)}@media (prefers-reduced-motion: reduce){.pdp-main,.pdp-gallery-section,.pdp-info-section,.pdp-main:before,.pdp-hero-backdrop__orb,.pdp-trust__item,.pdp-tabs,.pdp-tabs__panel,.pdp-related,.pdp-sticky-cta,.pdp-sticky-cta__btn,.pdp-sticky-cta__check{animation:none!important;transition:none!important}.pdp-trust__item:after,.pdp-tabs__btn:after,.pdp-sticky-cta__btn:after{transition:none!important}.pdp-trust__item:hover,.pdp-tabs__btn:hover:not(.active),.pdp-sticky-cta__btn:hover:not(:disabled){transform:none}}@media (max-width: 768px){.pdp-sticky-cta{display:flex}}@media (min-width: 769px){.pdp-sticky-cta{display:flex}.pdp-sticky-cta__btn{max-width:200px}.pdp-main{padding-bottom:100px!important}.pdp-review-summary__content{flex-direction:column;text-align:center;gap:var(--space-lg)}.pdp-review-summary__rating{min-width:auto}.pdp-review-summary__score{font-size:2rem}.pdp-review-summary__title{font-size:1.1rem}.pdp-auth-prompt__content{gap:var(--space-md)}.pdp-auth-prompt__icon{width:50px;height:50px}.pdp-auth-prompt__text h4{font-size:1.1rem}.pdp-auth-prompt__text p{font-size:14px}.pdp-review-card__head{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.pdp-review-card__user{width:100%}.pdp-review-card__stars{align-self:flex-end}}@media (max-width: 1024px){.pdp-main-wrap{padding:0 var(--space-lg)}.pdp-main{grid-template-columns:1fr!important;gap:var(--space-2xl)!important;padding:var(--space-xl) var(--space-lg) var(--space-3xl)!important}.pdp-main:before{top:10px;right:10px;bottom:10px;left:10px;border-radius:24px}.pdp-gallery-section{position:static}.pdp-trust__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pdp-main-wrap{padding:0 var(--space-md)}.pdp-hero-backdrop{top:65px;height:340px}.pdp-hero-backdrop__orb--1{width:220px;height:220px}.pdp-hero-backdrop__orb--2{width:200px;height:200px}.pdp-crumb__inner{padding:0 var(--space-md);font-size:12px}.pdp-main{padding:var(--space-lg) var(--space-md) var(--space-2xl)!important}.pdp-trust,.pdp-tabs,.pdp-related{padding:0 var(--space-md)}.pdp-trust__grid{grid-template-columns:1fr 1fr;padding:var(--space-lg);gap:var(--space-sm)}.pdp-trust__item{padding:var(--space-md);gap:var(--space-sm)}.pdp-trust__icon{width:40px;height:40px}.pdp-tabs__panel{padding:var(--space-lg)}.pdp-tabs__btn{padding:10px var(--space-md);font-size:13px}.pdp-related__title{font-size:1.3rem}.pdp-related-carousel .pc{min-width:220px;max-width:220px}}@media (max-width: 480px){.pdp-main:before{top:8px;right:8px;bottom:8px;left:8px;border-radius:20px}.pdp-trust__grid{grid-template-columns:1fr}.pdp-trust__item{flex-direction:row}.pdp-not-found{padding:var(--space-2xl) var(--space-lg)}.pdp-not-found h1{font-size:1.5rem}.pdp-tabs__bar{flex-wrap:wrap}}.checkout-container{min-height:100vh;background:#f9fafb;padding:clamp(1rem,3vw,2rem)}.checkout-header{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;text-align:center;margin-bottom:clamp(1.5rem,4vw,2rem);color:#1a202c}.checkout-layout{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,2rem);max-width:1280px;margin:0 auto}@media (min-width: 1024px){.checkout-layout{grid-template-columns:2fr 1fr}}.checkout-form-section{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.checkout-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:clamp(1rem,3vw,1.5rem)}.checkout-card-title{font-size:clamp(1.1rem,3vw,1.25rem);font-weight:700;margin-bottom:clamp(1rem,3vw,1.5rem);color:#1a202c}.checkout-form{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}.checkout-form-group{display:flex;flex-direction:column;gap:.5rem}.checkout-form-label{font-size:.875rem;font-weight:600;color:#374151}.checkout-form-input,.checkout-form-textarea{width:100%;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,2vw,1rem);border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background:#fff}.checkout-form-input:focus,.checkout-form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.checkout-form-textarea{resize:vertical;min-height:clamp(3rem,8vw,4.5rem)}.checkout-submit-btn{width:100%;padding:clamp(.75rem,2vw,1rem);background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:clamp(.875rem,2vw,1rem);font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-submit-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.checkout-submit-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-spinner{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.payment-methods{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,.75rem)}.payment-method-option{position:relative;display:flex;align-items:center;padding:clamp(.75rem,2vw,1rem);border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.payment-method-option:hover{border-color:#d1d5db;background:#f9fafb}.payment-method-option.selected{border-color:#4f46e5;background:#eef2ff}.payment-method-radio{position:absolute;opacity:0}.payment-method-content{display:flex;align-items:center;width:100%;gap:clamp(.75rem,2vw,1rem)}.payment-method-icon{font-size:clamp(1.25rem,3vw,1.5rem);flex-shrink:0}.payment-method-info{flex:1}.payment-method-name{font-weight:600;color:#1a202c;display:flex;align-items:center;gap:.5rem}.payment-method-badge{font-size:.75rem;padding:.125rem .5rem;background:#eef2ff;color:#4f46e5;border-radius:9999px;font-weight:500}.payment-method-description{font-size:.875rem;color:#6b7280;margin-top:.25rem}.payment-method-indicator{width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.payment-method-option.selected .payment-method-indicator{border-color:#4f46e5;background:#4f46e5}.payment-method-indicator-dot{width:.5rem;height:.5rem;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s}.payment-method-option.selected .payment-method-indicator-dot{opacity:1;transform:scale(1)}.payment-security-notice{margin-top:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem);background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:flex;align-items:flex-start;gap:.5rem}.payment-security-notice-icon{width:1.25rem;height:1.25rem;color:#3b82f6;flex-shrink:0;margin-top:.125rem}.payment-security-notice-text{font-size:.875rem;color:#1e40af}.payment-security-notice-title{font-weight:600;margin-bottom:.25rem}.checkout-summary{position:sticky;top:clamp(1rem,3vw,2rem)}.order-summary-items{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.order-summary-item{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem)}.order-summary-item-image{width:clamp(3rem,6vw,4rem);height:clamp(3rem,6vw,4rem);object-fit:cover;border-radius:6px;flex-shrink:0}.order-summary-item-details{flex:1;min-width:0}.order-summary-item-name{font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-summary-item-quantity{font-size:.875rem;color:#6b7280}.order-summary-item-price{font-size:.875rem;font-weight:600;color:#1a202c;flex-shrink:0}.order-summary-totals{border-top:1px solid #e5e7eb;padding-top:clamp(.75rem,2vw,1rem);display:flex;flex-direction:column;gap:.5rem}.order-summary-row{display:flex;justify-content:space-between;align-items:center}.order-summary-row.total{padding-top:.5rem;border-top:1px solid #e5e7eb;font-weight:700;font-size:clamp(.95rem,2.5vw,1rem)}.order-summary-label{font-size:.875rem;color:#6b7280}.order-summary-value{font-size:.875rem;font-weight:600;color:#1a202c}.order-summary-row.total .order-summary-value{font-weight:700}.checkout-error{padding:clamp(.5rem,2vw,.75rem);background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}@media (max-width: 640px){.checkout-container,.checkout-card{padding:clamp(.75rem,4vw,1rem)}.payment-method-content{flex-direction:column;align-items:flex-start;gap:.75rem}.payment-method-indicator{position:absolute;top:clamp(.75rem,2vw,1rem);left:clamp(.75rem,2vw,1rem)}.order-summary-item{gap:.75rem}.checkout-summary{position:static}}@media (min-width: 1280px){.checkout-container{padding:clamp(1.5rem,2vw,3rem)}.checkout-layout{gap:clamp(1.5rem,2vw,3rem)}}.faq-page{position:relative;min-height:100vh;padding:80px 20px;max-width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1a1a1a;background-color:#fafbfc;overflow:hidden;z-index:1}.faq-background-elements{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.faq-glow{position:absolute;filter:blur(120px);opacity:.5;border-radius:50%;animation:floatBackground 20s ease-in-out infinite alternate}.faq-glow-1{top:-10%;right:-5%;width:50vw;height:50vw;background:radial-gradient(circle,#38bdf826,#fff0 70%)}.faq-glow-2{bottom:20%;left:-10%;width:40vw;height:40vw;background:radial-gradient(circle,#a855f71a,#fff0 70%);animation-delay:-5s}@keyframes floatBackground{0%{transform:translateY(0) scale(1)}50%{transform:translateY(5%) scale(1.05)}to{transform:translateY(-5%) scale(.95)}}.animate-in{opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-in-delay-1{opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .15s forwards}.animate-in-delay-2{opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .3s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.faq-hero{text-align:center;max-width:800px;margin:0 auto 60px}.faq-hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em;background:linear-gradient(135deg,#111827,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.faq-hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:40px}.faq-search-wrapper{position:relative;max-width:640px;margin:0 auto}.faq-search{position:relative;display:flex;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(229,231,235,.8);border-radius:999px;padding:6px;box-shadow:0 10px 30px -10px #0000000d,0 0 0 4px #ffffff80;transition:all .3s cubic-bezier(.16,1,.3,1)}.faq-search:focus-within{transform:translateY(-2px);box-shadow:0 20px 40px -10px #38bdf826,0 0 0 4px #38bdf81a;border-color:#38bdf84d;background:#fff}.faq-search-icon{color:#9ca3af;margin:0 16px;transition:color .3s ease}.faq-search:focus-within .faq-search-icon{color:#0ea5e9}.faq-search input{flex:1;background:transparent;border:none;padding:14px 0;font-size:1.125rem;color:#1f2937;outline:none;width:100%}.faq-search input::placeholder{color:#9ca3af}.faq-content-container{max-width:800px;margin:0 auto}.faq-categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:48px;position:relative}.faq-category-btn{padding:10px 24px;border:1px solid rgba(229,231,235,.8);border-radius:999px;background:#fff;color:#4b5563;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px #00000005}.faq-category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;color:#111827}.faq-category-btn.active{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border-color:transparent;box-shadow:0 4px 15px #0ea5e94d}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #00000005;animation:slideInUp .5s ease-out backwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.faq-item:hover{box-shadow:0 12px 24px -10px #0000000f;border-color:#e5e7eb}.faq-item.open{box-shadow:0 20px 40px -15px #0ea5e91a;border-color:#0ea5e933;background:linear-gradient(to bottom,#fff,#f8fafc)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;background:none;border:none;font-size:1.15rem;font-weight:600;color:#1f2937;cursor:pointer;text-align:right;transition:color .3s ease}.faq-item.open .faq-question{color:#0ea5e9}.faq-question-text{flex:1;line-height:1.5}.faq-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f3f4f6;color:#6b7280;flex-shrink:0;margin-right:16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.faq-item:hover .faq-icon-wrapper{background:#e5e7eb;color:#111827}.faq-item.open .faq-icon-wrapper{background:#0ea5e91a;color:#0ea5e9;transform:rotate(90deg) scale(1.1)}.faq-item.open .faq-icon-wrapper svg{transform:rotate(-90deg)}.faq-answer-container{max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-answer-container.open{max-height:500px;opacity:1}.faq-answer{padding:0 24px 24px;color:#4b5563;line-height:1.7;font-size:1.05rem;text-align:right}.faq-highlight{background-color:#facc154d;color:#b45309;padding:0 2px;border-radius:4px;font-weight:600}.faq-no-results{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;border:1px dashed #d1d5db}.faq-no-results-icon{display:inline-flex;padding:20px;background:#f3f4f6;color:#9ca3af;border-radius:50%;margin-bottom:20px}.faq-no-results h3{font-size:1.5rem;color:#111827;margin-bottom:8px}.faq-no-results p{color:#6b7280;margin-bottom:24px}.faq-reset-btn{padding:10px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.faq-reset-btn:hover{background:#e5e7eb;color:#111827}.faq-trust-section{max-width:800px;margin:80px auto 40px}.faq-trust-content{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:48px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.faq-trust-content:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at top right,rgba(56,189,248,.15),transparent 60%);pointer-events:none}.faq-trust-icon{display:inline-flex;padding:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;margin-bottom:24px;color:#38bdf8}.faq-trust-content h2{font-size:2rem;font-weight:700;margin-bottom:16px}.faq-trust-content p{color:#94a3b8;font-size:1.1rem;margin-bottom:32px;max-width:500px;margin-inline:auto}.faq-contact-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0f172a;padding:14px 32px;border-radius:999px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.faq-contact-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #fff3;background:#f8fafc}@media (prefers-color-scheme: dark){body.dark-mode .faq-page{background-color:#0f172a;color:#f1f5f9}body.dark-mode .faq-hero-title{background:linear-gradient(135deg,#f8fafc,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .faq-hero-subtitle{color:#94a3b8}body.dark-mode .faq-search{background:#1e293bb3;border-color:#334155cc;box-shadow:0 10px 30px -10px #00000080,0 0 0 4px #1e293b80}body.dark-mode .faq-search:focus-within{background:#1e293b;border-color:#38bdf866;box-shadow:0 20px 40px -10px #00000080,0 0 0 4px #38bdf826}body.dark-mode .faq-search input{color:#f8fafc}body.dark-mode .faq-category-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark-mode .faq-category-btn:hover{background:#334155;color:#fff}body.dark-mode .faq-category-btn.active{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:transparent}body.dark-mode .faq-item{background:#1e293b;border-color:#334155}body.dark-mode .faq-item:hover{border-color:#475569;box-shadow:0 12px 24px -10px #00000080}body.dark-mode .faq-item.open{background:linear-gradient(to bottom,#1e293b,#0f172a);border-color:#0ea5e94d}body.dark-mode .faq-question{color:#f8fafc}body.dark-mode .faq-item.open .faq-question{color:#38bdf8}body.dark-mode .faq-icon-wrapper{background:#0f172a;color:#94a3b8}body.dark-mode .faq-item:hover .faq-icon-wrapper{background:#334155;color:#f1f5f9}body.dark-mode .faq-item.open .faq-icon-wrapper{background:#0ea5e926;color:#38bdf8}body.dark-mode .faq-answer{color:#cbd5e1}body.dark-mode .faq-no-results{background:#1e293b;border-color:#334155}body.dark-mode .faq-no-results-icon{background:#0f172a}body.dark-mode .faq-no-results h3{color:#f8fafc}body.dark-mode .faq-reset-btn{background:#334155;color:#f1f5f9}body.dark-mode .faq-reset-btn:hover{background:#475569}}@media (max-width: 768px){.faq-hero-title{font-size:2.5rem}.faq-hero-subtitle{font-size:1.1rem;padding:0 20px}.faq-search{padding:4px}.faq-question{font-size:1.05rem;padding:20px}.faq-answer{padding:0 20px 20px}.faq-trust-content{padding:32px 20px}.faq-trust-content h2{font-size:1.75rem}.faq-page{padding:40px 15px}}.policy-page{position:relative;min-height:100vh;padding:80px 20px 100px;background-color:#fafbfc;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1a1a1a;z-index:1}.policy-background{position:absolute;top:0;left:0;right:0;height:60vh;background:linear-gradient(180deg,#f1f5f9,#fafbfc00);z-index:-1;pointer-events:none}.policy-scroll-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#6366f1);z-index:1000;transition:width .1s ease-out;border-radius:0 4px 4px 0}.animate-in{opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-in-delay-1{opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .15s forwards}.animate-in-delay-2{opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .3s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.policy-hero{text-align:center;max-width:700px;margin:0 auto 60px}.policy-badge{display:inline-block;padding:6px 16px;background:#0ea5e91a;color:#0284c7;border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:24px;letter-spacing:.05em}.policy-hero h1{font-size:3rem;font-weight:800;margin-bottom:20px;letter-spacing:-.02em;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.policy-hero p{font-size:1.15rem;color:#64748b;line-height:1.6}.policy-layout{display:flex;gap:48px;max-width:1200px;margin:0 auto;align-items:flex-start}.policy-sidebar{position:sticky;top:100px;width:280px;flex-shrink:0}.policy-nav{display:flex;flex-direction:column;gap:8px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;border-radius:20px;border:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px #00000008}.policy-nav button{position:relative;display:flex;align-items:center;padding:12px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;color:#64748b;transition:all .3s ease;overflow:hidden}.policy-nav-icon{display:flex;margin-left:12px;color:#94a3b8;transition:color .3s ease}.policy-nav-text{flex:1;text-align:right;z-index:1}.policy-nav-indicator{position:absolute;right:0;top:10%;bottom:10%;width:4px;background:#0ea5e9;border-radius:0 4px 4px 0;z-index:1}.policy-nav button:hover{background:#f1f5f9cc;color:#1e293b}.policy-nav button:hover .policy-nav-icon{color:#64748b}.policy-nav button.active{color:#0ea5e9;background:#0ea5e90d}.policy-nav button.active .policy-nav-icon{color:#0ea5e9}.policy-content{flex-grow:1;max-width:800px}.policy-last-updated{font-size:.9rem;color:#94a3b8;margin-bottom:24px;text-align:left;font-weight:500}.policy-last-updated span{color:#64748b}.policy-section.card-container{background:#fff;border-radius:24px;padding:48px;border:1px solid rgba(226,232,240,.8);box-shadow:0 10px 40px -15px #00000008;margin-bottom:40px;scroll-margin-top:120px;transition:transform .3s ease,box-shadow .3s ease}.policy-section.card-container:hover{box-shadow:0 20px 50px -15px #0000000d;transform:translateY(-2px)}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.section-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#0ea5e91a;color:#0ea5e9;border-radius:16px}.policy-section h2{font-size:2rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.policy-lead{font-size:1.15rem;color:#475569;line-height:1.7;margin-bottom:40px;font-weight:500}.policy-content-block{margin-bottom:32px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.policy-grid.three-cols{grid-template-columns:repeat(3,1fr);gap:20px}.policy-section h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:16px}.policy-section p{color:#64748b;line-height:1.75;font-size:1.05rem}.policy-divider{height:1px;background:#f1f5f9;margin:40px 0}.mt-20{margin-top:20px}.styled-list{list-style:none;padding:0;margin:0}.styled-list li{position:relative;padding-right:28px;margin-bottom:12px;color:#64748b;line-height:1.6}.styled-list li:before{content:"";position:absolute;right:0;top:10px;width:8px;height:8px;background:#0ea5e9;border-radius:50%;box-shadow:0 0 0 4px #0ea5e91a}.highlight-box{background:#f8fafc;padding:24px;border-radius:16px;border-right:4px solid #0ea5e9}.highlight-box h3{color:#0ea5e9}.policy-timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{display:flex;gap:20px}.timeline-marker{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f5f9;color:#334155;font-weight:700;border-radius:50%;flex-shrink:0}.timeline-content h4{font-size:1.15rem;font-weight:700;color:#1e293b;margin-bottom:8px}.policy-feature-box{background:#f8fafc;padding:24px;border-radius:20px;text-align:center;border:1px solid #f1f5f9;transition:all .3s ease}.policy-feature-box:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 25px -10px #0000000d;transform:translateY(-4px)}.feature-number{font-size:2.5rem;font-weight:800;color:#0ea5e9;line-height:1;margin-bottom:16px}.feature-icon{font-size:2rem;margin-bottom:16px}.policy-feature-box h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:12px}.policy-feature-box p{font-size:.95rem;line-height:1.5}@media (prefers-color-scheme: dark){body.dark-mode .policy-page{background-color:#0f172a;color:#f1f5f9}body.dark-mode .policy-background{background:linear-gradient(180deg,#1e293b80,#0f172a00)}body.dark-mode .policy-hero h1{background:linear-gradient(135deg,#f8fafc,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .policy-hero p{color:#94a3b8}body.dark-mode .policy-nav{background:#1e293bb3;border-color:#334155cc}body.dark-mode .policy-nav button{color:#94a3b8}body.dark-mode .policy-nav button:hover{background:#33415580;color:#f8fafc}body.dark-mode .policy-nav button.active{background:#0ea5e91a;color:#38bdf8}body.dark-mode .policy-nav-icon{color:#64748b}body.dark-mode .policy-nav button.active .policy-nav-icon{color:#38bdf8}body.dark-mode .policy-section.card-container{background:#1e293b;border-color:#334155}body.dark-mode .policy-section.card-container:hover{box-shadow:0 20px 50px -15px #00000080}body.dark-mode .section-header{border-color:#334155}body.dark-mode .policy-section h2,body.dark-mode .policy-section h3,body.dark-mode .timeline-content h4,body.dark-mode .policy-feature-box h4{color:#f8fafc}body.dark-mode .policy-lead{color:#cbd5e1}body.dark-mode .policy-section p,body.dark-mode .styled-list li{color:#94a3b8}body.dark-mode .policy-divider{background:#334155}body.dark-mode .highlight-box{background:#0f172a}body.dark-mode .timeline-marker{background:#0f172a;color:#f8fafc;border:1px solid #334155}body.dark-mode .policy-feature-box{background:#0f172a;border-color:#334155}body.dark-mode .policy-feature-box:hover{background:#1e293b;border-color:#475569}body.dark-mode .policy-last-updated{color:#64748b}body.dark-mode .policy-last-updated span{color:#94a3b8}}@media (max-width: 992px){.policy-layout{flex-direction:column;gap:32px}.policy-sidebar{width:100%;position:sticky;top:60px;z-index:100}.policy-nav{flex-direction:row;overflow-x:auto;padding:12px;gap:8px;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;border-radius:16px}.policy-nav::-webkit-scrollbar{display:none}.policy-nav button{padding:10px 20px;flex-shrink:0}.policy-nav-indicator{top:auto;bottom:0;left:20%;right:20%;height:3px;width:auto;border-radius:3px 3px 0 0}}@media (max-width: 768px){.policy-hero h1{font-size:2.25rem}.policy-hero p{font-size:1rem;padding:0 15px}.policy-section.card-container{padding:32px 24px;border-radius:20px}.policy-grid{grid-template-columns:1fr;gap:24px}.policy-grid.three-cols{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.policy-last-updated{text-align:center}}.favorites-page{min-height:100vh;background:#f7f7fc;padding:2rem 0}.favorites-container{max-width:1200px;margin:0 auto;padding:0 1rem}.favorites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.favorites-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;text-decoration:none;font-weight:500;transition:all .2s}.favorites-back-btn:hover{background:#e5e7eb;color:#374151}.favorites-title-section{display:flex;align-items:center;gap:1rem}.favorites-title-icon{color:#ef4444}.favorites-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.favorites-count{color:#6b7280;font-size:.9rem;font-weight:500}.favorites-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;min-height:400px}.favorites-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.favorites-loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.favorites-empty,.favorites-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.favorites-empty-icon,.favorites-error-icon{color:#d1d5db;margin-bottom:1.5rem}.favorites-empty h2,.favorites-error h2{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.favorites-empty p,.favorites-error p{color:#6b7280;margin-bottom:2rem}.favorites-empty-btn,.favorites-error-btn{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;text-decoration:none;display:inline-block;transition:background .2s}.favorites-empty-btn:hover,.favorites-error-btn:hover{background:#2563eb}@media (max-width: 768px){.favorites-header{flex-direction:column;gap:1rem;text-align:center}.favorites-title{font-size:1.5rem}.favorites-content{padding:1rem}.favorites-empty,.favorites-error,.favorites-loading{padding:2rem 1rem}}@media (max-width: 480px){.favorites-page{padding:1rem 0}.favorites-container{padding:0 .5rem}.favorites-title-section{flex-direction:column;gap:.5rem}.favorites-title{font-size:1.25rem}}:root{--sidebar-bg: #0f1117;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--surface-bg: #f6f8fa;--surface-card: #ffffff;--surface-hover: #f0f2f5;--surface-border: #e5e7eb;--brand: #6366f1;--brand-light: #818cf8;--brand-muted: rgba(99, 102, 241, .12);--brand-glow: 0 0 20px rgba(99, 102, 241, .35);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--sidebar-text: rgba(255, 255, 255, .65);--sidebar-text-active: #ffffff;--sidebar-icon: rgba(255, 255, 255, .45);--sidebar-icon-active: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .14);--header-height: 60px;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--radius-xl: 20px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration: .22s}*,*:before,*:after{box-sizing:border-box}.admin-layout{display:flex;min-height:100vh;background:var(--surface-bg);font-family:Cairo,Inter,-apple-system,sans-serif;direction:rtl;-webkit-font-smoothing:antialiased;color:var(--text-primary)}.admin-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);position:fixed;top:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;border-left:1px solid var(--sidebar-border);transition:width var(--duration) var(--ease),transform var(--duration) var(--ease);overflow:hidden}.admin-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.admin-sidebar-brand{height:var(--header-height);display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.brand-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-light));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--brand-glow)}.brand-text{font-size:15px;font-weight:700;color:var(--sidebar-text-active);white-space:nowrap;letter-spacing:-.3px}.brand-badge{margin-right:auto;font-size:10px;font-weight:600;color:var(--brand-light);background:var(--brand-muted);border:1px solid rgba(99,102,241,.25);padding:2px 7px;border-radius:20px;letter-spacing:.5px;white-space:nowrap}.admin-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#ffffff47;padding:16px 20px 6px;white-space:nowrap;overflow:hidden}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;margin:1px 8px;color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease),color var(--duration) var(--ease);position:relative;white-space:nowrap;cursor:pointer}.admin-nav-item:hover{background:#ffffff12;color:var(--sidebar-text-active)}.admin-nav-item.active{background:#6366f12e;color:var(--sidebar-text-active)}.admin-nav-item.active:after{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--brand);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--brand)}.nav-icon-wrapper{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sidebar-icon);transition:color var(--duration) var(--ease)}.admin-nav-item:hover .nav-icon-wrapper,.admin-nav-item.active .nav-icon-wrapper{color:var(--sidebar-text-active)}.admin-nav-item.active .nav-icon-wrapper{color:var(--brand-light)}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background:var(--sidebar-border);margin:8px 16px}.admin-sidebar-footer{flex-shrink:0;border-top:1px solid var(--sidebar-border);padding:12px 8px}.admin-logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;background:transparent;color:#ef4444b3;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease);text-align:right;direction:rtl;white-space:nowrap;overflow:hidden}.admin-logout-btn:hover{background:#ef44441a;color:#ef4444}.logout-icon-wrapper{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-main{flex:1;margin-right:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-right var(--duration) var(--ease)}.admin-header-bar{height:var(--header-height);background:var(--surface-card);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:16px}.header-left{display:flex;align-items:center;gap:16px}.header-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.breadcrumb-separator{color:var(--text-muted);font-size:16px}.breadcrumb-current{font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:10px}.header-icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid var(--surface-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease)}.header-icon-btn:hover{background:var(--brand-muted);color:var(--brand);border-color:#6366f133}.admin-menu-toggle{display:none;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid var(--surface-border);color:var(--text-secondary);align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease)}.admin-menu-toggle:hover{background:var(--brand-muted);color:var(--brand)}.admin-user-pill{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 14px;border-radius:50px;background:var(--surface-hover);border:1px solid var(--surface-border);cursor:pointer;transition:all var(--duration) var(--ease)}.admin-user-pill:hover{border-color:var(--brand);background:var(--brand-muted)}.admin-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.admin-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.avatar-content{position:relative;z-index:1}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px #10b98140;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #10b98140}50%{box-shadow:0 0 0 4px #10b9811a}}.admin-content{flex:1;padding:28px 28px 40px;animation:content-in .3s var(--ease) both}@keyframes content-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--duration) var(--ease)}.admin-sidebar-overlay.active{opacity:1;pointer-events:auto}.admin-close-btn{display:none;padding:6px;border:none;background:#ffffff14;cursor:pointer;border-radius:6px;color:#ffffffb3;align-items:center;justify-content:center;transition:background var(--duration) var(--ease);margin-right:auto}.admin-close-btn:hover{background:#ffffff26}@media (max-width: 1024px){.admin-sidebar{transform:translate(100%);width:var(--sidebar-width)!important;box-shadow:var(--shadow-xl)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-right:0!important}.admin-menu-toggle,.admin-close-btn{display:flex}.header-breadcrumb{display:none}.admin-content{padding:20px 16px 32px}}@media (max-width: 640px){.admin-user-name{display:none}.admin-user-pill{padding:5px}}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-page-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px;margin:0;line-height:1.2}.admin-page-subtitle{font-size:13.5px;color:var(--text-secondary);margin:4px 0 0}.admin-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--duration) var(--ease);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px #6366f159}.btn-primary:hover{background:#5254f0;box-shadow:0 4px 16px #6366f173;transform:translateY(-1px)}.btn-secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--surface-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-hover);border-color:#d1d5db}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:5px 11px;font-size:12.5px}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-sm)}.admin-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card-header{padding:16px 20px;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-card-title{font-size:14.5px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.admin-card-title svg{color:var(--brand)}.admin-card-body{padding:20px}.stat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stat-cards-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-accent{position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:20px}.badge-up{background:var(--success-bg);color:var(--success)}.badge-down{background:var(--danger-bg);color:var(--danger)}.badge-flat{background:var(--surface-hover);color:var(--text-secondary)}.stat-card-value{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1;margin-bottom:4px}.stat-card-label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.stat-card-sub{font-size:11.5px;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:5px}.admin-table-wrapper{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th{padding:11px 16px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#fafafa;border-bottom:1px solid var(--surface-border);white-space:nowrap;text-align:right}.admin-table td{padding:13px 16px;color:var(--text-primary);border-bottom:1px solid #f3f4f6;vertical-align:middle;transition:background var(--duration) var(--ease);text-align:right}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#fafbff}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-pending:before{background:#f59e0b}.badge-processing{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-processing:before{background:#3b82f6}.badge-shipped{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.badge-shipped:before{background:#8b5cf6}.badge-delivered{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-delivered:before{background:#10b981}.badge-cancelled{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-cancelled:before{background:#ef4444}.badge-paid{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-paid:before{background:#10b981}.badge-refunded{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.badge-refunded:before{background:#9ca3af}.badge-active{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-active:before{background:#10b981}.badge-inactive{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-inactive:before{background:#ef4444}.badge-admin{background:#fdf4ff;color:#7e22ce;border:1px solid #e9d5ff}.badge-admin:before{background:#9333ea}.badge-user{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-user:before{background:#3b82f6}.admin-input,.admin-select,.admin-textarea{width:100%;padding:9px 13px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);font-family:inherit;font-size:13.5px;outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f11f}.admin-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.admin-input-group{position:relative}.admin-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.admin-input.with-icon{padding-right:40px}.admin-filter-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--surface-card);border-bottom:1px solid var(--surface-border);flex-wrap:wrap}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:overlay-in .2s var(--ease) both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:modal-in .25s var(--ease-spring) both}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal-sm{max-width:440px}.admin-modal-md{max-width:600px}.admin-modal-lg{max-width:800px}.admin-modal-header{padding:18px 22px;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--surface-card);z-index:1}.admin-modal-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.admin-modal-close{width:30px;height:30px;border-radius:6px;background:var(--surface-hover);border:1px solid var(--surface-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration) var(--ease)}.admin-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.admin-modal-body{padding:22px}.admin-modal-footer{padding:14px 22px;border-top:1px solid var(--surface-border);display:flex;align-items:center;justify-content:flex-end;gap:10px}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:12px}.admin-empty-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--surface-hover);display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:var(--text-muted)}.admin-empty-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.admin-empty-subtitle{font-size:13px;color:var(--text-secondary);margin:0;max-width:320px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.admin-spinner{width:32px;height:32px;border:3px solid var(--surface-border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.admin-loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;color:var(--text-secondary);font-size:13.5px;font-weight:500}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--surface-border);gap:12px;flex-wrap:wrap}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--surface-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:all var(--duration) var(--ease)}.pagination-btn:hover:not(:disabled){background:var(--brand-muted);color:var(--brand);border-color:#6366f133}.pagination-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-brand{color:var(--brand)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.bg-success-soft{background:var(--success-bg)}.bg-warning-soft{background:var(--warning-bg)}.bg-danger-soft{background:var(--danger-bg)}.bg-brand-soft{background:var(--brand-muted)}.gap-cards{display:grid;gap:20px}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.dashboard-bottom-grid{grid-template-columns:1fr}}.asp-shell{--asp-bg: #eef4f6;--asp-surface: #ffffff;--asp-surface-alt: #f8fcfd;--asp-border: #d4e4ea;--asp-border-strong: #bdd4dd;--asp-ink: #0f2433;--asp-muted: #5e7381;--asp-brand: #0f766e;--asp-brand-strong: #0b4f69;--asp-brand-soft: rgba(15, 118, 110, .12);--asp-accent: #ea580c;--asp-accent-soft: rgba(234, 88, 12, .15);--asp-success: #047857;--asp-success-soft: #dcfce7;--asp-danger: #c81e1e;--asp-danger-soft: #fee2e2;--asp-shadow-sm: 0 8px 24px rgba(15, 36, 51, .08);--asp-shadow-lg: 0 24px 54px rgba(15, 36, 51, .16);position:relative;display:grid;gap:16px;color:var(--asp-ink);font-family:IBM Plex Sans Arabic,Cairo,sans-serif;max-width:1240px;margin:0 auto}.asp-shell:before,.asp-shell:after{content:"";position:absolute;pointer-events:none;z-index:0}.asp-shell:before{top:-120px;left:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#0f766e33,#0f766e00 74%)}.asp-shell:after{bottom:-180px;right:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ea580c29,#ea580c00 72%)}.asp-shell>*{position:relative;z-index:1}.asp-loading{min-height:340px;display:grid;place-items:center;gap:10px;color:var(--asp-muted);font-family:IBM Plex Sans Arabic,Cairo,sans-serif}.asp-loading-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid #d5e5ea;background:#fff;box-shadow:var(--asp-shadow-sm);color:var(--asp-brand-strong)}.asp-spin{animation:asp-spin 1s linear infinite}.asp-hero{display:flex;justify-content:space-between;gap:18px;border-radius:24px;padding:clamp(18px,2vw,28px);background:radial-gradient(circle at 88% 18%,#ea580c54,#ea580c00 45%),linear-gradient(128deg,#123751,#0b4f69,#0f766e);color:#fff;box-shadow:var(--asp-shadow-lg);overflow:hidden;animation:asp-rise .45s ease both}.asp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14) 45%,transparent 74%);transform:translate(120%);animation:asp-sheen 6s ease-in-out infinite}.asp-hero-content{max-width:760px}.asp-kicker{margin:0;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border-radius:999px;padding:5px 11px;border:1px solid rgba(255,255,255,.3);background:#ffffff24}.asp-hero h1{margin:12px 0 8px;color:#fff;font-family:Changa,IBM Plex Sans Arabic,sans-serif;font-size:clamp(1.75rem,3.4vw,2.4rem);letter-spacing:-.01em}.asp-hero p{margin:0;color:#ffffffe6;line-height:1.8}.asp-hero-stats{display:grid;gap:10px;min-width:220px;align-content:start}.asp-stat-card{border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:12px 14px;background:#081f2c73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.asp-stat-card.accent{border-color:#ffbf9b80;background:#3a200e57}.asp-stat-label{display:block;font-size:12px;color:#ffffffbd}.asp-stat-card strong{display:block;margin-top:6px;font-size:1.28rem;font-family:Changa,IBM Plex Sans Arabic,sans-serif}.asp-alert{display:flex;align-items:center;gap:9px;border-radius:14px;padding:10px 14px;border:1px solid;box-shadow:var(--asp-shadow-sm);animation:asp-rise .35s ease both}.asp-alert.success{background:var(--asp-success-soft);border-color:#04785740;color:var(--asp-success)}.asp-alert.error{background:var(--asp-danger-soft);border-color:#c81e1e40;color:var(--asp-danger)}.asp-form{display:grid;gap:14px}.asp-panel{background:var(--asp-surface);border:1px solid var(--asp-border);border-radius:18px;padding:clamp(16px,2vw,22px);box-shadow:var(--asp-shadow-sm);animation:asp-rise .42s ease both}.asp-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.asp-panel-icon{width:38px;height:38px;border-radius:11px;background:var(--asp-brand-soft);color:var(--asp-brand);display:grid;place-items:center;flex-shrink:0}.asp-panel h2{margin:0;font-family:Changa,IBM Plex Sans Arabic,sans-serif;font-size:1.1rem}.asp-panel p{margin:4px 0 0;color:var(--asp-muted);font-size:13px}.asp-grid{display:grid;gap:12px}.asp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.asp-control{display:grid;gap:6px}.asp-control-full{grid-column:1 / -1}.asp-label{font-size:12px;font-weight:600;color:#284253}.asp-field{width:100%;border:1px solid var(--asp-border-strong);background:#fff;color:var(--asp-ink);border-radius:11px;min-height:42px;padding:9px 12px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.asp-field:focus{outline:none;border-color:var(--asp-brand);box-shadow:0 0 0 3px #0f766e24}.asp-field.is-dirty{border-color:#0d9488;background:#ecfeff}.asp-input-with-icon{position:relative}.asp-input-with-icon>svg{position:absolute;top:50%;inset-inline-start:11px;transform:translateY(-50%);color:#5e7381;pointer-events:none}.asp-input-with-icon .asp-field{padding-inline-start:35px}.asp-input-with-icon.textarea>svg{top:13px;transform:none}.asp-input-with-icon.textarea .asp-field{min-height:96px;resize:vertical;padding-top:10px}.asp-media-grid{display:grid;gap:12px}.asp-media-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.asp-media-card{border:1px solid var(--asp-border-strong);border-radius:14px;background:var(--asp-surface-alt);padding:12px;display:grid;gap:10px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.asp-media-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f243314}.asp-media-card.is-dirty{border-color:#0d9488;box-shadow:0 0 0 3px #0d948814}.asp-media-head h3{margin:0;font-size:.97rem;font-weight:700;color:#16384d}.asp-media-head p{margin:2px 0 0;font-size:12px;color:var(--asp-muted);line-height:1.5}.asp-media-preview-wrap{border-radius:12px;border:1px dashed var(--asp-border-strong);background:#fff;min-height:126px;display:grid;place-items:center;overflow:hidden}.asp-media-preview{width:100%;height:100%;display:block}.asp-media-preview.logo{object-fit:contain;padding:12px;max-height:120px}.asp-media-preview.banner{object-fit:cover;min-height:150px}.asp-media-placeholder{min-height:120px;display:grid;gap:8px;place-items:center;color:var(--asp-muted);font-size:12px}.asp-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.asp-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;border-radius:10px;border:1px solid #0d9488;background:#f0fdfa;color:#0f766e;font-size:12px;font-weight:600;padding:8px 12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.asp-upload-btn:hover{background:#ccfbf1;transform:translateY(-1px);box-shadow:0 10px 20px #0f766e2e}.asp-upload-hint{margin:0;font-size:11px;color:var(--asp-muted)}.asp-savebar{position:sticky;bottom:12px;z-index:10;border:1px solid var(--asp-border);border-radius:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:11px 12px;box-shadow:var(--asp-shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:12px}.asp-save-note{display:inline-flex;align-items:center;gap:7px;color:#23485c;font-size:12px;font-weight:600}.asp-save-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:11px;background:linear-gradient(120deg,#ea580c,#f97316);color:#fff;min-height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 20px #ea580c57}.asp-save-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 14px 26px #ea580c6b}.asp-save-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}@keyframes asp-spin{to{transform:rotate(360deg)}}@keyframes asp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes asp-sheen{0%,38%{transform:translate(120%)}55%{transform:translate(-120%)}to{transform:translate(-120%)}}@media (max-width: 1180px){.asp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.asp-hero{flex-direction:column;align-items:flex-start}.asp-hero-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.asp-grid-2,.asp-media-grid-2{grid-template-columns:1fr}}@media (max-width: 700px){.asp-shell{gap:12px}.asp-grid-3{grid-template-columns:1fr}.asp-savebar{flex-direction:column;align-items:stretch}.asp-save-btn{width:100%}}.ap-products-shell{--ap-bg: #eef3f5;--ap-surface: #ffffff;--ap-surface-alt: #f8fbfc;--ap-border: #d8e5ea;--ap-border-strong: #c0d3db;--ap-ink: #112433;--ap-muted: #5f7382;--ap-brand: #0f766e;--ap-brand-strong: #0b4f69;--ap-warm: #f97316;--ap-danger: #dc2626;--ap-danger-soft: #fee2e2;--ap-success: #059669;--ap-success-soft: #dcfce7;--ap-warning: #d97706;--ap-warning-soft: #fef3c7;--ap-shadow-sm: 0 8px 24px rgba(17, 36, 51, .08);--ap-shadow-lg: 0 20px 50px rgba(17, 36, 51, .14);position:relative;display:grid;gap:18px;color:var(--ap-ink);font-family:IBM Plex Sans Arabic,Cairo,sans-serif}.ap-products-shell:before,.ap-products-shell:after{content:"";position:absolute;pointer-events:none;z-index:0}.ap-products-shell:before{top:-120px;left:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#0f766e2e,#0f766e00 70%)}.ap-products-shell:after{bottom:-180px;right:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#f9731626,#f9731600 72%)}.ap-products-shell>*{position:relative;z-index:1}.ap-products-loading{min-height:320px;display:grid;place-items:center;gap:12px;color:var(--ap-muted);font-family:IBM Plex Sans Arabic,Cairo,sans-serif}.ap-spinner{width:52px;height:52px;border-radius:50%;border:4px solid #d9e7ec;border-top-color:var(--ap-brand-strong);animation:ap-spin 1s linear infinite}.ap-products-hero{display:flex;justify-content:space-between;gap:18px;padding:clamp(18px,2vw,26px);border-radius:22px;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 90% 20%,#f9731657,#f9731600 45%),linear-gradient(130deg,#123751,#0b4f69 48%,#0d7a75);color:#fff;box-shadow:var(--ap-shadow-lg);overflow:hidden;animation:ap-rise .5s ease both}.ap-products-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14) 45%,transparent 72%);transform:translate(120%);animation:ap-sheen 5.8s ease-in-out infinite}.ap-hero-kicker{margin:0;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 10px;background:#ffffff24}.ap-products-hero h1{font-family:Changa,IBM Plex Sans Arabic,sans-serif;font-size:clamp(1.7rem,3.2vw,2.2rem);margin:12px 0 8px;color:#fff}.ap-products-hero p{margin:0;max-width:560px;color:#ffffffdb;line-height:1.85}.ap-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ap-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;padding:10px 14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.ap-btn:hover{transform:translateY(-1px)}.ap-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ap-btn-primary{background:linear-gradient(120deg,#f97316,#ea580c);color:#fff;border-color:#ffffff1f;box-shadow:0 12px 24px #f9731657}.ap-btn-primary:hover{box-shadow:0 16px 28px #f973166b}.ap-btn-ghost{background:var(--ap-surface);color:var(--ap-ink);border-color:var(--ap-border);box-shadow:var(--ap-shadow-sm)}.ap-btn-ghost:hover{background:#f3f8fa}.ap-btn-danger{background:var(--ap-danger);color:#fff;border-color:#b91c1c}.ap-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ap-kpi-card{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:16px;padding:14px;box-shadow:var(--ap-shadow-sm);display:flex;align-items:center;gap:10px;animation:ap-rise .45s ease both}.ap-kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.ap-kpi-icon-a{background:#dbeafe;color:#1d4ed8}.ap-kpi-icon-b{background:#ffedd5;color:#c2410c}.ap-kpi-icon-c{background:#fef3c7;color:#b45309}.ap-kpi-icon-d{background:#ccfbf1;color:#0f766e}.ap-kpi-label{font-size:12px;color:var(--ap-muted);margin-bottom:4px}.ap-kpi-value{font-family:Changa,IBM Plex Sans Arabic,sans-serif;font-size:1.12rem;font-weight:700;line-height:1}.ap-panel{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:16px;box-shadow:var(--ap-shadow-sm)}.ap-filter-panel{padding:14px;display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(150px,1fr)) auto;gap:10px;align-items:center}.ap-search-field{position:relative;display:flex;align-items:center}.ap-search-field svg{position:absolute;right:12px;color:#7a8d9a}.ap-search-field input,.ap-filter-panel select{width:100%;height:44px;border-radius:12px;border:1px solid var(--ap-border);background:var(--ap-surface-alt);color:var(--ap-ink);font-family:inherit;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.ap-search-field input{padding:0 38px 0 12px}.ap-filter-panel select{padding:0 12px}.ap-search-field input:focus,.ap-filter-panel select:focus,.ap-field input:focus,.ap-field textarea:focus,.ap-field select:focus{outline:none;border-color:#7ac7c1;box-shadow:0 0 0 3px #0f766e24}.ap-view-switch{display:inline-flex;border:1px solid var(--ap-border);background:var(--ap-surface-alt);border-radius:12px;overflow:hidden}.ap-view-switch button{border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--ap-muted);padding:10px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .2s ease,color .2s ease}.ap-view-switch button.active{background:linear-gradient(120deg,#0f766e,#0b5a79);color:#fff}.ap-error-panel{border:1px solid #fecaca;background:#fff6f6;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.ap-error-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ap-danger-soft);color:var(--ap-danger);flex-shrink:0}.ap-error-panel h3{margin:0;font-size:15px}.ap-error-panel p{margin:3px 0 0;font-size:13px;color:#8b4545}.ap-error-panel .ap-btn{margin-right:auto}.ap-results-panel{overflow:hidden}.ap-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ap-border);background:linear-gradient(180deg,#f7fbfd,#f0f7fa)}.ap-results-head h2{font-family:Changa,IBM Plex Sans Arabic,sans-serif;margin:0;font-size:1.1rem}.ap-results-head span{color:var(--ap-muted);font-size:12px}.ap-results-head strong{color:var(--ap-ink)}.ap-table-wrap{overflow-x:auto}.ap-products-table{width:100%;min-width:940px;border-collapse:collapse}.ap-products-table th,.ap-products-table td{text-align:right;font-size:12.5px;padding:12px 14px;border-bottom:1px solid #eaf2f6;vertical-align:middle}.ap-products-table th{color:#5d7080;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.3px;background:#fbfeff;position:sticky;top:0;z-index:1}.ap-products-table tbody tr{transition:background .2s ease}.ap-products-table tbody tr:hover{background:#f8fdff}.ap-row-fade{opacity:0;transform:translateY(8px);animation:ap-row-in .35s ease forwards}.ap-table-image{width:46px;height:46px;border-radius:10px;object-fit:cover;border:1px solid #d5e6ef}.ap-product-name{font-weight:700;color:#12324a;line-height:1.45;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:340px}.ap-price-cell{font-family:Changa,IBM Plex Sans Arabic,sans-serif;font-weight:700;color:#0b4f69}.ap-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;font-size:11px;font-weight:700;padding:5px 9px}.ap-stock-healthy{background:var(--ap-success-soft);color:var(--ap-success)}.ap-stock-low{background:var(--ap-warning-soft);color:var(--ap-warning)}.ap-stock-out{background:var(--ap-danger-soft);color:var(--ap-danger)}.ap-status-active{background:#cffafe;color:#0f766e}.ap-status-off{background:#f3f4f6;color:#6b7280}.ap-star-toggle{width:32px;height:32px;border:1px solid var(--ap-border);border-radius:10px;background:#fff;color:#9ca3af;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.ap-star-toggle.active{background:#fff7ed;border-color:#fdba74;color:#ea580c}.ap-variant-btn{border:1px solid var(--ap-border);background:#f9fcfd;color:#4f6474;border-radius:999px;font-size:11px;font-weight:700;padding:5px 10px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease}.ap-variant-btn.has-variants{background:#ecfeff;color:#0f766e;border-color:#99f6e4}.ap-row-actions{display:inline-flex;align-items:center;gap:6px}.ap-row-actions button{width:30px;height:30px;border:1px solid var(--ap-border);border-radius:9px;background:#fff;color:#2d556d;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.ap-row-actions button:hover{background:#eff8fc}.ap-row-actions button.danger{color:#c53030}.ap-row-actions button.danger:hover{background:#fff0f0;border-color:#fecaca}.ap-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.ap-product-card{border:1px solid var(--ap-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--ap-shadow-sm);animation:ap-rise .42s ease both}.ap-product-thumb-wrap{position:relative;height:190px;background:#ecf6fa}.ap-product-thumb{width:100%;height:100%;object-fit:cover}.ap-card-featured{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;background:#ea580ceb;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.ap-product-card-body{padding:12px}.ap-product-card-body h3{margin:0;font-size:15px;color:#10344a;line-height:1.45;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.ap-product-card-body p{margin:4px 0 10px;font-size:12px;color:var(--ap-muted)}.ap-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ap-empty-state{min-height:280px;display:grid;place-items:center;text-align:center;gap:10px;padding:24px}.ap-empty-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#e3eff5;color:#335e75}.ap-empty-state h3{margin:0;font-size:19px}.ap-empty-state p{margin:0;color:var(--ap-muted)}.ap-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#09172194;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:14px;animation:ap-fade .2s ease}.ap-modal{width:min(1000px,96vw);max-height:92vh;overflow:hidden;border-radius:18px;border:1px solid #cadbe4;background:#fff;box-shadow:0 26px 70px #08182659;display:flex;flex-direction:column;animation:ap-modal-in .24s ease}.ap-modal-lg{width:min(980px,96vw)}.ap-modal-xl{width:min(1160px,96vw)}.ap-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(125deg,#0b4f69,#0f766e);color:#fff}.ap-modal-head h3{margin:0;font-size:1.05rem;color:#fff}.ap-modal-head p{margin:3px 0 0;color:#ffffffd9;font-size:12px}.ap-modal-head-variant{background:linear-gradient(125deg,#14532d,#0f766e)}.ap-modal-head button{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff24;color:#fff;display:grid;place-items:center;cursor:pointer}.ap-modal-body{overflow-y:auto;padding:16px;background:#f5f9fb}.ap-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ap-col-2{grid-column:1 / -1}.ap-field{display:grid;gap:6px}.ap-field span{font-size:12px;font-weight:700;color:#365063}.ap-field input,.ap-field textarea,.ap-field select{border:1px solid var(--ap-border-strong);border-radius:12px;background:#fff;color:var(--ap-ink);font-family:inherit;font-size:13px;padding:10px 12px}.ap-field textarea{resize:vertical;min-height:92px}.ap-image-manager-wrap{border:1px dashed #b8cad5;border-radius:14px;padding:12px;background:#fff}.ap-image-manager-wrap h4{margin:0 0 10px;font-size:13px;color:#335063}.ap-field small{color:#5f7382;font-size:11px}.ap-image-upload-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.ap-image-upload-item{border:1px solid #d9e5ec;border-radius:12px;overflow:hidden;background:#fff}.ap-image-upload-item img{width:100%;height:120px;object-fit:cover;display:block}.ap-image-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px}.ap-image-upload-meta span{font-size:11px;color:#335063;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-image-upload-meta button{border:1px solid #f8c7c7;border-radius:8px;background:#fff5f5;color:#b42318;font-size:11px;padding:4px 8px;cursor:pointer;flex-shrink:0}.ap-check-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:12px}.ap-check-row label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#335063}.ap-check-row input[type=checkbox]{width:17px;height:17px;accent-color:#0f766e}.ap-modal-actions{display:flex;justify-content:flex-start;gap:8px;border-top:1px solid var(--ap-border);background:#fff;padding:12px 16px}.ap-subpanel{border:1px solid var(--ap-border);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}.ap-subpanel h4{margin:0;padding:10px 14px;border-bottom:1px solid var(--ap-border);background:#f8fcfe;font-size:14px;color:#1f3f53}.ap-variants-table{min-width:760px}@keyframes ap-spin{to{transform:rotate(360deg)}}@keyframes ap-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ap-row-in{to{opacity:1;transform:translateY(0)}}@keyframes ap-sheen{0%,70%,to{transform:translate(120%)}30%{transform:translate(-120%)}}@keyframes ap-fade{0%{opacity:0}to{opacity:1}}@keyframes ap-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1180px){.ap-kpi-grid,.ap-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-filter-panel{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(140px,1fr))}.ap-view-switch{grid-column:1 / -1;width:fit-content}}@media (max-width: 900px){.ap-products-hero{flex-direction:column}.ap-hero-actions{width:100%}.ap-btn{flex:1}.ap-products-grid,.ap-form-grid{grid-template-columns:1fr}.ap-col-2{grid-column:auto}}@media (max-width: 760px){.ap-filter-panel{grid-template-columns:1fr}.ap-view-switch{width:100%}.ap-view-switch button{flex:1;justify-content:center}.ap-kpi-grid{grid-template-columns:1fr}.ap-results-head,.ap-error-panel{flex-direction:column;align-items:flex-start}.ap-error-panel .ap-btn{margin-right:0}.ap-modal{width:100%;max-height:94vh}.ap-modal-actions{flex-direction:column}.ap-modal-actions .ap-btn{width:100%}}.admin-categories-page{--ac-bg: #edf4f6;--ac-surface: #ffffff;--ac-surface-soft: #f4f9fb;--ac-border: #d3e3e9;--ac-border-strong: #bad0d9;--ac-ink: #102939;--ac-muted: #627b87;--ac-brand: #0f766e;--ac-brand-strong: #0b4f69;--ac-brand-soft: #d9f7f3;--ac-warm: #f97316;--ac-warning-soft: #fef3c7;--ac-success: #059669;--ac-success-soft: #d1fae5;--ac-danger: #dc2626;--ac-danger-soft: #fee2e2;--ac-focus: rgba(15, 118, 110, .45);--ac-shadow-sm: 0 10px 24px rgba(16, 41, 57, .08);--ac-shadow-lg: 0 24px 52px rgba(16, 41, 57, .16);position:relative;display:grid;gap:18px;padding:clamp(14px,2vw,24px);font-family:IBM Plex Sans Arabic,Cairo,sans-serif;color:var(--ac-ink);direction:rtl;isolation:isolate}.admin-categories-page>*{position:relative;z-index:1}.admin-categories-aurora{position:absolute;inset:-120px -140px auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#0f766e38,#0f766e00 64%),radial-gradient(circle at 25% 72%,#f9731629,#f9731600 72%);filter:blur(8px);pointer-events:none;z-index:0}.admin-categories-header{display:flex;align-items:stretch;justify-content:space-between;gap:18px;border-radius:24px;padding:clamp(18px,2.5vw,28px);background:radial-gradient(circle at 88% 22%,#f9731657,#f9731600 44%),linear-gradient(132deg,#123751,#0b4f69 48%,#0d7a75);color:#fff;overflow:hidden;box-shadow:var(--ac-shadow-lg);animation:ac-rise .5s ease both}.admin-categories-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.12) 48%,transparent 72%);transform:translate(120%);animation:ac-sheen 6.2s ease-in-out infinite;pointer-events:none}.header-content{max-width:760px}.header-kicker{margin:0;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;background:#ffffff24;letter-spacing:.04em}.header-content h1{margin:12px 0 10px;color:#fff;font-size:clamp(1.7rem,3vw,2.35rem);font-family:Changa,IBM Plex Sans Arabic,sans-serif}.header-content p{margin:0;max-width:640px;color:#ffffffe6;line-height:1.8}.add-category-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:170px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 14px 26px #f9731659;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.add-category-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 30px #f9731670}.add-category-btn:active{transform:translateY(0)}.categories-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-card{display:flex;align-items:center;gap:11px;padding:14px;border-radius:16px;border:1px solid var(--ac-border);background:var(--ac-surface);box-shadow:var(--ac-shadow-sm);animation:ac-rise .45s ease both}.overview-card:nth-child(1){animation-delay:.04s}.overview-card:nth-child(2){animation-delay:.08s}.overview-card:nth-child(3){animation-delay:.12s}.overview-card:nth-child(4){animation-delay:.16s}.overview-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.overview-icon-primary{background:#dbeafe;color:#1d4ed8}.overview-icon-success{background:var(--ac-success-soft);color:var(--ac-success)}.overview-icon-warning{background:var(--ac-warning-soft);color:#b45309}.overview-icon-muted{background:#e0f2fe;color:var(--ac-brand-strong)}.overview-card p{margin:0 0 4px;font-size:12px;color:var(--ac-muted)}.overview-card h3{margin:0;font-size:1.08rem;font-family:Changa,IBM Plex Sans Arabic,sans-serif;color:var(--ac-ink)}.success-message{display:inline-flex;align-items:center;gap:9px;max-width:520px;padding:12px 14px;border-radius:12px;border:1px solid rgba(5,150,105,.28);background:linear-gradient(120deg,#e7fff5,#d4fbe8);color:#045c3f;font-size:13px;font-weight:600;box-shadow:0 10px 20px #05966929;animation:ac-slide-in .3s ease both}.categories-controls{border-radius:16px;border:1px solid var(--ac-border);background:var(--ac-surface);box-shadow:var(--ac-shadow-sm);padding:14px;display:grid;gap:10px}.search-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input-wrapper{position:relative;min-width:260px;flex:1}.search-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#86a0ab;pointer-events:none}.search-input-wrapper input{width:100%;border-radius:12px;border:1px solid var(--ac-border);background:var(--ac-surface-soft);color:var(--ac-ink);font-family:inherit;font-size:14px;padding:11px 44px 11px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-input-wrapper input::placeholder{color:#88a0aa}.search-input-wrapper input:focus{outline:none;border-color:var(--ac-brand);background:#fff;box-shadow:0 0 0 3px #0f766e24}.search-btn,.clear-search-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;min-height:43px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.search-btn{background:linear-gradient(130deg,var(--ac-brand),var(--ac-brand-strong));color:#fff;box-shadow:0 10px 20px #0f766e3d}.search-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.search-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.clear-search-btn{border-color:var(--ac-border);background:#f8fbfc;color:var(--ac-muted)}.clear-search-btn:hover{transform:translateY(-1px);background:#eff6f8;color:var(--ac-brand-strong)}.categories-meta{margin:0;font-size:13px;color:var(--ac-muted)}.categories-meta strong{color:var(--ac-ink)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.category-card{border-radius:16px;border:1px solid var(--ac-border);background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 52%),var(--ac-surface);box-shadow:var(--ac-shadow-sm);padding:16px;display:grid;gap:13px;position:relative;overflow:hidden;animation:ac-rise .42s ease both;animation-delay:calc(var(--card-index, 0) * 55ms)}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#14b8a6,#0891b2,#f97316);opacity:.9}.category-card:hover{transform:translateY(-4px);border-color:var(--ac-border-strong);box-shadow:0 18px 34px #10293924}.category-header{display:flex;justify-content:space-between;gap:12px}.category-info{min-width:0}.category-label{width:fit-content;margin:0 0 8px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.02em}.category-label.is-busy{background:#d977062e;color:#92400e}.category-label.is-open{background:#05966929;color:#065f46}.category-info h3{margin:0;font-size:1.08rem;color:var(--ac-ink);line-height:1.4;word-break:break-word}.category-slug{margin-top:8px;display:inline-block;max-width:100%;border-radius:8px;border:1px solid #d9e8ed;background:#f7fbfd;color:#4f6975;font-size:11px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;padding:3px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-actions{display:inline-flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:#f5fafc;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,background .2s ease,color .2s ease,border-color .2s ease}.action-btn.edit{color:var(--ac-brand-strong);border-color:#d6e7ee}.action-btn.edit:hover{background:#dff7f4;border-color:#0f766e6b;transform:translateY(-1px)}.action-btn.delete{color:var(--ac-danger);border-color:#f7d4d4;background:#fff5f5}.action-btn.delete:hover:not(:disabled){background:#fee2e2;border-color:#f2b2b2;transform:translateY(-1px)}.action-btn.delete:disabled{color:#bcbfc5;border-color:#e4e7eb;background:#f7f9fb;cursor:not-allowed}.category-description{margin:0;color:var(--ac-muted);font-size:13.5px;line-height:1.7;min-height:68px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-stats{display:flex;flex-wrap:wrap;gap:8px;padding-top:11px;border-top:1px solid #e3edf1}.stat-item{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid #d8e7ed;background:#f6fbfd;color:#4f6975;font-size:12px;font-weight:500;padding:5px 9px}.no-categories{grid-column:1 / -1;border-radius:16px;border:2px dashed var(--ac-border-strong);background:var(--ac-surface);padding:46px 18px;text-align:center;display:grid;justify-items:center;gap:10px}.no-categories svg{color:#8ba3ad}.no-categories h3{margin:0;color:var(--ac-ink);font-size:1.2rem;font-family:Changa,IBM Plex Sans Arabic,sans-serif}.no-categories p{margin:0;color:var(--ac-muted);max-width:420px}.add-first-category-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(15,118,110,.2);border-radius:12px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(130deg,var(--ac-brand),var(--ac-brand-strong));color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 18px #0f766e40;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.add-first-category-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.admin-categories-loading{min-height:320px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--ac-muted);font-family:IBM Plex Sans Arabic,Cairo,sans-serif}.loading-spinner{width:52px;height:52px;border-radius:50%;border:4px solid #d7e7ec;border-top-color:var(--ac-brand-strong);animation:ac-spin 1s linear infinite}.admin-categories-loading p{margin:0;font-size:15px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#05122199;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:ac-fade .2s ease both}.modal{width:min(560px,100%);max-height:min(88vh,780px);overflow-y:auto;border-radius:20px;border:1px solid #d9e7ed;background:var(--ac-surface);box-shadow:0 28px 48px #030f1c4d;animation:ac-modal-in .24s ease both}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-thumb{border-radius:999px;background:#cad9df}.delete-modal{width:min(440px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px 0;margin-bottom:18px}.modal-header h2{margin:0;color:var(--ac-ink);font-size:1.35rem;font-family:Changa,IBM Plex Sans Arabic,sans-serif}.close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:11px;border:1px solid var(--ac-border);background:#f6fbfd;color:#4f6975;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.close-btn:hover{background:#edf5f8;color:var(--ac-brand-strong);transform:translateY(-1px)}.modal-form{padding:0 22px 22px}.error-message{display:flex;align-items:center;gap:8px;border-radius:12px;border:1px solid rgba(220,38,38,.32);background:var(--ac-danger-soft);color:#991b1b;font-size:13px;font-weight:600;padding:10px 12px;margin-bottom:14px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:7px;color:#2d4a58;font-size:13px;font-weight:700}.form-group input,.form-group textarea{width:100%;border-radius:11px;border:1px solid var(--ac-border);background:#f8fbfc;color:var(--ac-ink);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-group textarea{resize:vertical;min-height:96px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--ac-brand);background:#fff;box-shadow:0 0 0 3px #0f766e26}.form-group input.error,.form-group textarea.error{border-color:#ef4444;background:#fff7f7}.error-text{display:block;margin-top:5px;color:#b91c1c;font-size:12px;font-weight:600}.modal-actions{margin-top:18px;display:flex;justify-content:flex-start;gap:10px}.cancel-btn,.submit-btn,.delete-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:11px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,background .2s ease}.cancel-btn{border-color:var(--ac-border);background:#f8fbfc;color:var(--ac-muted)}.cancel-btn:hover{background:#ecf4f7;color:var(--ac-brand-strong)}.submit-btn{background:linear-gradient(130deg,var(--ac-brand),var(--ac-brand-strong));color:#fff;box-shadow:0 10px 20px #0f766e40}.submit-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.delete-content{padding:0 22px 8px;text-align:center}.warning-icon{color:#d97706;margin-bottom:10px}.delete-content h3{margin:0 0 8px;color:var(--ac-ink);font-size:1.2rem;font-family:Changa,IBM Plex Sans Arabic,sans-serif}.delete-content p{margin:0;color:var(--ac-muted);line-height:1.7}.delete-btn{background:linear-gradient(130deg,#ef4444,#dc2626);color:#fff;box-shadow:0 10px 20px #dc262647}.delete-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none;filter:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ac-focus);outline-offset:2px}@keyframes ac-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ac-rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ac-slide-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ac-sheen{0%,70%{transform:translate(120%)}to{transform:translate(-110%)}}@keyframes ac-fade{0%{opacity:0}to{opacity:1}}@keyframes ac-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1200px){.categories-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.admin-categories-header{flex-direction:column}.add-category-btn{width:100%}}@media (max-width: 768px){.admin-categories-page{padding:14px;gap:14px}.categories-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn,.delete-btn{width:100%}}@media (max-width: 560px){.categories-overview{grid-template-columns:1fr}.search-bar{align-items:stretch}.search-input-wrapper{min-width:0}.search-btn,.clear-search-btn{width:100%}.category-header{flex-direction:column}.category-actions{align-self:flex-start}}.inventory-content{display:flex;flex-direction:column;gap:var(--space-6)}.header-actions{display:flex;gap:var(--space-3)}.batch-update-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.batch-update-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px -6px #3b82f673}.batch-update-button:disabled{opacity:.6;cursor:not-allowed}.inventory-notice{padding:var(--space-3) var(--space-4);border-radius:10px;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);border:1px solid transparent}.inventory-notice.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.inventory-notice.error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.low-stock-section,.movements-section{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:var(--space-6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(0,0,0,.1)}.section-header h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.close-button{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-1);border-radius:var(--radius-md);transition:all .2s ease}.close-button:hover{background:#0000001a;color:var(--text-primary)}.low-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.stock-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0000001a;overflow:hidden}.stock-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stock-image{width:100%;height:150px;border-radius:12px;overflow:hidden;margin-bottom:var(--space-3);background:linear-gradient(45deg,#f3f4f6,#e5e7eb)}.stock-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stock-card:hover .stock-image img{transform:scale(1.05)}.stock-info h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.3}.price{font-size:var(--text-md);font-weight:700;color:var(--primary);margin-bottom:var(--space-3)}.stock-level{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.stock-count{padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--text-sm);font-weight:500}.stock-count.out{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stock-count.low{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.threshold{font-size:var(--text-xs);color:var(--text-secondary)}.stock-actions{display:flex;gap:var(--space-2);align-items:center}.view-movements-button{flex:1;padding:var(--space-3);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.view-movements-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px -2px #3b82f64d}.stock-input{width:80px;padding:var(--space-2) var(--space-3);border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:var(--text-sm);text-align:center;background:#fffc;color:var(--text-primary);transition:all .2s ease}.stock-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;background:#fff}.save-stock-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;transition:all .2s ease}.save-stock-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px -6px #10b98173}.save-stock-button:disabled{opacity:.55;cursor:not-allowed}.movements-list{display:flex;flex-direction:column;gap:var(--space-3)}.movement-item{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:var(--space-4);transition:all .2s ease}.movement-item:hover{transform:translate(2px);box-shadow:0 4px 6px -1px #0000001a}.movement-type{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.type-badge{padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.quantity{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.movement-details p{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.movement-details .user{color:var(--text-primary);font-weight:500}.movement-time{font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.batch-update-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:var(--space-6);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-content h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);text-align:center}.batch-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.batch-item{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);background:#0000000d;border-radius:12px}.batch-item input{padding:var(--space-2);border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:var(--text-sm);flex:1}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.modal-actions button{padding:var(--space-3) var(--space-4);border-radius:12px;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal-actions button:first-child{background:#0000001a;color:var(--text-secondary)}.modal-actions button:first-child:hover{background:#0003}.modal-actions button:last-child{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-actions button:last-child:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px -2px #10b9814d}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.inventory-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.inventory-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.low-stock,.stat-icon.out-of-stock{background:var(--error-bg);color:var(--error)}.stat-icon.total-products{background:var(--primary-bg);color:var(--primary)}.stat-icon.total-value{background:var(--success-bg);color:var(--success)}.stat-content{flex:1}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.inventory-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.filter-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:200px}.filter-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.filter-input,.filter-select{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--background);color:var(--text-primary);transition:all .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.inventory-table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th{background:var(--surface-hover);padding:var(--space-4);text-align:right;font-weight:600;color:var(--text-secondary);font-size:var(--text-sm);border-bottom:1px solid var(--border)}.inventory-table td{padding:var(--space-4);border-bottom:1px solid var(--border);text-align:right;font-size:var(--text-sm)}.inventory-table tr:hover{background:var(--surface-hover)}.product-info{display:flex;align-items:center;gap:var(--space-3)}.product-image{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;background:var(--surface-hover)}.product-details{display:flex;flex-direction:column;gap:var(--space-1)}.product-name{font-weight:500;color:var(--text-primary)}.product-sku{font-size:var(--text-xs);color:var(--text-secondary)}.stock-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;display:inline-block}.stock-badge.in-stock{background:var(--success-bg);color:var(--success)}.stock-badge.low-stock{background:var(--warning-bg);color:var(--warning)}.stock-badge.out-of-stock{background:var(--error-bg);color:var(--error)}.stock-input{width:80px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;background:var(--background);color:var(--text-primary)}.stock-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.action-buttons{display:flex;gap:var(--space-2)}.btn-icon{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.btn-icon.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-icon.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-icon.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-icon.btn-success:hover{background:var(--success-hover);border-color:var(--success-hover)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-top:1px solid var(--border)}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-controls{display:flex;gap:var(--space-2)}.pagination-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm)}.pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width: 768px){.inventory-page{padding:var(--space-4)}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-stats{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-group{width:100%}.inventory-table-container{overflow-x:auto}.inventory-table{min-width:600px}.pagination{flex-direction:column;gap:var(--space-4)}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:var(--space-2)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);opacity:.5}.empty-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.empty-description{font-size:var(--text-sm);margin-bottom:var(--space-6)}.admin-blogs-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-content h1{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.header-content p{color:#6b7280;margin:0;font-size:16px}.add-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.featured-counter{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;padding:20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #fbbf2433}.counter-content{display:flex;align-items:center;gap:16px}.featured-icon{color:#fff;flex-shrink:0}.counter-info{display:flex;flex-direction:column;gap:4px}.counter-number{font-size:28px;font-weight:700;color:#fff}.counter-label{font-size:14px;color:#ffffffe6}.counter-warning{background:#fff3;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:12px 48px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-controls{display:flex;gap:12px}.filter-dropdown{position:relative}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-dropdown:after{content:"▼";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:12px;pointer-events:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:24px}.empty-state h3{font-size:24px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0 0 32px;font-size:16px}.blogs-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;margin-bottom:24px}.blogs-table{width:100%;border-collapse:collapse}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 120px 80px 100px 120px 100px;background:#f9fafb;border-bottom:2px solid #e5e7eb}.header-cell{padding:16px;font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 120px 80px 100px 120px 100px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.cell{padding:16px;display:flex;align-items:center}.blog-info h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.4}.blog-info p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.featured-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#9ca3af;cursor:pointer;transition:all .3s ease;position:relative}.featured-toggle:hover:not(:disabled){border-color:#fbbf24;color:#fbbf24;transform:scale(1.1)}.featured-toggle.featured{background:#fbbf24;border-color:#fbbf24;color:#fff}.featured-toggle:disabled{opacity:.5;cursor:not-allowed}.views-info,.date-info{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px}.action-buttons{display:flex;gap:8px}.action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.action-button.edit{background:#eff6ff;color:#3b82f6}.action-button.edit:hover{background:#dbeafe;transform:scale(1.1)}.action-button.delete{background:#fef2f2;color:#ef4444}.action-button.delete:hover{background:#fee2e2;transform:scale(1.1)}.action-button:disabled{opacity:.5;cursor:not-allowed}.mini-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.pagination-button{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.pagination-button:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:4px}.pagination-number{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;justify-content:center}.pagination-number:hover{border-color:#3b82f6;color:#3b82f6}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.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:20px}.modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-header h3{font-size:20px;font-weight:600;color:#1f2937;margin:0}.close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.close-button:hover{background:#e5e7eb;color:#374151}.modal-content{padding:24px}.modal-content p{color:#374151;margin:0 0 12px;line-height:1.6}.warning-text{color:#ef4444!important;font-weight:500}.modal-actions{display:flex;gap:12px;padding:0 24px 24px}.cancel-button{flex:1;padding:12px 20px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.cancel-button:hover{border-color:#d1d5db;color:#374151}.delete-button{flex:1;padding:12px 20px;border:none;background:#ef4444;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.delete-button:hover{background:#dc2626}.delete-button:disabled{opacity:.5;cursor:not-allowed}.primary-button{flex:1;padding:12px 20px;border:none;background:#2563eb;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.primary-button:hover{background:#1d4ed8}.primary-button:disabled{opacity:.5;cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-field label{color:#374151;font-size:14px;font-weight:600}.form-input,.form-textarea,.form-select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;color:#111827;background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:2fr 1fr 100px 60px 80px 100px 80px}.header-cell.date,.cell.date{display:none}}@media (max-width: 768px){.admin-blogs-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.filters-section{flex-direction:column}.search-box{min-width:auto}.filter-controls{width:100%}.filter-select{flex:1}.table-header,.table-row{grid-template-columns:1fr;gap:12px}.header-cell{display:none}.table-row{padding:16px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px}.cell{padding:0;align-items:flex-start}.cell:not(:last-child){margin-bottom:12px}.featured-counter{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.header-content h1{font-size:24px}.featured-counter{padding:16px}.counter-number{font-size:24px}.modal{margin:16px}.modal-actions{flex-direction:column}.form-row{grid-template-columns:1fr}}.chat-management-page{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 176px)}.acm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:16px;border:1px solid var(--surface-border);background:radial-gradient(circle at top left,rgba(99,102,241,.08),transparent 38%),radial-gradient(circle at bottom right,rgba(6,182,212,.08),transparent 45%),linear-gradient(180deg,#fffffffa,#fffffff2);box-shadow:0 12px 28px #0f172a0f}.acm-title h1{margin:2px 0 4px;font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.4;color:#0f172a}.acm-title p{margin:0;color:#475569;font-size:.9rem}.acm-eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.73rem;font-weight:700;letter-spacing:.04em;color:#4338ca;background:#6366f11f}.acm-refresh-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;height:40px;border:1px solid #d1d5db;border-radius:11px;padding:0 14px;color:#1f2937;background:#fff;font-size:.84rem;font-weight:700;transition:all .18s ease}.acm-refresh-btn:hover:not(:disabled){border-color:#a5b4fc;color:#4338ca;transform:translateY(-1px);box-shadow:0 10px 18px #4f46e521}.acm-refresh-btn:disabled{opacity:.55;cursor:wait}.is-spinning{animation:acm-spin .9s linear infinite}@keyframes acm-spin{to{transform:rotate(360deg)}}.acm-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.acm-stat-card{display:flex;align-items:center;gap:12px;border-radius:14px;border:1px solid var(--surface-border);background:#fff;padding:14px;box-shadow:0 8px 22px #0f172a0d}.acm-stat-card__icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.acm-stat-card__icon.bg-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.acm-stat-card__icon.bg-cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.acm-stat-card__icon.bg-emerald{background:linear-gradient(135deg,#0f766e,#10b981)}.acm-stat-card__icon.bg-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.acm-stat-card__label{margin:0 0 2px;color:#64748b;font-size:.77rem;font-weight:700}.acm-stat-card__value{margin:0;color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1}.acm-workspace{display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);gap:16px;min-height:clamp(520px,calc(100vh - 330px),760px)}.acm-sessions-panel{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--surface-border);background:#fff;box-shadow:0 12px 28px #0f172a0f;overflow:hidden}.acm-sessions-panel__top{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid #f1f5f9}.acm-sessions-panel__top h2{margin:0;font-size:.97rem;color:#0f172a;line-height:1.2}.acm-sessions-panel__top span{min-width:28px;height:28px;border-radius:999px;background:#6366f11a;color:#4f46e5;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.acm-search{margin:12px 12px 8px;display:flex;align-items:center;gap:8px;border:1px solid #dbe2ea;border-radius:11px;padding:0 10px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.acm-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #818cf82e}.acm-search svg{color:#64748b;flex-shrink:0}.acm-search input{border:none;background:transparent;width:100%;height:36px;font-size:.85rem;color:#1f2937;outline:none}.acm-filters{display:flex;gap:8px;padding:0 12px 12px}.acm-filters button{border:1px solid #dbe2ea;border-radius:999px;background:#fff;color:#475569;padding:5px 10px;font-size:.73rem;font-weight:700;transition:all .18s ease}.acm-filters button.active{color:#fff;border-color:#4f46e5;background:linear-gradient(135deg,#4f46e5,#6366f1)}.acm-filters button:hover:not(.active){border-color:#c4b5fd;color:#4338ca}.acm-session-list{flex:1;overflow-y:auto;padding:0 8px 8px}.acm-session-list::-webkit-scrollbar{width:6px}.acm-session-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.acm-session-card{width:100%;border:1px solid transparent;border-radius:12px;margin:0 0 8px;padding:11px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:#f8fafc;text-align:right;transition:all .18s ease}.acm-session-card:hover{border-color:#cbd5e1;background:#fff;transform:translateY(-1px)}.acm-session-card.selected{border-color:#818cf8;background:linear-gradient(135deg,#eef2ffd9,#e0e7fff2);box-shadow:0 10px 20px #4f46e526}.acm-session-card__avatar{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #dbe2ea;color:#334155;display:inline-flex;align-items:center;justify-content:center}.acm-session-card__content{min-width:0}.acm-session-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.acm-session-card__title{margin:0;font-size:.84rem;color:#0f172a;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acm-session-card__subtitle{margin:2px 0 0;font-size:.74rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acm-session-card__meta{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.7rem;color:#94a3b8}.acm-session-card__unread{min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:.66rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.acm-session-card__status{border-radius:999px;padding:4px 8px;font-size:.66rem;font-weight:800;white-space:nowrap}.acm-session-card__status.assigned{background:#10b98124;color:#047857}.acm-session-card__status.unassigned{background:#f59e0b29;color:#b45309}.acm-chat-panel{border-radius:16px;border:1px solid var(--surface-border);background:#fff;box-shadow:0 12px 28px #0f172a0f;display:flex;flex-direction:column;min-height:0;overflow:hidden}.acm-chat-panel__header{border-bottom:1px solid #eef2f7;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.acm-chat-panel__identity{display:flex;align-items:center;gap:10px;min-width:0}.acm-chat-panel__avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.acm-chat-panel__identity h3{margin:0;font-size:.95rem;color:#0f172a;line-height:1.3}.acm-chat-panel__identity p{margin:2px 0 0;font-size:.74rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acm-chat-panel__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.acm-connection{display:inline-flex;align-items:center;gap:6px;height:30px;border-radius:999px;padding:0 10px;border:1px solid #d1d5db;font-size:.7rem;font-weight:700;color:#475569;background:#f8fafc}.acm-connection span{width:7px;height:7px;border-radius:999px;background:#94a3b8}.acm-connection.online span{background:#10b981;box-shadow:0 0 0 4px #10b98129}.acm-btn{height:30px;border-radius:9px;border:none;padding:0 10px;font-size:.72rem;font-weight:700;color:#fff}.acm-btn--assign{background:linear-gradient(135deg,#4f46e5,#6366f1)}.acm-btn--danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.acm-btn:hover{filter:brightness(1.05)}.acm-messages{flex:1;min-height:0;overflow-y:auto;padding:16px;background:radial-gradient(circle at left top,rgba(99,102,241,.05),transparent 38%),radial-gradient(circle at right bottom,rgba(6,182,212,.05),transparent 35%),#f8fafc}.acm-messages::-webkit-scrollbar{width:6px}.acm-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.acm-message{display:flex;margin-bottom:10px}.acm-message--user{justify-content:flex-start}.acm-message--agent{justify-content:flex-end}.acm-message--system{justify-content:center}.acm-message__bubble{width:min(78%,620px);border-radius:14px;padding:10px 12px;border:1px solid #e2e8f0;background:#fff}.acm-message--agent .acm-message__bubble{border-color:#6366f159;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.acm-message--system .acm-message__bubble{width:auto;border-radius:999px;background:#fef3c7;border-color:#fcd34d}.acm-message__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.68rem;color:#64748b}.acm-message__meta span{font-weight:700;color:#334155}.acm-message__bubble p{margin:0;font-size:.84rem;line-height:1.65;color:#0f172a;word-break:break-word}.acm-typing{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:7px 10px;border-radius:999px;background:#e2e8f0}.acm-typing .dot{width:5px;height:5px;border-radius:999px;background:#64748b;animation:acm-typing 1.2s ease-in-out infinite}.acm-typing .dot:nth-child(2){animation-delay:.12s}.acm-typing .dot:nth-child(3){animation-delay:.24s}.acm-typing p{margin:0;font-size:.72rem;color:#334155;font-weight:700}@keyframes acm-typing{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-2px);opacity:1}}.acm-composer{border-top:1px solid #e2e8f0;padding:12px;display:flex;gap:8px;background:#fff}.acm-composer input{flex:1;height:40px;border:1px solid #dbe2ea;border-radius:11px;padding:0 12px;font-size:.84rem;color:#1f2937;transition:border-color .18s ease,box-shadow .18s ease}.acm-composer input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.acm-composer input:disabled{background:#f1f5f9;color:#94a3b8}.acm-composer button{height:40px;min-width:92px;border:none;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#6366f1);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.acm-composer button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 20px #4f46e547}.acm-composer button:disabled{opacity:.5;cursor:not-allowed}.acm-no-session{height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b;padding:24px}.acm-no-session svg{color:#94a3b8;margin-bottom:10px}.acm-no-session h3{margin:0 0 6px;color:#334155;font-size:1rem}.acm-no-session p{margin:0;max-width:460px;font-size:.85rem;line-height:1.75}.acm-loading,.acm-empty-list,.acm-empty-conversation{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:.84rem;font-weight:700;padding:16px}.acm-empty-conversation{width:100%;flex-direction:column}.acm-empty-conversation p{margin:0}@media (max-width: 1280px){.acm-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.chat-management-page{min-height:auto}.acm-header{flex-direction:column;align-items:stretch}.acm-refresh-btn{width:fit-content}.acm-workspace{grid-template-columns:1fr;min-height:auto}.acm-sessions-panel{max-height:440px}.acm-chat-panel{min-height:520px}}@media (max-width: 640px){.acm-stats-grid{grid-template-columns:1fr}.acm-chat-panel__header{flex-direction:column;align-items:flex-start}.acm-chat-panel__actions{width:100%;flex-wrap:wrap}.acm-composer{flex-direction:column}.acm-composer button{width:100%}}.admin-seeder{display:flex;flex-direction:column;gap:16px}.admin-seeder-feedback{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:13px;font-weight:600}.admin-seeder-feedback.is-success{background:var(--success-bg);color:var(--success);border-color:#10b98140}.admin-seeder-feedback.is-error{background:var(--danger-bg);color:var(--danger);border-color:#ef444440}.admin-seeder-feedback.is-info{background:var(--brand-muted);color:var(--brand);border-color:#6366f140}.admin-seeder-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-card)}.admin-seeder-tab{border:0;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:700;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease)}.admin-seeder-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.admin-seeder-tab.is-active{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 8px 20px #6366f140}.admin-seeder-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-seeder-kpi-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-seeder-kpi{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-card);padding:14px;box-shadow:var(--shadow-sm)}.admin-seeder-kpi-top{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;margin-bottom:10px}.admin-seeder-kpi-main{font-size:26px;font-weight:800;line-height:1;margin-bottom:8px;color:var(--text-primary)}.admin-seeder-kpi-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.admin-seeder-kpi.tone-products .admin-seeder-kpi-top{color:#4338ca}.admin-seeder-kpi.tone-users .admin-seeder-kpi-top{color:#0f766e}.admin-seeder-kpi.tone-categories .admin-seeder-kpi-top{color:#b45309}.admin-seeder-kpi.tone-blogs .admin-seeder-kpi-top{color:#7c2d12}.admin-seeder-status-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px}.admin-seeder-files{display:flex;flex-direction:column;gap:10px}.admin-seeder-file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#fafbfd}.admin-seeder-file-main{min-width:0}.admin-seeder-file-title{color:var(--text-primary);font-size:13.5px;font-weight:700}.admin-seeder-file-name{color:var(--text-secondary);font-size:12px;margin-top:2px}.admin-seeder-file-side{text-align:left}.admin-seeder-file-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.admin-seeder-file-state.is-ok{color:var(--success)}.admin-seeder-file-state.is-missing{color:var(--danger)}.admin-seeder-file-meta{margin-top:3px;color:var(--text-muted);font-size:11.5px}.admin-seeder-categories{display:flex;flex-direction:column;gap:12px}.admin-seeder-category-row{display:flex;flex-direction:column;gap:6px}.admin-seeder-category-top{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-primary)}.admin-seeder-progress{width:100%;height:8px;border-radius:99px;background:#eceff4;overflow:hidden}.admin-seeder-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22c55e);transition:width .3s ease}.admin-seeder-preview{display:flex;flex-direction:column;gap:14px}.admin-seeder-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-seeder-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-seeder-preview-card{min-width:0}.admin-seeder-pill{border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-muted);border:1px solid rgba(99,102,241,.2)}.admin-seeder-preview-table-wrap{overflow:auto}.admin-seeder-preview-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:520px}.admin-seeder-preview-table thead th{text-align:right;color:#fff;font-weight:700;padding:10px 12px}.admin-seeder-preview-table.tone-toys thead th{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.admin-seeder-preview-table.tone-birthdays thead th{background:linear-gradient(90deg,#0d9488,#16a34a)}.admin-seeder-preview-table tbody td{border-bottom:1px solid var(--surface-border);padding:9px 12px;color:var(--text-secondary);white-space:nowrap}.admin-seeder-preview-table tbody tr:last-child td{border-bottom:0}.admin-seeder-preview-table tbody tr:hover td{background:#f8faff}.admin-seeder-preview-table tbody td:first-child{color:var(--text-primary);font-weight:600}.admin-seeder-actions{display:flex;flex-direction:column;gap:16px}.admin-seeder-upload-box{border:1px dashed rgba(99,102,241,.4);border-radius:var(--radius-sm);background:#6366f10a;padding:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.admin-seeder-upload-label{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:12.5px;font-weight:700;color:#4338ca;border:1px solid rgba(99,102,241,.3);border-radius:8px;background:#eef2ff;padding:8px 10px;cursor:pointer}.admin-seeder-upload-input{font-size:12px;color:var(--text-secondary)}.admin-seeder-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--text-secondary);font-size:12px}.admin-seeder-upload-meta strong{color:var(--text-primary);max-width:100%;overflow-wrap:anywhere}.admin-seeder-mode-wrap{margin-bottom:16px}.admin-seeder-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-seeder-mode-option{border:1px solid var(--surface-border);background:#fafbfd;border-radius:var(--radius-sm);padding:12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.admin-seeder-mode-option input{margin-top:2px;accent-color:var(--brand)}.admin-seeder-mode-option strong{font-size:13px;color:var(--text-primary)}.admin-seeder-mode-option p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.admin-seeder-mode-option.is-selected{border-color:#6366f173;background:#6366f114}.admin-seeder-mode-option.is-selected.danger{border-color:#ef444473;background:#ef444414}.admin-seeder-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-seeder-flag{display:flex;align-items:center;gap:8px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#fafbfd;padding:10px 12px;cursor:pointer;color:var(--text-secondary);font-size:12.5px;font-weight:600}.admin-seeder-flag input{accent-color:var(--brand)}.admin-seeder-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-seeder-action-card{border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:12px;background:#fff}.admin-seeder-action-head{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}.admin-seeder-action-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.admin-seeder-action-card h4{margin:0;font-size:13px;color:var(--text-primary)}.admin-seeder-action-card p{margin:4px 0 0;font-size:12px;color:var(--text-secondary);line-height:1.4}.admin-seeder-action-card.tone-products .admin-seeder-action-icon{color:#4338ca;background:#e0e7ff}.admin-seeder-action-card.tone-users .admin-seeder-action-icon{color:#0f766e;background:#ccfbf1}.admin-seeder-action-card.tone-images .admin-seeder-action-icon{color:#7e22ce;background:#f3e8ff}.admin-seeder-action-card.tone-all .admin-seeder-action-icon{color:#b91c1c;background:#fee2e2}.admin-seeder-run-btn{width:100%}.admin-seeder-import-actions{margin-top:4px}.admin-seeder-run-btn.tone-products{background:#4f46e5;border-color:#4f46e5;color:#fff}.admin-seeder-run-btn.tone-products:hover:not(:disabled){background:#4338ca}.admin-seeder-run-btn.tone-users{background:#0d9488;border-color:#0d9488;color:#fff}.admin-seeder-run-btn.tone-users:hover:not(:disabled){background:#0f766e}.admin-seeder-run-btn.tone-images{background:#7e22ce;border-color:#7e22ce;color:#fff}.admin-seeder-run-btn.tone-images:hover:not(:disabled){background:#6b21a8}.admin-seeder-run-btn.tone-all{background:#dc2626;border-color:#dc2626;color:#fff}.admin-seeder-run-btn.tone-all:hover:not(:disabled){background:#b91c1c}.admin-seeder-run-btn:disabled{cursor:not-allowed;opacity:.65}.admin-seeder-warning{margin-top:12px;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--danger-bg);border:1px solid rgba(239,68,68,.22);color:var(--danger)}.admin-seeder-warning strong{display:block;font-size:12.5px}.admin-seeder-warning p{margin:3px 0 0;font-size:12px;line-height:1.4}.admin-seeder-result-strip{margin-top:12px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#fafbfd;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--text-secondary);font-weight:600}.admin-seeder-output-actions{display:flex;align-items:center;gap:8px}.admin-seeder-output-time{font-size:11.5px;color:var(--text-muted)}.admin-seeder-output{margin:0;background:#0f172a;border-radius:var(--radius-sm);color:#e2e8f0;padding:12px;font-size:12px;line-height:1.5;max-height:320px;overflow:auto;direction:ltr;text-align:left}.spin{animation:admin-seeder-spin 1s linear infinite}@keyframes admin-seeder-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.admin-seeder-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-seeder-status-grid{grid-template-columns:1fr}}@media (max-width: 920px){.admin-seeder-preview-grid,.admin-seeder-action-grid,.admin-seeder-flags{grid-template-columns:1fr}}@media (max-width: 640px){.admin-seeder-tabs,.admin-seeder-kpi-grid,.admin-seeder-mode-grid{grid-template-columns:1fr}.admin-seeder-preview-actions{flex-direction:column;align-items:stretch}.admin-seeder-file-row{flex-direction:column;align-items:flex-start}.admin-seeder-file-side{text-align:right}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.admin-login-container{width:100%;max-width:420px}.admin-login-card{background:#fff;border-radius:12px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.admin-login-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;text-align:center}.admin-login-subtitle{color:#718096;text-align:center;margin:0 0 2rem}.admin-login-error{background:#fed7d7;color:#c53030;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2d3748;font-size:.875rem}.form-group input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.admin-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.floating-whatsapp-btn{position:fixed;left:20px;right:auto;bottom:20px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#22c55e);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #25d36666;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;font-family:Cairo,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floating-whatsapp-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 12px 32px #25d36699;background:linear-gradient(135deg,#22c55e,#16a34a)}.floating-whatsapp-btn:active{transform:translateY(-2px) scale(1.05)}.floating-whatsapp-btn:focus{outline:none;box-shadow:0 8px 24px #25d36666,0 0 0 3px #25d3664d}.whatsapp-tooltip{position:absolute;left:70px;right:auto;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.whatsapp-tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#000000e6}.floating-whatsapp-btn:hover .whatsapp-tooltip{opacity:1;visibility:visible;left:75px}@keyframes whatsapp-pulse{0%,to{box-shadow:0 8px 24px #25d36666}50%{box-shadow:0 8px 24px #25d36666,0 0 0 16px #25d3661a}}.floating-whatsapp-btn{animation:whatsapp-pulse 3s ease-in-out infinite}.floating-whatsapp-btn:hover{animation:none}@media (max-width: 768px){.floating-whatsapp-btn{left:15px;right:auto;bottom:15px;width:55px;height:55px}.whatsapp-tooltip{display:none}}@media (max-width: 480px){.floating-whatsapp-btn{left:12px;right:auto;bottom:12px;width:50px;height:50px}}:root{--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--shadow-button: 0 4px 12px rgba(0, 0, 0, .15);--shadow-button-hover: 0 8px 24px rgba(0, 0, 0, .2);--shadow-button-active: 0 2px 8px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(255, 107, 107, .4);--btn-primary: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);--btn-primary-hover: linear-gradient(135deg, #ff5252 0%, #e53e3e 100%);--btn-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--btn-secondary-hover: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);--btn-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--btn-success-hover: linear-gradient(135deg, #059669 0%, #047857 100%);--btn-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--btn-danger-hover: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%)}button{font-family:inherit;font-size:inherit;line-height:1;margin:0;overflow:visible;text-transform:none;cursor:pointer;border:none;outline:none;background:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--duration-base) var(--ease-out-cubic);transform:translateY(0);will-change:transform,box-shadow;backface-visibility:hidden;-webkit-font-smoothing:antialiased;min-height:44px;min-width:44px;touch-action:manipulation}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-button-active);transition:all var(--duration-fast) var(--ease-out-cubic)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6b6b4d,var(--shadow-button)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn-primary{background:var(--btn-primary);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-button-hover),var(--shadow-glow)}.btn-secondary{background:var(--btn-secondary);color:#fff;box-shadow:var(--shadow-button)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);box-shadow:var(--shadow-button-hover)}.btn-success{background:var(--btn-success);color:#fff;box-shadow:var(--shadow-button)}.btn-success:hover:not(:disabled){background:var(--btn-success-hover);box-shadow:var(--shadow-button-hover)}.btn-danger{background:var(--btn-danger);color:#fff;box-shadow:var(--shadow-button)}.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover);box-shadow:var(--shadow-button-hover)}.btn-outline{background:transparent;color:#ff6b6b;border:2px solid #ff6b6b;box-shadow:none}.btn-outline:hover:not(:disabled){background:#ff6b6b;color:#fff;box-shadow:var(--shadow-button)}.btn-ghost{background:transparent;color:#666;box-shadow:none}.btn-ghost:hover:not(:disabled){background:#0000000d;color:#ff6b6b}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:8px;min-height:40px;min-width:40px}.btn-large{padding:1rem 2rem;font-size:1.1rem;border-radius:16px;min-height:52px;min-width:52px}.btn-icon{padding:.75rem;border-radius:50%;aspect-ratio:1;min-height:44px;min-width:44px}.btn-loading{pointer-events:none;opacity:.8}.btn-loading .btn-text{opacity:0;transform:scale(.8);transition:all var(--duration-fast) var(--ease-out-cubic)}.btn-loading .btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;opacity:0;transition:opacity var(--duration-fast) var(--ease-out-cubic)}@keyframes spin{to{transform:rotate(360deg)}}.btn:hover .btn-icon-slide{transform:translate(4px);transition:transform var(--duration-base) var(--ease-out-cubic)}.btn:active .btn-icon-slide{transform:translate(2px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--duration-slow) var(--ease-out-expo);z-index:1}.btn:hover:before{left:100%}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width var(--duration-slow) var(--ease-out-cubic),height var(--duration-slow) var(--ease-out-cubic)}.btn-ripple:active:after{width:300px;height:300px}.add-to-cart-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #ff6b6b4d;transition:all var(--duration-base) var(--ease-out-cubic);transform:translateY(0);will-change:transform,box-shadow}.add-to-cart-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#e53e3e)}.add-to-cart-button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #ff6b6b33}.add-to-cart-button.added{background:linear-gradient(135deg,#10b981,#059669);animation:added-success .6s var(--ease-out-back)}@keyframes added-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.submit-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1.2rem;border-radius:12px;font-weight:700;font-size:1.1rem;box-shadow:0 8px 20px #ff6b6b4d;transition:all var(--duration-base) var(--ease-out-cubic);transform:translateY(0);will-change:transform,box-shadow}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #ff6b6b80;background:linear-gradient(135deg,#ff5252,#e53e3e)}.submit-button:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #ff6b6b4d}.close-button{width:36px;height:36px;border-radius:50%;background:#f5f5f5;color:#666;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-out-cubic);transform:rotate(0)}.close-button:hover{background:#fee;color:#ff6b6b;transform:rotate(90deg);box-shadow:0 4px 12px #ff6b6b33}.close-button:active{transform:rotate(90deg) scale(.95)}.password-toggle{background:none;border:none;color:#718096;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-out-cubic);border-radius:8px}.password-toggle:hover{color:#ff6b6b;background:#ff6b6b1a;transform:scale(1.05)}.password-toggle:active{transform:scale(.95)}.admin-btn{background:linear-gradient(135deg,#666,#333);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #00000026;transition:all var(--duration-base) var(--ease-out-cubic)}.admin-btn:hover:not(:disabled){background:linear-gradient(135deg,#555,#222);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.admin-btn:active:not(:disabled){transform:translateY(0) scale(.98)}@media (max-width: 768px){.btn{padding:.625rem 1.25rem;font-size:.9rem}.btn-large{padding:.875rem 1.75rem;font-size:1rem}.btn-small{padding:.375rem .75rem;font-size:.8rem}}@media (max-width: 480px){.btn{padding:.5rem 1rem;font-size:.875rem}.submit-button{padding:1rem;font-size:1rem}}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.btn:focus-visible{outline:3px solid currentColor;outline-offset:2px}}@media (prefers-reduced-motion: reduce){.btn,.btn:hover,.btn:active,.btn:before,.btn:after{transition:none!important;animation:none!important}.btn:hover:not(:disabled){transform:none}}.btn,.add-to-cart-button,.submit-button,.checkout-button,.close-button,.password-toggle,.admin-btn,.pc__add-btn{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,box-shadow,opacity;contain:layout style paint}.btn:not(:hover):not(:active),.add-to-cart-button:not(:hover):not(:active),.submit-button:not(:hover):not(:active),.checkout-button:not(:hover):not(:active),.close-button:not(:hover):not(:active),.password-toggle:not(:hover):not(:active),.admin-btn:not(:hover):not(:active),.pc__add-btn:not(:hover):not(:active){will-change:auto}@media (max-width: 768px) and (max-height: 1024px){.btn,.add-to-cart-button,.submit-button,.checkout-button,.close-button,.password-toggle,.admin-btn,.pc__add-btn{transition:transform var(--duration-fast) linear,box-shadow var(--duration-fast) linear}.btn:before,.add-to-cart-button:before,.submit-button:before,.checkout-button:before,.admin-btn:before,.pc__add-btn:before{display:none}}@media (prefers-reduced-data: reduce){.btn:before,.add-to-cart-button:before,.submit-button:before,.checkout-button:before,.admin-btn:before,.pc__add-btn:before{display:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.btn,.add-to-cart-button,.submit-button,.checkout-button,.close-button,.password-toggle,.admin-btn,.pc__add-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@media print{.btn,.add-to-cart-button,.submit-button,.checkout-button,.close-button,.password-toggle,.admin-btn,.pc__add-btn{transition:none!important;transform:none!important;box-shadow:none!important;background:#fff!important;color:#000!important;border:1px solid black!important}.btn:before,.add-to-cart-button:before,.submit-button:before,.checkout-button:before,.admin-btn:before,.pc__add-btn:before{display:none!important}}.focus-visible{outline:2px solid #3182ce;outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:6px;background:#3182ce;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:600}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.btn:active,.add-to-cart-button:hover,.add-to-cart-button:active,.submit-button:hover,.submit-button:active,.checkout-button:hover,.checkout-button:active,.close-button:hover,.close-button:active,.password-toggle:hover,.password-toggle:active,.admin-btn:hover,.admin-btn:active,.pc__add-btn:hover,.pc__add-btn:active{transform:none!important}.btn:before,.add-to-cart-button:before,.submit-button:before,.checkout-button:before,.admin-btn:before,.pc__add-btn:before{display:none!important}}@media (prefers-contrast: high){.btn,.add-to-cart-button,.submit-button,.checkout-button,.close-button,.password-toggle,.admin-btn,.pc__add-btn{border:2px solid currentColor}.btn:focus-visible,.add-to-cart-button:focus-visible,.submit-button:focus-visible,.checkout-button:focus-visible,.close-button:focus-visible,.password-toggle:focus-visible,.admin-btn:focus-visible,.pc__add-btn:focus-visible{outline:3px solid currentColor;outline-offset:2px}}@media (prefers-color-scheme: dark){.skip-link{background:#4a5568;color:#fff}.focus-visible{outline-color:#63b3ed}}.main-content{content-visibility:auto;contain-intrinsic-size:0 500px}.sidebar{content-visibility:auto;contain-intrinsic-size:0 300px}.lazy-load{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.lazy-load.loaded{background:none;animation:none}.responsive-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}@media (min-resolution: 2dppx){.responsive-image{image-rendering:auto}}.smooth-scroll{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.smooth-scroll{scroll-behavior:auto}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-in{opacity:1;transform:none;transition:none}}.font-loading{font-display:swap}.critical-above-fold{content-visibility:auto;contain-intrinsic-size:auto 1000px}.non-critical{content-visibility:auto;contain-intrinsic-size:0 1000px}.memory-efficient{will-change:auto;transform:translateZ(0)}.memory-efficient:hover{will-change:transform}.memory-efficient:not(:hover){will-change:auto}@media (prefers-reduced-data: reduce){.lazy-load,.fade-in{animation:none;transition:none}img{image-rendering:auto}video{display:none}.video-placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#666;padding:2rem;border-radius:8px}}@media (pointer: coarse){.btn,.add-to-cart-button,.submit-button,.checkout-button,.close-button,.password-toggle,.admin-btn,.pc__add-btn{min-height:44px;min-width:44px;touch-action:manipulation}.btn:hover,.add-to-cart-button:hover,.submit-button:hover,.checkout-button:hover,.close-button:hover,.password-toggle:hover,.admin-btn:hover,.pc__add-btn:hover{transform:none}.btn:active,.add-to-cart-button:active,.submit-button:active,.checkout-button:active,.close-button:active,.password-toggle:active,.admin-btn:active,.pc__add-btn:active{transform:scale(.98)}}.keyboard-nav *:focus{outline:2px solid #3182ce;outline-offset:2px}[aria-hidden=true]{display:none}[aria-disabled=true]{opacity:.6;pointer-events:none;cursor:not-allowed}[aria-expanded=false] .expand-icon{transform:rotate(0)}[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[role=button]{cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;background:#f8f9fa;color:#333;transition:all .2s ease}[role=button]:hover{background:#e9ecef;border-color:#dee2e6}[role=button]:focus{outline:2px solid #3182ce;outline-offset:2px}[role=button]:disabled{opacity:.6;pointer-events:none;cursor:not-allowed}img{max-width:100%;height:auto;object-fit:cover;border-radius:.5rem;transition:transform .3s ease}.img-container{position:relative;overflow:hidden;border-radius:.5rem}.img-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.img-container:hover img{transform:scale(1.05)}.img-hero{width:100%;height:clamp(200px,40vh,400px);object-fit:cover;border-radius:0}@media (min-width: 768px){.img-hero{height:clamp(300px,50vh,600px)}}@media (min-width: 1024px){.img-hero{height:clamp(400px,60vh,800px)}}.img-product{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.75rem}.img-product-thumbnail{width:clamp(3rem,6vw,4rem);height:clamp(3rem,6vw,4rem);object-fit:cover;border-radius:.5rem}.img-product-large{width:100%;height:clamp(200px,40vw,400px);object-fit:cover;border-radius:.75rem}@media (min-width: 768px){.img-product-large{height:clamp(300px,35vw,500px)}}.img-avatar{width:clamp(2rem,4vw,3rem);height:clamp(2rem,4vw,3rem);object-fit:cover;border-radius:50%}.img-avatar-small{width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);object-fit:cover;border-radius:50%}.img-avatar-large{width:clamp(4rem,8vw,6rem);height:clamp(4rem,8vw,6rem);object-fit:cover;border-radius:50%}.img-logo{height:clamp(1.5rem,3vw,2rem);width:auto;object-fit:contain}.img-logo-header{height:clamp(1.5rem,4vw,2.25rem);width:auto;object-fit:contain}.img-logo-footer{height:clamp(2rem,4vw,2.5rem);width:auto;object-fit:contain}.img-banner{width:100%;height:clamp(120px,15vw,200px);object-fit:cover;border-radius:.5rem}@media (min-width: 768px){.img-banner{height:clamp(150px,20vw,300px)}}.img-card{width:100%;height:clamp(150px,25vw,200px);object-fit:cover;border-radius:.5rem .5rem 0 0}.img-card-square{aspect-ratio:1/1;height:auto}.img-card-landscape{aspect-ratio:16/9;height:auto}.img-card-portrait{aspect-ratio:3/4;height:auto}.img-gallery{width:100%;height:clamp(200px,30vw,300px);object-fit:cover;border-radius:.5rem;cursor:pointer}.img-gallery:hover{transform:scale(1.02)}img[data-src]{opacity:0;transition:opacity .3s ease}img.loaded{opacity:1}.img-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-responsive{width:100%;height:auto}.img-responsive-square{aspect-ratio:1/1;object-fit:cover}.img-responsive-landscape{aspect-ratio:16/9;object-fit:cover}.img-responsive-portrait{aspect-ratio:3/4;object-fit:cover}.bg-img{background-size:cover;background-position:center;background-repeat:no-repeat}.bg-img-contain{background-size:contain;background-position:center;background-repeat:no-repeat}.img-overlay{position:relative}.img-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);pointer-events:none}.img-grayscale{filter:grayscale(100%)}.img-sepia{filter:sepia(100%)}.img-blur{filter:blur(2px)}.img-brightness{filter:brightness(1.1)}.img-contrast{filter:contrast(1.1)}.img-zoom{overflow:hidden;cursor:zoom-in}.img-zoom img{transition:transform .3s ease}.img-zoom:hover img{transform:scale(1.5)}picture{display:block;width:100%}picture img{width:100%;height:auto;object-fit:cover}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (prefers-reduced-motion: reduce){img{transition:none}.img-container:hover img,.img-gallery:hover,.img-zoom:hover img{transform:none}}@media print{img{max-width:100%!important;height:auto!important;page-break-inside:avoid}.img-placeholder{background:none!important;animation:none!important}}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.px-20{padding-left:var(--space-20);padding-right:var(--space-20)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pt-20{padding-top:var(--space-20)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pr-10{padding-right:var(--space-10)}.pr-12{padding-right:var(--space-12)}.pr-16{padding-right:var(--space-16)}.pr-20{padding-right:var(--space-20)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pb-20{padding-bottom:var(--space-20)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pl-10{padding-left:var(--space-10)}.pl-12{padding-left:var(--space-12)}.pl-16{padding-left:var(--space-16)}.pl-20{padding-left:var(--space-20)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.mx-16{margin-left:var(--space-16);margin-right:var(--space-16)}.mx-20{margin-left:var(--space-20);margin-right:var(--space-20)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.my-20{margin-top:var(--space-20);margin-bottom:var(--space-20)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-10{margin-right:var(--space-10)}.mr-12{margin-right:var(--space-12)}.mr-16{margin-right:var(--space-16)}.mr-20{margin-right:var(--space-20)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-10{margin-left:var(--space-10)}.ml-12{margin-left:var(--space-12)}.ml-16{margin-left:var(--space-16)}.ml-20{margin-left:var(--space-20)}.space-y-0>*+*{margin-top:0}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-5>*+*{margin-top:var(--space-5)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-y-10>*+*{margin-top:var(--space-10)}.space-y-12>*+*{margin-top:var(--space-12)}.space-y-16>*+*{margin-top:var(--space-16)}.space-y-20>*+*{margin-top:var(--space-20)}.space-x-0>*+*{margin-right:0}.space-x-1>*+*{margin-right:var(--space-1)}.space-x-2>*+*{margin-right:var(--space-2)}.space-x-3>*+*{margin-right:var(--space-3)}.space-x-4>*+*{margin-right:var(--space-4)}.space-x-5>*+*{margin-right:var(--space-5)}.space-x-6>*+*{margin-right:var(--space-6)}.space-x-8>*+*{margin-right:var(--space-8)}.space-x-10>*+*{margin-right:var(--space-10)}.space-x-12>*+*{margin-right:var(--space-12)}.space-x-16>*+*{margin-right:var(--space-16)}.space-x-20>*+*{margin-right:var(--space-20)}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-20{gap:var(--space-20)}.gap-x-0{column-gap:0}.gap-x-1{column-gap:var(--space-1)}.gap-x-2{column-gap:var(--space-2)}.gap-x-3{column-gap:var(--space-3)}.gap-x-4{column-gap:var(--space-4)}.gap-x-5{column-gap:var(--space-5)}.gap-x-6{column-gap:var(--space-6)}.gap-x-8{column-gap:var(--space-8)}.gap-x-10{column-gap:var(--space-10)}.gap-x-12{column-gap:var(--space-12)}.gap-x-16{column-gap:var(--space-16)}.gap-x-20{column-gap:var(--space-20)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-5{row-gap:var(--space-5)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}.gap-y-10{row-gap:var(--space-10)}.gap-y-12{row-gap:var(--space-12)}.gap-y-16{row-gap:var(--space-16)}.gap-y-20{row-gap:var(--space-20)}.-m-1{margin:calc(-1 * var(--space-1))}.-m-2{margin:calc(-1 * var(--space-2))}.-m-3{margin:calc(-1 * var(--space-3))}.-m-4{margin:calc(-1 * var(--space-4))}.-m-5{margin:calc(-1 * var(--space-5))}.-m-6{margin:calc(-1 * var(--space-6))}.-m-8{margin:calc(-1 * var(--space-8))}.-m-10{margin:calc(-1 * var(--space-10))}.-m-12{margin:calc(-1 * var(--space-12))}.-m-16{margin:calc(-1 * var(--space-16))}.-m-20{margin:calc(-1 * var(--space-20))}.-mt-1{margin-top:calc(-1 * var(--space-1))}.-mt-2{margin-top:calc(-1 * var(--space-2))}.-mt-3{margin-top:calc(-1 * var(--space-3))}.-mt-4{margin-top:calc(-1 * var(--space-4))}.-mt-5{margin-top:calc(-1 * var(--space-5))}.-mt-6{margin-top:calc(-1 * var(--space-6))}.-mt-8{margin-top:calc(-1 * var(--space-8))}.-mt-10{margin-top:calc(-1 * var(--space-10))}.-mt-12{margin-top:calc(-1 * var(--space-12))}.-mt-16{margin-top:calc(-1 * var(--space-16))}.-mt-20{margin-top:calc(-1 * var(--space-20))}.-mb-1{margin-bottom:calc(-1 * var(--space-1))}.-mb-2{margin-bottom:calc(-1 * var(--space-2))}.-mb-3{margin-bottom:calc(-1 * var(--space-3))}.-mb-4{margin-bottom:calc(-1 * var(--space-4))}.-mb-5{margin-bottom:calc(-1 * var(--space-5))}.-mb-6{margin-bottom:calc(-1 * var(--space-6))}.-mb-8{margin-bottom:calc(-1 * var(--space-8))}.-mb-10{margin-bottom:calc(-1 * var(--space-10))}.-mb-12{margin-bottom:calc(-1 * var(--space-12))}.-mb-16{margin-bottom:calc(-1 * var(--space-16))}.-mb-20{margin-bottom:calc(-1 * var(--space-20))}.-ml-1{margin-left:calc(-1 * var(--space-1))}.-ml-2{margin-left:calc(-1 * var(--space-2))}.-ml-3{margin-left:calc(-1 * var(--space-3))}.-ml-4{margin-left:calc(-1 * var(--space-4))}.-ml-5{margin-left:calc(-1 * var(--space-5))}.-ml-6{margin-left:calc(-1 * var(--space-6))}.-ml-8{margin-left:calc(-1 * var(--space-8))}.-ml-10{margin-left:calc(-1 * var(--space-10))}.-ml-12{margin-left:calc(-1 * var(--space-12))}.-ml-16{margin-left:calc(-1 * var(--space-16))}.-ml-20{margin-left:calc(-1 * var(--space-20))}.-mr-1{margin-right:calc(-1 * var(--space-1))}.-mr-2{margin-right:calc(-1 * var(--space-2))}.-mr-3{margin-right:calc(-1 * var(--space-3))}.-mr-4{margin-right:calc(-1 * var(--space-4))}.-mr-5{margin-right:calc(-1 * var(--space-5))}.-mr-6{margin-right:calc(-1 * var(--space-6))}.-mr-8{margin-right:calc(-1 * var(--space-8))}.-mr-10{margin-right:calc(-1 * var(--space-10))}.-mr-12{margin-right:calc(-1 * var(--space-12))}.-mr-16{margin-right:calc(-1 * var(--space-16))}.-mr-20{margin-right:calc(-1 * var(--space-20))}@media (max-width: 640px){.p-0-sm{padding:0}.p-4-sm{padding:var(--space-4)}.p-6-sm{padding:var(--space-6)}.m-0-sm{margin:0}.m-4-sm{margin:var(--space-4)}.m-6-sm{margin:var(--space-6)}.gap-2-sm{gap:var(--space-2)}.gap-4-sm{gap:var(--space-4)}.gap-6-sm{gap:var(--space-6)}}@media (min-width: 1024px){.p-8-lg{padding:var(--space-8)}.p-12-lg{padding:var(--space-12)}.p-16-lg{padding:var(--space-16)}.m-8-lg{margin:var(--space-8)}.m-12-lg{margin:var(--space-12)}.m-16-lg{margin:var(--space-16)}.gap-8-lg{gap:var(--space-8)}.gap-12-lg{gap:var(--space-12)}.gap-16-lg{gap:var(--space-16)}}.collapse-margins>*{margin-top:0;margin-bottom:0}.collapse-margins>*+*{margin-top:var(--space-4)}.section-spacing{padding:var(--space-12) 0}.section-spacing-sm{padding:var(--space-8) 0}.section-spacing-lg{padding:var(--space-16) 0}.section-spacing-xl{padding:var(--space-20) 0}@media (max-width: 768px){.section-spacing{padding:var(--space-8) 0}.section-spacing-sm{padding:var(--space-6) 0}.section-spacing-lg{padding:var(--space-10) 0}.section-spacing-xl{padding:var(--space-12) 0}}:root{--breakpoint-xs: 320px;--breakpoint-sm: 375px;--breakpoint-md: 425px;--breakpoint-lg: 768px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1440px;--breakpoint-3xl: 1920px}.responsive-container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 375px){.responsive-container{padding:0 var(--space-5)}}@media (min-width: 768px){.responsive-container{padding:0 var(--space-6)}}@media (min-width: 1024px){.responsive-container{padding:0 var(--space-8)}}@media (min-width: 1440px){.responsive-container{max-width:1400px}}@media (min-width: 1920px){.responsive-container{max-width:1600px;padding:0 var(--space-10)}}.responsive-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 768px){.responsive-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}}@media (min-width: 1440px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.responsive-flex{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.responsive-flex{flex-direction:row;gap:var(--space-6)}}.text-responsive{text-align:center}@media (min-width: 768px){.text-responsive{text-align:right}}.hidden-xs{display:none}@media (min-width: 375px){.hidden-xs{display:revert}}.visible-xs{display:block}@media (min-width: 375px){.visible-xs{display:none}}.hidden-sm{display:none}@media (min-width: 425px){.hidden-sm{display:revert}}.visible-sm{display:block}@media (min-width: 425px){.visible-sm{display:none}}.hidden-md{display:none}@media (min-width: 768px){.hidden-md{display:revert}}.visible-md{display:block}@media (min-width: 768px){.visible-md{display:none}}.hidden-lg{display:none}@media (min-width: 1024px){.hidden-lg{display:revert}}.visible-lg{display:block}@media (min-width: 1024px){.visible-lg{display:none}}.hidden-xl{display:none}@media (min-width: 1440px){.hidden-xl{display:revert}}.visible-xl{display:block}@media (min-width: 1440px){.visible-xl{display:none}}.layout-mobile{display:block}@media (min-width: 768px){.layout-mobile{display:none}}.layout-desktop{display:none}@media (min-width: 768px){.layout-desktop{display:block}}.responsive-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.responsive-sidebar.open{transform:translate(0)}@media (min-width: 1024px){.responsive-sidebar{position:relative;background:transparent;transform:none;z-index:auto}}.no-overflow{overflow-x:hidden}.safe-area{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.safe-area-horizontal{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-vertical{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-1-1{aspect-ratio:1/1}.aspect-ratio-3-2{aspect-ratio:3/2}.responsive-card-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 425px){.responsive-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.responsive-card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.responsive-card-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1440px){.responsive-card-grid{grid-template-columns:repeat(5,1fr)}}.responsive-form{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.responsive-form{max-width:600px;margin:0 auto}}@media (min-width: 1024px){.responsive-form{max-width:800px}}.responsive-form-row{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.responsive-form-row{flex-direction:row;gap:var(--space-6)}}.responsive-form-row>*{flex:1}.responsive-nav{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width: 768px){.responsive-nav{flex-direction:row;gap:var(--space-6)}}.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--surface-200)}.responsive-table table{width:100%;min-width:600px}@media (min-width: 768px){.responsive-table{border-radius:12px}}.responsive-img{width:100%;height:auto;object-fit:cover}.responsive-img-contain{width:100%;height:auto;object-fit:contain}.responsive-video{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.responsive-video iframe,.responsive-video video,.responsive-video object,.responsive-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media print{.no-print{display:none!important}.print-only{display:block!important}.responsive-container{max-width:none!important;padding:0!important}.responsive-grid,.responsive-flex{display:block!important}.responsive-grid>*,.responsive-flex>*{display:block!important;margin-bottom:1rem!important}}@media (prefers-contrast: high){.responsive-container{border:1px solid currentColor}.responsive-card-grid>*{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.responsive-sidebar{transition:none}.responsive-sidebar.open{transform:none}}:root{--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-soft: cubic-bezier(.4, 0, .2, 1);--motion-duration-fast: .16s;--motion-duration-base: .28s;--motion-duration-slow: .38s}.route-motion-shell{animation:motion-route-in var(--motion-duration-slow) var(--motion-ease-standard);will-change:opacity,translate}@keyframes motion-route-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.motion-reveal{opacity:0;translate:0 20px;transition:opacity .42s var(--motion-ease-standard),translate .42s var(--motion-ease-standard);transition-delay:var(--motion-delay, 0ms);will-change:opacity,translate}.motion-reveal.is-visible{opacity:1;translate:0 0}.motion-click{position:relative;overflow:hidden;transition:translate var(--motion-duration-base) var(--motion-ease-soft),box-shadow var(--motion-duration-base) var(--motion-ease-soft),filter var(--motion-duration-fast) var(--motion-ease-soft)}.motion-click:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.35),transparent 65%);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-soft);pointer-events:none}.motion-click:active:before{opacity:1}.motion-link{position:relative}.motion-link:after{content:"";position:absolute;right:0;bottom:-.15rem;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}.motion-link:hover:after,.motion-link:focus-visible:after{transform:scaleX(1);transform-origin:left center}.motion-magnetic{translate:var(--magnetic-x, 0) var(--magnetic-y, 0);transition:translate .22s var(--motion-ease-standard),box-shadow .22s var(--motion-ease-standard)}.ms-hero__banner-img{animation:motion-hero-float 5.8s ease-in-out infinite;will-change:transform}@keyframes motion-hero-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-6px,0) scale(1.01)}}.ms-hero__headline{background:linear-gradient(105deg,#fff 12%,#ffe6a1 48%,#fff 82%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:motion-headline-shimmer 7s var(--motion-ease-standard) infinite}@keyframes motion-headline-shimmer{0%{background-position:160% center}to{background-position:-80% center}}.ms-features__item.motion-reveal .ms-features__icon{opacity:0;scale:.9;transition:opacity .32s var(--motion-ease-standard),scale .32s var(--motion-ease-standard)}.ms-features__item.motion-reveal.is-visible .ms-features__icon{opacity:1;scale:1}.ps-card.motion-tilt{transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d}.ps-card.motion-tilt:hover{transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-6px)}.ps-card,.pc,.blog-card,.related-card,.home-cta__product,.cp-info-card{transition-timing-function:var(--motion-ease-standard)}.blog-card:active,.related-card:active,.home-cta__product:active{scale:.985}.blog-detail-page .article-image.motion-reveal img{opacity:.001;transform:scale(1.04);transition:transform .7s var(--motion-ease-standard),opacity .7s var(--motion-ease-standard)}.blog-detail-page .article-image.motion-reveal.is-visible img{opacity:1;transform:scale(1)}.blog-detail-page .article-content p.motion-reveal{transition-duration:.36s}.cp-form-card.motion-reveal{--motion-delay: 80ms}.cp-info-card.motion-reveal{--motion-delay: .12s}@media (hover: hover) and (pointer: fine){.motion-click:hover{translate:0 -2px}}@media (prefers-reduced-motion: reduce){.route-motion-shell{animation:none}.motion-reveal,.motion-reveal.is-visible{opacity:1;translate:0 0;transition:none}.motion-magnetic,.ps-card.motion-tilt,.ps-card.motion-tilt:hover{translate:0 0;transform:none}.ms-hero__banner-img,.ms-hero__headline{animation:none}.motion-click,.motion-link:after{transition:none}.pp-cat-item.pp-cat-item--removing,.pp-sort-select:focus,.pp-grid>.pc,.pp-grid.is-refreshing>.pc,.pc__add-btn.added:after,.pc__added-icon,.ps-card__cart-overlay--added,.ps-card__cart-btn--added,.cp-field__input-wrap--error,.cp-submit-btn__spinner,.cp-submit-btn__success-icon,.cp-success-banner__icon{animation:none!important}.blog-card:active,.related-card:active,.home-cta__product:active{transform:none;scale:1}}:root{--text-xs: clamp(.625rem, 1.5vw, .75rem);--text-sm: clamp(.75rem, 1.75vw, .875rem);--text-base: clamp(.875rem, 2vw, 1rem);--text-lg: clamp(1rem, 2.25vw, 1.125rem);--text-xl: clamp(1.125rem, 2.5vw, 1.25rem);--text-2xl: clamp(1.25rem, 3vw, 1.5rem);--text-3xl: clamp(1.5rem, 3.5vw, 1.875rem);--text-4xl: clamp(1.875rem, 4vw, 2.25rem);--text-5xl: clamp(2.25rem, 5vw, 3rem);--text-6xl: clamp(3rem, 6vw, 4rem);--leading-tight: clamp(1.125, 1.2, 1.25);--leading-normal: clamp(1.4, 1.5, 1.6);--leading-relaxed: clamp(1.6, 1.7, 1.75);--leading-loose: clamp(1.75, 1.9, 2);--space-1: clamp(.25rem, .5vw, .5rem);--space-2: clamp(.5rem, 1vw, .75rem);--space-3: clamp(.75rem, 1.5vw, 1rem);--space-4: clamp(1rem, 2vw, 1.5rem);--space-5: clamp(1.25rem, 2.5vw, 2rem);--space-6: clamp(1.5rem, 3vw, 2.5rem);--space-8: clamp(2rem, 4vw, 3rem);--space-10: clamp(2.5rem, 5vw, 4rem);--space-12: clamp(3rem, 6vw, 5rem);--space-16: clamp(4rem, 8vw, 6rem);--space-20: clamp(5rem, 10vw, 8rem);--container-sm: 100%;--container-md: clamp(640px, 90vw, 768px);--container-lg: clamp(768px, 85vw, 1024px);--container-xl: clamp(1024px, 80vw, 1280px);--container-2xl: clamp(1280px, 75vw, 1440px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-size:var(--text-base);line-height:var(--leading-normal);color:#1a202c;background:#fff}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-overflow-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-overflow-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}@media (min-width: 1280px){.container{max-width:var(--container-2xl)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-tight);color:#1a202c;margin-bottom:var(--space-4);word-wrap:break-word;overflow-wrap:break-word}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}@media (min-width: 1024px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}}p{line-height:var(--leading-relaxed);margin-bottom:var(--space-4);word-wrap:break-word;overflow-wrap:break-word}a{color:#3182ce;text-decoration:none;transition:color .2s ease}a:hover{color:#2c5282}*:focus-visible{outline:2px solid #3182ce;outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:6px;background:#3182ce;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-to-content:focus{top:6px}#root{min-height:100vh}
