.product-box{border-radius:15px;transition:all 0.3s ease;border:1px solid #f1ede9;overflow:hidden;background:#fff}.product-box:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(179, 138, 97, 0.1);border-color:var(--btn-color)}.btn-primary{border-radius:50px !important;text-transform:uppercase;font-weight:600;letter-spacing:0.5px;transition:0.4s;border:none !important}.btn-primary:hover{background-color:#8e6d4b !important;box-shadow:0 4px 15px rgba(179, 138, 97, 0.3)}.header{backdrop-filter:blur(10px);background-color:rgba(255, 255, 255, 0.9) !important;border-bottom:1px solid rgba(204, 164, 122, 0.2)}#side-menu{background-color:#ffffff;border-left:1px solid #f1ede9}.menu-link a{font-weight:500;color:#444;transition:0.3s}.menu-link a:hover{color:var(--btn-color);padding-right:10px}.item-slider{position:relative;border-radius:20px;overflow:hidden;margin:10px}.content-slider{background:linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);height:100%;display:flex;align-items:center}.content-slider .text h2{font-size:2.5rem;color:#b38a61;font-weight:800;margin-bottom:15px}.content-slider .text p{font-size:1.2rem;color:#555;max-width:400px}<style>
.bottom-brand-banner{padding:80px 0;background-color:#fcfaf8;direction:rtl;overflow:hidden}.brand-content{padding-right:20px}.brand-title{font-family:'Cairo', sans-serif;color:#b38a61;font-weight:800;font-size:2.2rem;margin-bottom:20px}.brand-text{font-family:'Cairo', sans-serif;color:#555;line-height:1.8;font-size:1.1rem;margin-bottom:30px}.btn-brand-outline{border:2px solid #b38a61;color:#b38a61;padding:10px 35px;border-radius:50px;font-weight:700;transition:all 0.3s ease;text-decoration:none;display:inline-block}.btn-brand-outline:hover{background-color:#b38a61;color:#fff;transform:translateY(-3px)}.brand-image-wrapper{position:relative;border-radius:30px;box-shadow:20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff}.brand-img{border-radius:30px;transition:transform 0.5s ease}.brand-image-wrapper:hover .brand-img{transform:scale(1.05)}@media (max-width:768px){.brand-title{font-size:1.8rem;text-align:center}.brand-text{text-align:center}.brand-content{text-align:center;padding:0}}<style> .custom-hero-banner{padding:60px 0;background-color:#ffffff;direction:rtl}.banner-wrapper{background:#fff;border-radius:25px;padding:40px;box-shadow:0 10px 30px rgba(179, 138, 97, 0.08);border:1px solid rgba(179, 138, 97, 0.1);overflow:hidden}.banner-title{font-family:'Cairo', sans-serif;color:#b38a61;font-weight:800;font-size:2.5rem;margin-bottom:20px}.banner-desc{font-family:'Cairo', sans-serif;color:#555;font-size:1.2rem;line-height:1.8;margin-bottom:30px}.btn-main{background-color:#b38a61;color:#fff !important;padding:12px 40px;border-radius:50px;font-weight:700;text-decoration:none;transition:0.3s ease;display:inline-block;box-shadow:0 4px 15px rgba(179, 138, 97, 0.3)}.btn-main:hover{background-color:#8e6d4b;transform:translateY(-3px);box-shadow:0 6px 20px rgba(179, 138, 97, 0.4)}.banner-img-fluid{width:100%;height:auto;border-radius:20px;transition:transform 0.5s ease}.banner-wrapper:hover .banner-img-fluid{transform:scale(1.03)}@media (max-width:768px){.banner-wrapper{padding:25px;text-align:center}.banner-title{font-size:1.8rem}.text-section{order:2;margin-top:20px}.image-section{order:1}}