.h1{
    font-size: 47px ;
    text-align: center;
    line-height: 65px ;
}
.pt25{padding-top: 25px;}

@media (max-width: 768px) {
    .h1{
        font-size: 38px;
        line-height: 50px;
    }
}

@media (max-width: 640px) {
    .h1 {
        font-size: 29px;
        line-height: 33px;
    }
}

#scrollToTop{display:none;position: fixed;bottom: 20px;right: 15px;padding: 12px 20px;font-size: 16px;background-color: rgba(0, 0, 0, 0.6);color: white;border: none;border-radius: 15px;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;transition: background-color 0.3s, transform 0.2s;opacity: 1;visibility: visible;z-index: 1000;}
#scrollToTop:hover{background-color: rgba(0, 0, 0, 0.9);}

@media (max-width: 768px) {
    #scrollToTop{
        display:block;
    }
}

.relative{position:relative}
.absolute{position:absolute}
.inherit{position:inherit}
.initial{position:initial}
.sticky{position:sticky}
.fixed{position:fixed}

.flex{display:flex}
.flex.row{flex-direction:row}
.flex.row-reverse{flex-direction:row-reverse}
.flex.column{flex-direction:column}
.flex.column-reverse{flex-direction:column-reverse}

.flex.wrap{flex-wrap:wrap}
.flex.nowrap{flex-wrap:nowrap}
.flex.wrap-reverse{flex-wrap:wrap-reverse}

.flex.baseline{align-items:baseline}
.flex.center{align-items:center}
.flex.start{align-items:start}
.flex.fstart{align-items:flex-start}
.flex.end{align-items:end}
.flex.fend{align-items:flex-end}
.flex.stretch{align-items:stretch}

.flex.jcenter{justify-content:center}
.flex.jend{justify-content:end}
.flex.jfend{justify-content:flex-end}
.flex.jstart{justify-content:start}
.flex.jfstart{justify-content:flex-start}
.flex.jstretch{justify-content:stretch}

.flex.between{justify-content:space-between}
.flex.around{justify-content:space-around}
.flex.evenly{justify-content:space-evenly}

