:root{--primary-color:#0A1F8F;--secondary-color:#2A4DFF;--accent-color:#D4AF37;--accent-light:#F2D27A;--text-main:#0A0E1A;--text-gray:#6B7280;--card-border:#E5E7EB;--card-hover-bg:#F2F4FF;--white:#ffffff;--bg-gray:#F9FAFB;--font-main:'Cairo', sans-serif}.custom-homepage-wrapper{font-family:var(--font-main);width:100%;overflow-x:hidden;color:var(--text-main);box-sizing:border-box}.custom-homepage-wrapper *,.custom-homepage-wrapper *::before,.custom-homepage-wrapper *::after{box-sizing:border-box}.custom-homepage-wrapper a{text-decoration:none!important;color:inherit;transition:all 0.3s ease}.custom-homepage-wrapper img{max-width:100%;height:auto;display:block}.container-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hero-container{width:100%;padding:1rem 0 2rem;background:var(--white)}.hero-section{position:relative;width:100%;max-width:1400px;margin:0 auto;height:360px;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){.hero-section{height:550px}.hero-container{padding:1rem 1rem 2rem}}@media (min-width:1024px){.hero-section{height:650px}}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(10 31 143 / .8);z-index:1}.hero-content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem}@media (min-width:768px){.hero-content{padding:2.5rem 5rem}}.hero-text{max-width:56rem;color:var(--white)}.hero-text h1{margin-bottom:1.5rem;line-height:1.3}.hero-text .main-title{display:block;font-weight:900;font-size:3rem;margin-bottom:1rem;color:var(--white)}.hero-text .sub-title{display:block;font-weight:700;font-size:1.875rem;color:var(--accent-color)}.hero-desc{font-size:1.25rem;font-weight:500;line-height:1.6;color:#f3f4f6;text-shadow:0 4px 6px rgb(0 0 0 / .1);margin:0}@media (min-width:768px){.hero-text .main-title{font-size:4.5rem}.hero-text .sub-title{font-size:3rem}.hero-desc{font-size:1.875rem}}@media (min-width:1024px){.hero-text .main-title{font-size:6rem}.hero-text .sub-title{font-size:3.75rem}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:20;color:var(--white);opacity:.8;display:none}@media (min-width:768px){.scroll-indicator{display:block;font-size:1.875rem}}.categories-section{padding:3rem 0;background-color:var(--bg-gray)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width:768px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(6,1fr)}}.category-card{background:var(--white);border:1px solid var(--card-border);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card:hover{border-color:var(--secondary-color);box-shadow:0 10px 15px -3px rgb(0 0 0 / .1);transform:translateY(-4px)}.category-card .cat-img-wrap{width:100%;height:6rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.category-card .cat-img-wrap img{height:100%;width:auto;object-fit:contain}.category-card .cat-title{font-weight:700;color:var(--text-main);white-space:nowrap;font-size:1rem;transition:color 0.3s}@media (min-width:768px){.category-card .cat-title{font-size:1.125rem}}.category-card:hover .cat-title{color:var(--primary-color)}.products-section{padding:3rem 0;background:var(--white)}.products-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.product-card{background:var(--white);border:1px solid var(--card-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;text-align:right;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.product-card:hover{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1)}.product-body{padding:1.5rem;padding-bottom:.75rem;display:flex;flex-direction:row-reverse;align-items:center;gap:1rem}.product-image-area{position:relative;flex-shrink:0;width:8rem}@media (min-width:768px){.product-image-area{width:10rem}}.badge{position:absolute;top:-.5rem;right:0;color:var(--white);font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);z-index:10}.badge.accent{background-color:var(--accent-color)}.product-info{flex:1}.product-info h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem 0}.product-info p{color:var(--text-gray);font-size:1rem;line-height:1.6;margin:0}@media (min-width:768px){.product-info h3{font-size:1.5rem}.product-info p{font-size:1.125rem}}.product-footer{padding:0 1.5rem 1.5rem;margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.price{font-weight:900;font-size:1.5rem;color:var(--primary-color)}.price span{font-size:.875rem;font-weight:400;color:#6b7280}@media (min-width:768px){.price{font-size:1.875rem}}.btn-primary{background-color:var(--primary-color);color:var(--white);padding:.75rem 2rem;border-radius:.5rem;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1);transition:background-color 0.3s;width:50%}@media (min-width:768px){.btn-primary{width:auto;font-size:1.125rem}}.product-card:hover .btn-primary{background-color:#091A78}.features-section{padding:4rem 0;background-color:var(--primary-color)}.section-header{text-align:center;margin-bottom:2.5rem;padding:0 1rem}.section-header h2{font-size:1.875rem;font-weight:900;margin-bottom:1rem;color:var(--text-main)}.section-header.text-white h2{color:var(--white)}.section-header .text-accent{color:var(--accent-color)}.section-header .text-gray{color:var(--text-gray)}.section-header p{font-size:1.125rem;max-width:48rem;margin:0 auto;line-height:1.6;color:#e5e7eb}.section-header .text-gray{color:var(--text-gray)}@media (min-width:768px){.section-header h2{font-size:3rem}.section-header p{font-size:1.25rem}}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:#EBF2FF;border-radius:1rem;padding:2rem;display:flex;flex-direction:column;gap:1rem;text-align:right;transition:transform 0.3s,box-shadow 0.3s}.feature-card:hover{transform:translateY(-.5rem);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1)}.feature-head{display:flex;align-items:center;gap:.75rem}.icon-box{width:3rem;height:3rem;border-radius:9999px;background-color:var(--secondary-color);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box i{font-size:1.25rem}.feature-head h3{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:0}.feature-card p{margin:0;font-size:1rem;color:#374151;line-height:1.6}.pouches-section{padding:3rem 0;background-color:var(--bg-gray)}.pouches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:768px){.pouches-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.pouch-item{display:block;overflow:hidden;border-radius:.75rem;border:1px solid var(--card-border);background:var(--white);box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);transition:all 0.3s}.pouch-item:hover{border-color:rgb(10 31 143 / .5);box-shadow:0 10px 15px -3px rgb(0 0 0 / .1);transform:translateY(-.25rem)}.pouch-item img{width:100%;height:auto;object-fit:contain;transition:transform 0.5s}.pouch-item:hover img{transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%{transform:translate(-50%,-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translate(-50%,0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-fade-up{animation:fadeInUp 1s ease-out forwards;animation-delay:0.2s;opacity:0}.animate-bounce{animation:bounce 2s infinite}