@charset "UTF-8";
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Light.woff2') format('woff2');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-Medium.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/Inter-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}

* {box-sizing: border-box; margin: 0; padding: 0;}
html {overflow-x: hidden; font-family: "Inter", sans-serif; font-size: 14px;}
body {overflow: hidden; min-height: 100vh; grid-template-rows: 1fr auto; font-size: 16px; background: #eee; cursor: default;}
.preload{width: 100%; background: #e1e1e1; overflow: hidden;}

.grid {display: grid;}
#loader {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000;}
a {text-decoration: none;}
img {width: 100%; height: auto;}
.back-img {background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;}
a, img {-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; outline: none;}

/*разметка контейнер*/
.container {max-width: 1400px; width: 100%; margin: 0 auto; display: block; padding: 0 10px;}
.item-10-b {grid-template-columns: 10% auto;}
.item-40-b {grid-template-columns: 40% auto;}
.item-b-26 {grid-template-columns: 1fr 26%;}


.breadcrumb{width: 100%; font-size: 14px; margin: 15px 0 0; color: #333; padding: 3px 10px; line-height: 1.6em; box-sizing: border-box; font-weight: 400; }
.breadcrumb a{color: #333; margin: 0 4px 0 0 ; text-decoration: none;}
.breadcrumb a:hover{text-decoration: underline;}
.breadcrumb span{margin: 0 4px 0 0 ;}

/*----------ТОП-ПАНЕЛЬ------------*/
.site-header{height: 100px;}
.header-area {position: fixed; width: 100%; z-index: 1; background: #fff; box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.05);}
.header-area.sticky {width: 100%; position: fixed; z-index: 999;}


#navbar {width: 100%;}
#navbar .top-panel {grid-template-columns: auto 1fr auto auto; gap: 20px; height: 100px; place-items: center; transition: all 0.3s;}

/*логотип*/
#navbar .logo span, #navbar .logo a {font-size: 50px; color: #000; font-style: italic; font-family: calibri; font-weight: bolder;}
#navbar .logo img{width: 60px;}
#navbar .logo{grid-template-columns: auto 1fr; gap: 15px; place-items: center;}

/*меню*/
#navbar .navigation-menu {list-style: none;}
#navbar .navigation-menu > li {display: inline-block; position: relative;}
#navbar .navigation-menu > li > a {display: block; position: relative; margin: 0 16px; text-decoration: none; outline: none; color: #000;}

/*поисковик*/
.search-block {padding-right: 20px;}
.search-btn{cursor: pointer;}

/*корзина*/
.bascet-icon{grid-template-columns: 1fr auto; color: #000; place-items: center;}
.bascet-icon img{width: 40px; height: 40px;}
.bascet-icon span{width: 30px; height: 30px; border-radius: 50%; margin: 0 0 0 5px; background: #df6d34; color: #fff; display: grid; place-items: center;}

@media (max-width: 985px) {
    .site-header{height: 80px;}
    #navbar .top-panel{height: 80px;}
    #navbar .logo img{width: 40px;}
    #navbar .logo span, #navbar .logo a {font-size: 36px;}
    #navbar .logo{gap: 10px;}    
}

@media (max-width: 768px) {
    .site-header{height: 60px;}
    .navigation-menu, .search-block a{display: none;}
    #navbar .top-panel{height: 60px;}
}

/*----------------------------ГЛАВНАЯ---------------------------------------*/
#news{padding: 20px 0 30px;}
#news h1{margin: 3vw 0 2vw; text-transform: uppercase; font-weight: 600; font-size: 40px; color: #444;}
#news .item-4x{grid-template-columns: repeat(4, 1fr);  gap: clamp(10px, 1.9vw, 30px);}
#news .item{grid-template-rows: 1fr auto; background: #fff; width: 100%; border-radius: 10px; padding: 20px;}
#news .info{color: #000;}
#news .img{width: 100%; aspect-ratio: 8 / 10; background: #ccc; border-radius: 8px;}
#news h2{margin: 0.1em 0 0.83em; font-size: 1.5em;}
#news .info p{margin: 10px 0 0; font-weight: normal; text-transform: uppercase; padding: 0; font-size: 20px;} 
#news .info span{font-size: 12px;}
#news .zakaz{grid-template-columns: auto 58%; place-items: center; width: 100%;}
#news .zakaz a {text-decoration: none; border-radius: 4px; font-size: 14px; color: #fff; width: 100%;
background: #FA8072; text-transform: uppercase; place-items: center; height: 30px;}
#news .zakaz span {color: #bbb; font-size: 12px;}

#banner{background: #f9f9f9; width: 100%; aspect-ratio: 1920/768;}
#banner img{margin: 0; padding: 0; display: block;}

.irt-1 {grid-template-columns: 1fr auto auto auto; place-items: center; align-items: center; gap: 1vw;}
.irt-1 svg{width: 40px;}
.irt-1 h1{margin: 0; padding: 0;}

@media (max-width: 1400px) {    
    #news h1{font-size: clamp(26px, 2.9vw, 40px);}
    #news .item{padding: clamp(10px, 1.5vw, 20px);}
    #news h2{font-size: clamp(18px, 1.7vw, 1.5em); line-height: 120%;}
    #news .info p{font-size: clamp(10px, 1.5vw, 20px); line-height: 120%;} 
    #news .info span{font-size: clamp(8px, 0.9vw, 12px);}
    #news .zakaz a {font-size: clamp(8px, 1vw, 14px); padding: 0 10px;}
    #news .zakaz span {font-size: clamp(8px, 0.9vw, 12px);}
}
@media (max-width: 1200px) {
    #news .item-4x{grid-template-columns: repeat(3, 1fr);}
    #news .item{padding: clamp(10px, 1.6vw, 20px);}
    #news h1{font-size: clamp(26px, 3.1vw, 40px);}
    #news h2{font-size: clamp(18px, 2.2vw, 1.5em);}
    #news .info p{font-size: clamp(10px, 1.8vw, 20px);} 
    #news .info span{font-size: clamp(8px, 1.1vw, 12px);}
    #news .zakaz a {font-size: clamp(8px, 1.2vw, 14px);}
    #news .zakaz span {font-size: clamp(8px, 1.3vw, 13px);}
}
@media (max-width: 985px) {
    #news .item-4x{grid-template-columns: repeat(2, 1fr);}
    #news .item{padding: clamp(10px, 2vw, 20px);}
    #news h1{font-size: clamp(26px, 3.5vw, 40px);}
    #news h2{font-size: clamp(18px, 3.2vw, 2em); margin: 0.2em 0 1.2em;}
    #news .info p{font-size: clamp(10px, 2.8vw, 26px);}
    #news .info span{font-size: clamp(8px, 1.6vw, 12px);}
    #news .zakaz a {font-size: clamp(8px, 1.5vw, 14px);}
    #news .zakaz span {font-size: clamp(8px, 1.7vw, 14px);}
}
@media (max-width: 768px) {
    #news .item-4x{grid-template-columns: repeat(2, 1fr);}
    #news h2{font-size: clamp(14px, 3.8vw, 40px);}
}


/*----------------------------СТРАНИЦА ТОВАРА-----------------------------------*/
#shopmerch .kart{margin: 30px 0 50px; align-items: start; border-radius: 10px; gap: clamp(40px, 3vw, 60px); grid-template-columns: 1fr 28%; background: #fff; padding: 4% 4%; box-sizing: border-box;}
#shopmerch h1{font-family: Inter; font-weight: 700; color: #444; margin: 15px 0 0; padding: 0;}
#shopmerch .cat span{color: #333; margin: 0; padding: 0; font-weight: 500;}
#shopmerch .cena p{font-size: 36px; font-weight: 600; color: #444; padding-bottom: 0; margin-top: 40px;}
#shopmerch .color{color: #444; margin-top: 20px; font-size: 14px;}
#shopmerch .descript{margin: 40px 0 10px; font-weight: 500; font-size: 14px;}
#shopmerch .text{color: #555; line-height: 140%; font-size: 14px;}
#shopmerch .photo {width: 100%; transition: all 0.3s; position: relative;}
#shopmerch .photo .galler{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 3vw, 20px);}
#shopmerch .photo .galler div{aspect-ratio: 8/12;}
#shopmerch .block-group{border: 1px solid #ccc; padding: 10px; margin: 20px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#shopmerch .block-group a{width: 100%; aspect-ratio: 80/120; background-size: cover !important; background-position: 50% 50% !important; display: inline-block;}
#shopmerch .block-group p{padding: 20px; text-align: center; color: #999;}

#shopmerch .razmer{border-collapse: collapse; overflow: hidden; margin-top: 30px; width: 100%; border-top: 1px solid #ccc; background: #fcfcfc;}
#shopmerch .razmer tr{border-bottom: 1px solid #ccc;}
#shopmerch .razmer .first th{padding: 5px; text-align: center; font-weight: 600; font-size: 16px;}
#shopmerch .razmer .str-1{padding: 5px; text-align: center; font-size: 18px; color: #333;}
#shopmerch .razmer .str-2{padding: 5px; text-align: center; font-size: 18px; color: #ff4757; font-weight: 600;}

#size-box{margin-top: 30px;}
#size-box .info{margin-right: 10px; font-size: 14px; color: #333;}
#size-box .none{color: #FF4500; font-size: 20px;} 
.size-item{display: inline-block; width: 40px; border-radius: 50px; text-align: center; padding: 5px 0; border: 1px #eee solid; margin-right: 5px; cursor: pointer; transition: all 0.3s;}
.size-item.active{background: #fc812e; color: #fff;}
.size-item:hover{background: #333; color: #fff;}

.but-corz{grid-template-columns: 160px auto; margin-top: 20px;}
.addbascet{grid-template-columns: repeat(3, 45px); place-items: center; }
.addbascet span{width: 100%; height: 45px; font-size: 18px; place-items: center; gap: 10px;}
.addbascet .cur{cursor: pointer; background: #eee;}
#but-add-basc{cursor: pointer; padding: 5px 0; transition: all 0.3s; background: #000; color: #fff; border-radius: 5px; place-items: center; }
#but-add-basc:hover{background: #000;}

@media (max-width: 985px) {
    #shopmerch .photo .galler{grid-template-columns: 1fr; gap: clamp(10px, 3vw, 20px);}
    #shopmerch .kart{border-radius: 0; gap: clamp(20px, 3vw, 30px); grid-template-columns: 1fr 35%;}    
}
@media (max-width: 768px) {
    #shopmerch .kart{grid-template-columns: 1fr;}    
    #shopmerch .photo {width: 100%; transition: all 0.3s; position: relative;}
    #shopmerch .photo>div{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; overflow-x:auto; line-height:1;}
    #shopmerch .photo>div::-webkit-scrollbar{display:none;}
    #shopmerch .photo .galler {display: grid; grid-auto-flow: column; justify-content: start; margin:0;padding:0; gap: clamp(20px, 3vw, 30px);}
    #shopmerch .photo .galler .item {width: 200px; aspect-ratio: 8/12; margin: 0;}
}
/*----------постраничная------------*/
.nav-arhive{border-top: 1px #ccc solid; padding: 30px 0; margin: 30px 10px 0;}
.emm-page{font-family: 'Oswald', sans-serif; margin: 0 10px;}
.emm-paginate a{text-decoration: none; color: #aaa; font-size: 30px;}
.emm-paginate a:hover{color: #777;}
.emm-current{color: #000; font-weight: bold; font-size: 50px;}



/*----------КОРЗИНА------------*/
#bascet{background: #fff; margin: 20px 0;}
.bascet-box{padding: 30px;}
.but-del{cursor: pointer;}
.item-basca{grid-template-columns: minmax(min-content, max-content) 1fr; border-bottom: 1px solid #ccc; padding: 10px;}
.item-basca h2{font-size: 16px; padding-left: 10px;}
.item-basca span {font-size: 14px; padding-left: 10px;}
.basc-img{width: 70px; margin: 0; padding: 0; display: block; border-radius: 5px;}
.item-content{grid-template-columns: 1fr minmax(min-content, max-content);}
.pr-col-del{grid-template-columns: 80px 120px 40px;}
.itog-basc{padding: 20px;}
.zakaz-but{display: inline-block; margin: 20px 0; padding: 5px 30px; border-radius: 5px; background: red; color: #fff; text-align: center; cursor: pointer;}
.itog-sum{font-size: 20px;}

@media screen and (max-width: 900px) {  
    .item-b-26, .item-content{grid-template-columns: 100%;}
    .pr-col-del{grid-template-columns: 1fr 1fr 40px;}
    .item-col{padding-left: 10px;}
    .bascet-box{padding: 10px;}    
}

/*------------ДОКУМЕНТЫ--------------*/
#docs .box{padding: 0 10px;  max-width: 1000px; margin: 30px auto;}
#docs h1{text-transform: uppercase; font-weight: 600; font-size: 40px; color: #444; line-height: 120%; text-align: center;}
#docs .text{background: #fff; border-radius: 15px; margin-top: 30px; padding: 40px 60px;}
#docs .text p{margin-top: 5px; line-height: 150%;}
#docs .text h2{margin-top: 20px;}
#docs .text ul{padding-left: 20px;}
#docs .text li{line-height: 150%;}
#docs .text a{color: #4682B4; text-decoration: underline;}
@media (max-width: 768px) {
    #docs h1{font-size: clamp(16px, 5.8vw, 40px);}
    #docs .text{margin-top: 20px; padding: 20px;}
    #docs .text p{font-size: clamp(14px, 4.2vw, 16px);}
    #docs .box{padding: 0;}
}

/*------------РАЗМЕРЫ--------------*/
.size .box{grid-template-columns: repeat(2, 1fr); gap: 30px;}
.size .box .item{position: relative; border-radius: 10px; overflow: hidden;}
.size .box .item span{position: absolute; top: 20px; left: 20px;  font-size: 40px;  background: #FFD700; padding: 10px; border-radius: 5px;}
.size .box .item img{margin: 0; padding: 0; display: block;}
@media (max-width: 1200px) {
    .size .box .item span{top: 10px; left: 10px; font-size: 30px; padding: 8px;}
}
@media (max-width: 985px) {
    .size .box .item span{font-size: 20px; padding: 5px;}
}
@media (max-width: 768px) {
    .size .box{grid-template-columns: 1fr; gap: 20px;}
    .size .box .item span{top: 5%; left: 3%; padding: 1% 2%; font-size: clamp(8px, 4.5vw, 104px);}        
}

/*------------ПОИСК--------------*/
#news .search-form {grid-template-columns: 1fr auto; gap: 10px; max-width: 700px; margin-bottom: 30px;}
#news .search-form input {box-sizing: border-box; padding: 12px; font-size: 14px; border-radius: 5px; display: block; width: 100%; background-color: #fff; border: 1px solid #bbb; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#news .search-form input:focus {border-color: #f18662; outline: none;}
#news .search-form .button{place-items: center; width: 100%; background: #FFA500; text-transform: uppercase; margin: 0; cursor:pointer; padding: 0 20px; height: 100%; border-radius: 4px; border-width: 0;}
#news .search-form .button:focus, #loader .button:active, #loader .button:active:focus {outline: none;}
#news .search-form .button:hover {background: #fabb48;}

/*------------О НАС--------------*/
.about-us__container {max-width: 800px; margin: 0 auto;}
.about-us__intro {font-size: 1.2rem; margin-bottom: 2rem;}
.about-us__story {margin-bottom: 2.5rem;}
.about-us__subtitle {font-size: 1.8rem; color: #2c3e50; margin: 2rem 0 1rem 0; border-left: 4px solid #3498db; padding-left: 15px;}
.about-us__list {list-style: none; padding-left: 0;}
.about-us__list-item {margin-bottom: 1.2rem; padding-left: 1.5rem; position: relative;}
.about-us__list-item:before {content: "•"; color: #3498db; font-size: 1.5rem; position: absolute; left: 0; top: -0.2rem;}
.about-us__facts-list {list-style: none; padding-left: 0; display: grid; gap: 1rem;}
.about-us__facts-item {font-size: 1.1rem; padding: 0.8rem 1rem; background-color: #f8f9fa; border-radius: 8px; border-left: 4px solid #2ecc71;}
.about-us__conclusion {margin: 2.5rem 0; padding: 1.5rem; background-color: #f0f7ff; border-radius: 10px;}
.about-us__cta-text {font-size: 1.3rem; font-weight: bold; text-align: center; margin-top: 1.5rem;}
@media (max-width: 768px) {
    .about-us__subtitle {font-size: 1.5rem;}
    .about-us__facts-item {font-size: 1rem; padding: 0.6rem 0.8rem;}
    .about-us__conclusion {padding: 1rem; margin: 2rem 0;}
    .about-us__cta-text {font-size: 1.1rem;}
}

/*------------О МАГАЗИНЕ--------------*/
.about-shop__container {max-width: 800px; margin: 0 auto;}
.about-shop__intro {font-size: 1.2rem; margin-bottom: 2rem; line-height: 1.5;}
.about-shop__mission {margin-bottom: 2.5rem;}
.about-shop__subtitle {font-size: 1.8rem; color: #2c3e50; margin: 2.5rem 0 1.2rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid #f0c674;}
.about-shop__list {list-style: none; padding-left: 0;}
.about-shop__list-item {margin-bottom: 1.2rem; padding-left: 2rem; position: relative; line-height: 1.5;}
.about-shop__list-item:before {content: "-"; position: absolute; left: 0; top: 0;}
.about-shop__facts-list {list-style: none; padding-left: 0; display: grid; gap: 0.8rem;}
.about-shop__facts-item {font-size: 1.1rem; padding: 1rem 1.2rem; background-color: #fff9f0; border-radius: 10px; border: 1px solid #ffeccc;}
.about-shop__features {display: grid; gap: 1rem; margin-top: 1.5rem;}
.feature {padding: 1rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #a3d5ff;}
.about-shop__conclusion {margin: 3rem 0; padding: 2rem; background: linear-gradient(135deg, #fdf6e3 0%, #fff 100%); border-radius: 12px; text-align: center;}
.about-shop__cta-text {font-size: 1.3rem; font-weight: bold; margin-top: 1.5rem;}
.about-shop__cta-text a {color: #e67e22; text-decoration: underline;}
.about-shop__cta-text a:hover {color: #d35400;}
@media (max-width: 768px) {
    .about-shop__subtitle {font-size: 1.5rem;}
    .about-shop__facts-item {font-size: 1rem; padding: 0.8rem 1rem;}
    .about-shop__conclusion {padding: 1.5rem; margin: 2rem 0;}
    .about-shop__cta-text {font-size: 1.1rem;}
}

/*------------ОПЛАТА--------------*/
.payment-info__container {max-width: 800px; margin: 0 auto;}
.payment-info__alert {padding: 1.2rem; background-color: #fff8e6; border-left: 4px solid #ffc107; margin-bottom: 2.5rem; border-radius: 0 8px 8px 0;}
.payment-info__subtitle {font-size: 1.8rem; color: #2c3e50; margin: 2.5rem 0 1.2rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid #eaeaea;}
.payment-steps {display: grid; gap: 1.5rem; margin: 2rem 0;}
.payment-step {display: flex; gap: 1.5rem; align-items: flex-start;}
.step-number {flex-shrink: 0; width: 36px; height: 36px; background: #4a6fa5; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem;}
.step-content {padding-top: 0.3rem;}
.payment-info__list {list-style: none; padding-left: 0;}
.payment-info__list-item {margin-bottom: 1rem; padding-left: 1.8rem; position: relative; line-height: 1.5;}
.payment-info__list-item:before {content: "✓"; color: #2ecc71; font-weight: bold; position: absolute; left: 0;}
.payment-info__help {margin-top: 3rem; padding: 1.5rem; background-color: #f0f7ff; border-radius: 10px;}
.help-contacts {margin-top: 1rem;}
.help-contacts a {color: #4a6fa5; text-decoration: none;}
.help-contacts a:hover {text-decoration: underline;}
.small-text {font-size: 0.9rem; color: #666; margin-top: 0.5rem;}
@media (max-width: 768px) {
    .payment-info__subtitle {font-size: 1.5rem;}
    .payment-step {flex-direction: column; gap: 0.7rem; align-items: flex-start;}
    .step-number {width: 32px; height: 32px; font-size: 1rem;}
    .payment-info__help {padding: 1.2rem;}
}

/*------------ВОЗВРАТ--------------*/
.return-info__container {max-width: 800px; margin: 0 auto;}
.return-info__summary {padding: 1.5rem; background-color: #f0f7ff; border-radius: 10px; margin-bottom: 2.5rem; font-size: 1.1rem;}
.return-info__subtitle {font-size: 1.8rem; color: #2c3e50; margin: 2.5rem 0 1.2rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid #eaeaea;}
.conditions-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2rem 0;}
.condition-card {padding: 1.5rem; border-radius: 10px;}
.condition-card--yes {background-color: #f0fff4; border: 2px solid #c6f6d5;}
.condition-card--no {background-color: #fff5f5; border: 2px solid #fed7d7;}
.condition-icon {font-size: 2rem; margin-bottom: 0.8rem;}
.condition-content ul {list-style: none; padding-left: 0; margin-top: 0.5rem;}
.condition-content li {margin-bottom: 0.5rem; padding-left: 1.2rem; position: relative;}
.condition-content li:before {content: "•"; position: absolute; left: 0;}
.return-steps {display: grid; gap: 1.8rem; margin: 2rem 0;}
.return-step {display: flex; gap: 1.5rem; align-items: flex-start;}
.step-number {flex-shrink: 0; width: 36px; height: 36px; background: #e67e22; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem;}
.step-content {padding-top: 0.3rem;}
.step-content a {color: #e67e22; text-decoration: none;}
.step-content a:hover {text-decoration: underline;}
.return-info__list {list-style: none; padding-left: 0;}
.return-info__list-item {margin-bottom: 1rem; padding-left: 1.8rem; position: relative; line-height: 1.5;}
.return-info__list-item:before {content: "ℹ️"; position: absolute; left: 0;}
.return-info__list-item a {color: #e67e22;}
.return-info__contact {margin-top: 3rem; padding: 1.5rem; background-color: #f9f9f9; border-radius: 10px;}
.contact-details {margin-top: 1rem;}
.contact-details a {color: #4a6fa5; text-decoration: none;}
.contact-details a:hover {text-decoration: underline;}
.small-text {font-size: 0.9rem; color: #666; margin-top: 0.5rem;}
@media (max-width: 768px) {
    .return-info__subtitle {font-size: 1.5rem;}
    .conditions-grid {grid-template-columns: 1fr; gap: 1rem;}
    .return-step {flex-direction: column; gap: 0.7rem; align-items: flex-start;}
    .step-number {width: 32px; height: 32px; font-size: 1rem;}
    .return-info__contact {padding: 1.2rem;}
}

/*------------ДОСТАВКА--------------*/
.delivery-info__container {max-width: 900px; margin: 0 auto;}
.delivery-info__intro {font-size: 1.1rem; margin-bottom: 2.5rem; padding: 1rem; background: #f8f9fa; border-radius: 8px;}
.delivery-info__subtitle {font-size: 1.8rem; color: #2c3e50; margin: 2.8rem 0 1.5rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid #eaeaea;}
.method-cards {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.8rem; margin: 2rem 0;}
.method-card {padding: 1.8rem; border: 2px solid #eaeaea; border-radius: 12px; transition: transform 0.2s, box-shadow 0.2s;}
.method-card:hover {transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.method-icon {font-size: 2.5rem; margin-bottom: 1rem;}
.method-content h3 {color: #2c3e50; margin: 0 0 1rem 0; font-size: 1.3rem;}
.method-content ul {list-style: none; padding-left: 0; margin: 0;}
.method-content li {margin-bottom: 0.6rem; padding-left: 1.2rem; position: relative;}
.method-content li:before {content: "—"; position: absolute; left: 0; color: #7f8c8d;}
.process-steps {display: grid; gap: 1.8rem; margin: 2rem 0; max-width: 700px;}
.process-step {display: flex; gap: 1.5rem; align-items: flex-start;}
.step-number {flex-shrink: 0; width: 36px; height: 36px; background: #27ae60; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem;}
.step-content {padding-top: 0.3rem;}
.details-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin: 2rem 0;}
.detail-item {padding: 1.2rem; background: #f8f9fa; border-radius: 8px;}
.detail-item h4 {margin: 0 0 0.5rem 0; color: #2c3e50;}
.delivery-faq {margin: 3rem 0;}
.faq-item {border-bottom: 1px solid #eee; padding: 1.2rem 0;}
.faq-question {font-weight: bold; color: #2c3e50; cursor: pointer; position: relative; padding-right: 30px;}
.faq-question:after {content: "▼"; position: absolute; right: 0; top: 0; font-size: 0.8rem; color: #95a5a6;}
.faq-answer {margin-top: 0.8rem; color: #555; line-height: 1.5; display: none;}
.faq-item.active .faq-answer {display: block;}
.delivery-contact {margin-top: 3rem; padding: 1.5rem; text-align: center; background: #f0f7ff; border-radius: 10px;}
.contact-links {margin-top: 1rem;}
.contact-links a {color: #4a6fa5; text-decoration: none; font-weight: bold;}
.contact-links a:hover {text-decoration: underline;}
@media (max-width: 768px) {
    .delivery-info__subtitle {font-size: 1.5rem;}
    .method-cards {grid-template-columns: 1fr; gap: 1.2rem;}
    .process-step {flex-direction: column; gap: 0.7rem;}
    .step-number {width: 32px; height: 32px; font-size: 1rem;}
    .details-grid {grid-template-columns: 1fr;}
    .delivery-contact {padding: 1.2rem;}
}


/*------------ФУТЕР--------------*/
footer {background: #F9FAFB; color: #1F2937;}
footer section {width: 100%; padding: 30px 0; font-size: 14px;}
footer section:last-child {background: #F9FAFB;}

footer .columns {grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 40px 0 30px;}
footer .title{font-style: italic; font-family: calibri; font-weight: bolder; font-size: 30px; margin-bottom: 15px; color: #1F2937;}
footer .columns a {color: #767980;}
footer .columns a:hover{color: #aaa;}
footer .columns h3{color: #1F2937; font-weight: 600; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;}

@media (max-width: 985px) {
    footer .columns {grid-template-columns: repeat(2, 1fr); padding: 40px 1vw 30px;}
}
@media (max-width: 768px) {
    footer .columns {grid-template-columns: repeat(1, 1fr);}
    footer .title{font-size: 36px; font-size: clamp(40px, 8vw, 60px);}
    footer .columns h3{color: #aaa;}    
}