/* flex-grow от 0 до 15 */
.flex.grow0{flex-grow:0}.flex.grow1{flex-grow:1}.flex.grow2{flex-grow:2}.flex.grow3{flex-grow:3}.flex.grow4{flex-grow:4}.flex.grow5{flex-grow:5}.flex.grow6{flex-grow:6}.flex.grow7{flex-grow:7}.flex.grow8{flex-grow:8}.flex.grow9{flex-grow:9}.flex.grow10{flex-grow:10}.flex.grow10{flex-grow:10}.flex.grow11{flex-grow:11}.flex.grow12{flex-grow:12}.flex.grow13{flex-grow:13}.flex.grow14{flex-grow:14}.flex.grow15{flex-grow:15}
/* flex-size от 0 до 50 */
.f0{font-size:0px}.f1{font-size:1px}.f2{font-size:2px}.f3{font-size:3px}.f4{font-size:4px}.f5{font-size:5px}.f6{font-size:6px}.f7{font-size:7px}.f8{font-size:8px}.f9{font-size:9px}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f23{font-size:23px}.f24{font-size:24px}.f25{font-size:25px}.f26{font-size:26px}.f27{font-size:27px}.f28{font-size:28px}.f29{font-size:29px}.f30{font-size:30px}.f31{font-size:31px}.f32{font-size:32px}.f33{font-size:33px}.f34{font-size:34px}.f35{font-size:35px}.f36{font-size:36px}.f37{font-size:37px}.f38{font-size:38px}.f39{font-size:39px}.f40{font-size:40px}.f41{font-size:41px}.f42{font-size:42px}.f43{font-size:43px}.f44{font-size:44px}.f45{font-size:45px}.f46{font-size:46px}.f47{font-size:47px}.f48{font-size:48px}.f49{font-size:49px}.f50{font-size:50px}
/* padding от 0 до 30 AND padding от 35 каждый 5 до 100*/
.p0{padding:0px}.pt0{padding-top:0px}.pr0{padding-right:0px}.pb0{padding-bottom:0px}.pl0{padding-left:0px}.p1{padding:1px}.pt1{padding-top:1px}.pr1{padding-right:1px}.pb1{padding-bottom:1px}.pl1{padding-left:1px}.p2{padding:2px}.pt2{padding-top:2px}.pr2{padding-right:2px}.pb2{padding-bottom:2px}.pl2{padding-left:2px}.p3{padding:3px}.pt3{padding-top:3px}.pr3{padding-right:3px}.pb3{padding-bottom:3px}.pl3{padding-left:3px}.p4{padding:4px}.pt4{padding-top:4px}.pr4{padding-right:4px}.pb4{padding-bottom:4px}.pl4{padding-left:4px}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.p6{padding:6px}.pt6{padding-top:6px}.pr6{padding-right:6px}.pb6{padding-bottom:6px}.pl6{padding-left:6px}.p7{padding:7px}.pt7{padding-top:7px}.pr7{padding-right:7px}.pb7{padding-bottom:7px}.pl7{padding-left:7px}.p8{padding:8px}.pt8{padding-top:8px}.pr8{padding-right:8px}.pb8{padding-bottom:8px}.pl8{padding-left:8px}.p9{padding:9px}.pt9{padding-top:9px}.pr9{padding-right:9px}.pb9{padding-bottom:9px}.pl9{padding-left:9px}.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.p11{padding:11px}.pt11{padding-top:11px}.pr11{padding-right:11px}.pb11{padding-bottom:11px}.pl11{padding-left:11px}.p12{padding:12px}.pt12{padding-top:12px}.pr12{padding-right:12px}.pb12{padding-bottom:12px}.pl12{padding-left:12px}.p13{padding:13px}.pt13{padding-top:13px}.pr13{padding-right:13px}.pb13{padding-bottom:13px}.pl13{padding-left:13px}.p14{padding:14px}.pt14{padding-top:14px}.pr14{padding-right:14px}.pb14{padding-bottom:14px}.pl14{padding-left:14px}.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.p16{padding:16px}.pt16{padding-top:16px}.pr16{padding-right:16px}.pb16{padding-bottom:16px}.pl16{padding-left:16px}.p17{padding:17px}.pt17{padding-top:17px}.pr17{padding-right:17px}.pb17{padding-bottom:17px}.pl17{padding-left:17px}.p18{padding:18px}.pt18{padding-top:18px}.pr18{padding-right:18px}.pb18{padding-bottom:18px}.pl18{padding-left:18px}.p19{padding:19px}.pt19{padding-top:19px}.pr19{padding-right:19px}.pb19{padding-bottom:19px}.pl19{padding-left:19px}.p20{padding:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.p21{padding:21px}.pt21{padding-top:21px}.pr21{padding-right:21px}.pb21{padding-bottom:21px}.pl21{padding-left:21px}.p22{padding:22px}.pt22{padding-top:22px}.pr22{padding-right:22px}.pb22{padding-bottom:22px}.pl22{padding-left:22px}.p23{padding:23px}.pt23{padding-top:23px}.pr23{padding-right:23px}.pb23{padding-bottom:23px}.pl23{padding-left:23px}.p24{padding:24px}.pt24{padding-top:24px}.pr24{padding-right:24px}.pb24{padding-bottom:24px}.pl24{padding-left:24px}.p25{padding:25px}.pt25{padding-top:25px}.pr25{padding-right:25px}.pb25{padding-bottom:25px}.pl25{padding-left:25px}.p26{padding:26px}.pt26{padding-top:26px}.pr26{padding-right:26px}.pb26{padding-bottom:26px}.pl26{padding-left:26px}.p27{padding:27px}.pt27{padding-top:27px}.pr27{padding-right:27px}.pb27{padding-bottom:27px}.pl27{padding-left:27px}.p28{padding:28px}.pt28{padding-top:28px}.pr28{padding-right:28px}.pb28{padding-bottom:28px}.pl28{padding-left:28px}.p29{padding:29px}.pt29{padding-top:29px}.pr29{padding-right:29px}.pb29{padding-bottom:29px}.pl29{padding-left:29px}.p30{padding:30px}.pt30{padding-top:30px}.pr30{padding-right:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}
.p35{padding:35px}.pt35{padding-top:35px}.pr35{padding-right:35px}.pb35{padding-bottom:35px}.pl35{padding-left:35px}.p40{padding:40px}.pt40{padding-top:40px}.pr40{padding-right:40px}.pb40{padding-bottom:40px}.pl40{padding-left:40px}.p45{padding:45px}.pt45{padding-top:45px}.pr45{padding-right:45px}.pb45{padding-bottom:45px}.pl45{padding-left:45px}.p50{padding:50px}.pt50{padding-top:50px}.pr50{padding-right:50px}.pb50{padding-bottom:50px}.pl50{padding-left:50px}.p55{padding:55px}.pt55{padding-top:55px}.pr55{padding-right:55px}.pb55{padding-bottom:55px}.pl55{padding-left:55px}.p60{padding:60px}.pt60{padding-top:60px}.pr60{padding-right:60px}.pb60{padding-bottom:60px}.pl60{padding-left:60px}.p65{padding:65px}.pt65{padding-top:65px}.pr65{padding-right:65px}.pb65{padding-bottom:65px}.pl65{padding-left:65px}.p70{padding:70px}.pt70{padding-top:70px}.pr70{padding-right:70px}.pb70{padding-bottom:70px}.pl70{padding-left:70px}.p75{padding:75px}.pt75{padding-top:75px}.pr75{padding-right:75px}.pb75{padding-bottom:75px}.pl75{padding-left:75px}.p80{padding:80px}.pt80{padding-top:80px}.pr80{padding-right:80px}.pb80{padding-bottom:80px}.pl80{padding-left:80px}.p85{padding:85px}.pt85{padding-top:85px}.pr85{padding-right:85px}.pb85{padding-bottom:85px}.pl85{padding-left:85px}.p90{padding:90px}.pt90{padding-top:90px}.pr90{padding-right:90px}.pb90{padding-bottom:90px}.pl90{padding-left:90px}.p95{padding:95px}.pt95{padding-top:95px}.pr95{padding-right:95px}.pb95{padding-bottom:95px}.pl95{padding-left:95px}.p100{padding:100px}.pt100{padding-top:100px}.pr100{padding-right:100px}.pb100{padding-bottom:100px}.pl100{padding-left:100px}

.m0{margin:0px}.mt0{margin-top:0px}.mr0{margin-right:0px}.mb0{margin-bottom:0px}.ml0{margin-left:0px}.m1{margin:1px}.mt1{margin-top:1px}.mr1{margin-right:1px}.mb1{margin-bottom:1px}.ml1{margin-left:1px}.m2{margin:2px}.mt2{margin-top:2px}.mr2{margin-right:2px}.mb2{margin-bottom:2px}.ml2{margin-left:2px}.m3{margin:3px}.mt3{margin-top:3px}.mr3{margin-right:3px}.mb3{margin-bottom:3px}.ml3{margin-left:3px}.m4{margin:4px}.mt4{margin-top:4px}.mr4{margin-right:4px}.mb4{margin-bottom:4px}.ml4{margin-left:4px}.m5{margin:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.m6{margin:6px}.mt6{margin-top:6px}.mr6{margin-right:6px}.mb6{margin-bottom:6px}.ml6{margin-left:6px}.m7{margin:7px}.mt7{margin-top:7px}.mr7{margin-right:7px}.mb7{margin-bottom:7px}.ml7{margin-left:7px}.m8{margin:8px}.mt8{margin-top:8px}.mr8{margin-right:8px}.mb8{margin-bottom:8px}.ml8{margin-left:8px}.m9{margin:9px}.mt9{margin-top:9px}.mr9{margin-right:9px}.mb9{margin-bottom:9px}.ml9{margin-left:9px}.m10{margin:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.m11{margin:11px}.mt11{margin-top:11px}.mr11{margin-right:11px}.mb11{margin-bottom:11px}.ml11{margin-left:11px}.m12{margin:12px}.mt12{margin-top:12px}.mr12{margin-right:12px}.mb12{margin-bottom:12px}.ml12{margin-left:12px}.m13{margin:13px}.mt13{margin-top:13px}.mr13{margin-right:13px}.mb13{margin-bottom:13px}.ml13{margin-left:13px}.m14{margin:14px}.mt14{margin-top:14px}.mr14{margin-right:14px}.mb14{margin-bottom:14px}.ml14{margin-left:14px}.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.m16{margin:16px}.mt16{margin-top:16px}.mr16{margin-right:16px}.mb16{margin-bottom:16px}.ml16{margin-left:16px}.m17{margin:17px}.mt17{margin-top:17px}.mr17{margin-right:17px}.mb17{margin-bottom:17px}.ml17{margin-left:17px}.m18{margin:18px}.mt18{margin-top:18px}.mr18{margin-right:18px}.mb18{margin-bottom:18px}.ml18{margin-left:18px}.m19{margin:19px}.mt19{margin-top:19px}.mr19{margin-right:19px}.mb19{margin-bottom:19px}.ml19{margin-left:19px}.m20{margin:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.m21{margin:21px}.mt21{margin-top:21px}.mr21{margin-right:21px}.mb21{margin-bottom:21px}.ml21{margin-left:21px}.m22{margin:22px}.mt22{margin-top:22px}.mr22{margin-right:22px}.mb22{margin-bottom:22px}.ml22{margin-left:22px}.m23{margin:23px}.mt23{margin-top:23px}.mr23{margin-right:23px}.mb23{margin-bottom:23px}.ml23{margin-left:23px}.m24{margin:24px}.mt24{margin-top:24px}.mr24{margin-right:24px}.mb24{margin-bottom:24px}.ml24{margin-left:24px}.m25{margin:25px}.mt25{margin-top:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.ml25{margin-left:25px}.m26{margin:26px}.mt26{margin-top:26px}.mr26{margin-right:26px}.mb26{margin-bottom:26px}.ml26{margin-left:26px}.m27{margin:27px}.mt27{margin-top:27px}.mr27{margin-right:27px}.mb27{margin-bottom:27px}.ml27{margin-left:27px}.m28{margin:28px}.mt28{margin-top:28px}.mr28{margin-right:28px}.mb28{margin-bottom:28px}.ml28{margin-left:28px}.m29{margin:29px}.mt29{margin-top:29px}.mr29{margin-right:29px}.mb29{margin-bottom:29px}.ml29{margin-left:29px}.m30{margin:30px}.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}
.m35{margin:35px}.mt35{margin-top:35px}.mr35{margin-right:35px}.mb35{margin-bottom:35px}.ml35{margin-left:35px}.m40{margin:40px}.mt40{margin-top:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.m45{margin:45px}.mt45{margin-top:45px}.mr45{margin-right:45px}.mb45{margin-bottom:45px}.ml45{margin-left:45px}.m50{margin:50px}.mt50{margin-top:50px}.mr50{margin-right:50px}.mb50{margin-bottom:50px}.ml50{margin-left:50px}.m55{margin:55px}.mt55{margin-top:55px}.mr55{margin-right:55px}.mb55{margin-bottom:55px}.ml55{margin-left:55px}.m60{margin:60px}.mt60{margin-top:60px}.mr60{margin-right:60px}.mb60{margin-bottom:60px}.ml60{margin-left:60px}.m65{margin:65px}.mt65{margin-top:65px}.mr65{margin-right:65px}.mb65{margin-bottom:65px}.ml65{margin-left:65px}.m70{margin:70px}.mt70{margin-top:70px}.mr70{margin-right:70px}.mb70{margin-bottom:70px}.ml70{margin-left:70px}.m75{margin:75px}.mt75{margin-top:75px}.mr75{margin-right:75px}.mb75{margin-bottom:75px}.ml75{margin-left:75px}.m80{margin:80px}.mt80{margin-top:80px}.mr80{margin-right:80px}.mb80{margin-bottom:80px}.ml80{margin-left:80px}.m85{margin:85px}.mt85{margin-top:85px}.mr85{margin-right:85px}.mb85{margin-bottom:85px}.ml85{margin-left:85px}.m90{margin:90px}.mt90{margin-top:90px}.mr90{margin-right:90px}.mb90{margin-bottom:90px}.ml90{margin-left:90px}.m95{margin:95px}.mt95{margin-top:95px}.mr95{margin-right:95px}.mb95{margin-bottom:95px}.ml95{margin-left:95px}.m100{margin:100px}.mt100{margin-top:100px}.mr100{margin-right:100px}.mb100{margin-bottom:100px}.ml100{margin-left:100px}

/* width от 0 до 100 % */
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.wauto{width:auto}
.winit{width:initial}
.winh{width:inherit}

    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8); 
        display: none; 
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .modal-content {
        background-color: #1a1a1a; 
        color: #ffffff;
        padding: 30px;
        border-radius: 5px;
        text-align: center;
        max-width: 400px;
        width: 90%;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        transform: scale(0.9);
        opacity: 0;
        transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    }

    .modal-overlay.active {
        display: flex;
    }

    .modal-overlay.active .modal-content {
        transform: scale(1);
        opacity: 1;
    }

    .modal-buttons {
        margin-top: 20px;
        display: flex;
        justify-content: space-around;
        gap: 10px;
    }

    .modal-buttons button {
        padding: 10px 15px;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        font-weight: bold;
        flex-grow: 1;
    }

    .btn-continue {
        background-color: #444; 
        color: #fff;
    }

    .btn-cart {
        background-color: #CE8A37;
        color: #fff;
    }
    .flex.between.catalog-grid a{
        position: relative;
    }
    .flex.between.catalog-grid a:hover img{
        opacity: 0 ! important;
    }
    .flex.between.catalog-grid a:hover img.img-hover{
        opacity: 1 ! important;
    }

    

    @media (max-width: 768px) {
        .w32{
            width:49%
        }
    }

    @media (max-width: 640px) {
        .w32{
            width:91%
        }
        .flex.between.catalog-grid{
            justify-content: center;
        }
    }