/* Product pages share the homepage palette; all rules are scoped. */
.product-design{background:#f7f8fc;color:#18233f}
.product-design .main-product>.vectors{display:none}
.product-design .banner{min-height:0;padding:75px 0 85px;display:block;background:radial-gradient(ellipse at 15% 35%,#7160d866,transparent 50%),linear-gradient(125deg,#222053,#151b36 75%);border-radius:0 0 40px 40px;overflow:hidden}
.product-design .banner:before{background:radial-gradient(circle at 90% 0,#7866fb22,transparent 45%);backdrop-filter:none;pointer-events:none}
.product-design .banner :is(.vector1,.vector2,.wave-svg){display:none}
.product-design .banner .txt-banner{position:relative;top:auto;z-index:2}
.product-design .banner .txt-banner>.container>.row{align-items:center}
.product-design .banner .txt-banner .child-txt{width:50%;padding-left:32px}
.product-design .banner .child-txt h1{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.6;margin:24px 0;font-weight:900;letter-spacing:-1px}
.product-design .banner .child-txt h1:before{display:none}
.product-design .banner .child-txt p{font-size:17px;line-height:2.1;color:#c9cce0;max-width:520px}
.product-design .breadcrumb-me{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px}
.product-design .breadcrumb-me :is(a,span,i){color:#d6d1ff}
.product-design .banner .btns-banner{gap:12px;flex-wrap:wrap}
.product-design .banner .btns-banner :is(button,a){border-radius:12px;min-height:50px;padding:12px 22px;margin:0}
.product-design .banner .btns-banner :is(.btn-demo,.btn-demo2){background:#d8f58c;color:#18233f;font-weight:bold}
.product-design .banner .btns-banner #go-catalog{border:1px solid #ffffff40;background:#ffffff08;height:auto}
.product-design .banner .img-banner{width:50%;text-align:center}
.product-design .banner .img-banner img{width:100%;height:auto;max-height:480px;object-fit:contain;filter:drop-shadow(0 25px 35px #080c2933)}
.product-design .banner>.bg1{position:absolute;left:0;top:10%;width:48%;height:80%;object-fit:contain;margin:0;z-index:1}
.product-design .main-product :is(.section-feature,.section2,.sec1){background:#f7f8fc;padding:65px 0}
.product-design .main-product :is(.section-feature,.section2,.sec1):before,
.product-design .main-product .sec1>.movement{display:none}
.product-design .section-feature .title{margin-bottom:35px}
.product-design .section-feature .row{row-gap:24px}
.product-design .section-feature .box-feature{height:100%;padding:26px;background:#fff;border:1px solid #e4e7f1;border-radius:20px;box-shadow:0 10px 35px #25324f07;transition:transform .2s,box-shadow .2s}
.product-design .section-feature .box-feature:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 40px #25324f14}
.product-design .section-feature .box-feature h4,.product-design .section-feature .box-feature:hover h4{color:#18233f;font-weight:bold;line-height:1.8}
.product-design .section-feature .box-feature span{color:#616b80;line-height:2}
.product-design .section-feature .btn-more:before{display:none}
.product-design .section-feature .btn-more button{border:1px solid #ddd7f5;border-radius:12px;padding:12px 24px}
.product-design .main-product .section2 .box-p{width:100%;background:#fff;border:1px solid #e4e7f1;border-radius:24px;box-shadow:0 12px 40px #25324f08;padding:32px;margin:0 15px 25px;gap:30px}
.product-design .main-product .section2 .box-p .img{width:48%;padding:0}
.product-design .main-product .section2 .box-p .img img{width:100%;height:auto;border-radius:18px}
.product-design .main-product .section2 .box-p .text-p{width:52%;padding:0;direction:rtl}
.product-design .main-product .section2 .box-p .text-p p{font-size:16px;line-height:2;color:#616b80}
.product-design .tabs{max-width:1110px;margin:60px auto;padding:32px;border:1px solid #e4e7f1;border-radius:24px;background:#fff;box-shadow:0 12px 40px #25324f08}
.product-design .tabs h2{color:#18233f;line-height:1.8}
.product-design .tabs .tab-title{border-radius:12px;padding:16px;border:1px solid #e4e7f1;margin-bottom:10px;color:#475467}
.product-design .tabs .tab-title.active{background:#ece8fc;border-color:#c9bff1;color:#49349d}
.product-design .tabs .tab-title.active span{color:#49349d}
.product-design .tabs .tab-div-descriptions{padding:24px;line-height:2;background:#fafbfe;border-radius:18px}
.product-design .card-product{border:1px solid #e4e7f1;border-radius:24px;box-shadow:0 12px 40px #25324f08;overflow:hidden;background:#fff;color:#18233f}
.product-design .card-product img{border-radius:0;height:auto;width:100%}
.product-design .card-product .text{padding-inline:28px}
.product-design .card-product .text p{border-color:#e4e7f1;color:#616b80}
.product-design .card-product ul{padding-inline:28px}
.product-design .card-product ul li i{color:#6550cf}
.product-design .card-product .btns{padding:25px;gap:12px;flex-wrap:wrap}
.product-design .card-product .btns .btn-more-2{background:#6550cf;color:#fff!important;border:0!important;border-radius:12px}
.product-design .main-product .section3{padding:65px 0;background:radial-gradient(ellipse at 90% 10%,#d9d2ff,transparent 45%),#eef0fa;backdrop-filter:none}
.product-design .main-product .section3:before,.product-design .main-product .section3:after{display:none}
.product-design .main-product .section3 .customer-box{background:#fff;border:1px solid #e4e7f1;border-radius:22px;box-shadow:0 10px 35px #25324f07}
.product-design .main-product .section4{padding:65px 0}
.product-design .main-product .section4:before{display:none}
.product-design.product-cat>.banner{position:relative;text-align:center}
.product-design.product-cat .text-b{position:relative;z-index:2;color:#fff;width:100%}
.product-design.product-cat .text-b h1{font-size:clamp(2rem,3.5vw,3.3rem);font-weight:900}
.product-design.product-cat>.container{padding-top:55px;padding-bottom:65px}
.product-design.product-cat>.container>.row{gap:24px}
.product-design.product-cat>.container>.row>h2{width:100%;padding-inline:15px}
.product-design .category-box{width:calc(33.333% - 16px);min-width:0}
.product-design .category-box .child{display:flex;flex-direction:column;gap:20px;padding:25px;background:#fff;border:1px solid #e4e7f1;border-radius:22px;box-shadow:0 10px 35px #25324f07;color:#18233f;height:100%}
.product-design .category-box img{width:100%;height:220px;object-fit:contain;border-radius:14px}
.product-design .category-box span{font-size:20px;font-weight:bold}
.product-design .main-archive-product{padding-top:45px;padding-bottom:60px}
.product-design .product-wrapper{background:#fff;border:1px solid #e4e7f1;border-radius:22px;padding:20px;overflow:hidden}
@media(max-width:767px){
 .product-design .banner{padding:50px 0;border-radius:0 0 26px 26px}
 .product-design .banner .txt-banner .child-txt{width:100%;padding:0 15px;text-align:center}
 .product-design .banner .child-txt h1{letter-spacing:-.5px}
 .product-design .breadcrumb-me,.product-design .banner .btns-banner{justify-content:center}
 .product-design .banner .img-banner{width:100%;padding:25px 20px 0}
 .product-design .banner .img-banner img{max-height:330px}
 .product-design .banner>.bg1{position:relative;top:auto;left:auto;display:block;width:90%;height:auto;margin:25px auto 0}
 .product-design .banner:has(>.bg1){display:flex;flex-direction:column}
 .product-design .banner>.bg1{order:1}
 .product-design .main-product :is(.section-feature,.section2,.sec1){padding:45px 0}
 .product-design .section-feature .col-6{flex:0 0 100%;max-width:100%}
 .product-design .main-product .section2 .box-p{flex-wrap:wrap;padding:22px;gap:20px}
 .product-design .main-product .section2 .box-p :is(.img,.text-p){width:100%;padding:0}
 .product-design .tabs{margin:35px 15px;padding:20px}
 .product-design .tabs .tab-div-descriptions{padding:15px}
 .product-design .card-product{margin-bottom:24px}
 .product-design .category-box{width:100%;margin-inline:15px}
}