

/* Start:/local/templates/akonit/assets/css/catalog-integration.css?17936591087310*/
.catalogDesign .catalogRootNavigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.catalogDesign .catalogRootNavigation .navigationCard{display:block;width:100%;text-decoration:none;min-height:138px;padding-right:64px}
.catalogDesign .catalogRootNavigation .navigationCard .title{font-size:1.35rem}
.catalogDesign .catalogRootNavigation .navigationCard .counter{margin-bottom:10px}
.catalogDesign .catalogLandingHero .content{max-width:760px;width:70%}
.catalogDesign .catalogSectionIntro{max-width:1000px;margin-bottom:36px}
.catalogDesign .catalogCards{justify-content:flex-start;gap:24px}
.catalogDesign .catalogCards .cardItem{width:calc((100% - 72px)/4);margin:0;display:flex}
.catalogDesign .catalogCards .cardItemWrapper{width:100%;display:flex;flex-direction:column;position:relative;padding-bottom:76px}
.catalogDesign .catalogCards .img{display:flex;align-items:center;justify-content:center;background:#fff;height:210px;margin-bottom:24px}
.catalogDesign .catalogCards .img img{max-width:100%;max-height:100%;object-fit:contain}
.catalogDesign .rollerCards .img{display:flex;align-items:center;justify-content:center;height:220px}
.catalogDesign .rollerCards .img img{width:auto;max-width:100%;max-height:100%;object-fit:contain}
.catalogDesign .catalogCards .caption{margin-top:14px;font-size:16px;line-height:1.45}
.catalogDesign .catalogCards .button{position:absolute;bottom:24px;right:24px}
.catalogDesign .catalogCards .title{font-size:22px;line-height:1.2}
.catalogDesign .fullWidthNote .container{gap:24px}
.catalogDesign .likeForm .formRow.buttons{gap:16px;flex-wrap:wrap}
.catalogDesign .seoText h2,.catalogDesign .seoText h4{color:#1A2121}
@media(max-width:560px){.catalogDesign .heroItem .content br.rolikiLeadBreak{display:none}}
.catalogDesign .likeForm .homeFeedback__fileHead:empty{display:none}
.catalogDesign .fullWidthNote strong{display:inline-block;margin-bottom:12px;font-size:1.5rem}
.catalogDesign .catalogSelectionSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalogDesign .catalogSelectionSteps article{padding:32px;background:#f2f4f5;border-radius:4px}
.catalogDesign .catalogSelectionSteps article>span{font-family:Oswald,sans-serif;font-size:44px;color:#ff812b}
.catalogDesign .catalogSelectionSteps h3{font-size:28px;margin:16px 0}
.catalogDesign .catalogSelectionSteps p{font-size:18px;line-height:1.5}
.catalogDesign .catalogProductionPromo{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.catalogDesign .catalogProductionPromo p{margin-bottom:32px;line-height:1.6}
.catalogDesign .catalogProductionPromo>img{width:100%;border-radius:6px}
.catalogImported img,.productSeo__text img{max-width:100%;height:auto}
.catalogImported iframe,.productSeo__text iframe{max-width:100%;aspect-ratio:16/9;width:800px;height:auto;border:0}
.catalogImported table,.productSeo__text table{width:100%;border-collapse:collapse;margin:24px 0}
.catalogImported td,.catalogImported th,.productSeo__text td,.productSeo__text th{padding:12px;border:1px solid #dce0e4;text-align:left}
.catalogImported p,.catalogImported li,.productSeo__text p{overflow-wrap:anywhere}
.catalogImported h2,.catalogImported h3{margin:32px 0 20px}
.catalogDesign .searchResultsAndFilters{gap:48px}
.catalogDesign .searchResultItem .img img{object-fit:contain}
.catalogDesign .searchResultItem .img:empty{display:none}
.catalogDesign .catalogSearchTabs{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}
.catalogDesign .catalogSearchTabs a{text-decoration:none}
.catalogDesign .catalogSearchTabs .counter{margin-left:8px}
.catalogDesign .catalogSearchFilters{width:280px;flex-shrink:0}
.catalogDesign .catalogSearchFilters label{display:block;margin:18px 0 8px}
.catalogDesign .catalogSearchFilters select{width:100%;padding:12px;border:1px solid #ddd;background:white}
.catalogDesign .catalogSearchFilters .button{margin-top:24px}
.catalogDesign .catalogSearchEmpty{padding:40px;background:#f2f4f5;line-height:1.6}
.catalogDesign .catalogSearchPager{margin-top:36px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.catalogDesign .catalogSearchPager a,.catalogDesign .catalogSearchPager span{padding:12px 18px;border:1px solid #e0e4e8;text-decoration:none;border-radius:4px}
.catalogDesign .catalogSearchPager [aria-current]{background:#2e4090;color:white}
.catalogDesign .searchInputWrapper .clearInput{cursor:pointer}
.catalogDesign :focus-visible{outline:3px solid #ff812b;outline-offset:4px}
.catalogDesign [id]{scroll-margin-top:150px}
@media(max-width:1199px){.catalogDesign .catalogCards .cardItem{width:calc((100% - 48px)/3)}.catalogDesign .catalogRootNavigation .navigationCard .title{font-size:1.2rem}.catalogDesign .heroItem .heroItemCaption{position:static;margin-top:40px}.catalogDesign .catalogProductionPromo{gap:30px}}
@media(max-width:767px){.catalogDesign .catalogRootNavigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalogDesign .catalogRootNavigation .navigationCard{padding:16px;min-height:120px}.catalogDesign .catalogRootNavigation .navigationCard .title{font-size:1rem}.catalogDesign .catalogRootNavigation .navigationCard .button{display:none}.catalogDesign .catalogRootNavigation .navigationCard .caption{font-size:12px}.catalogDesign .catalogRootNavigation .navigationCard .counter{font-size:22px}.catalogDesign .catalogLandingHero .content{width:100%}.catalogDesign .catalogCards{gap:16px}.catalogDesign .catalogCards .cardItem{width:calc((100% - 16px)/2)}.catalogDesign .catalogCards .cardItemWrapper{padding:16px 16px 65px}.catalogDesign .catalogCards .img{height:150px;margin-bottom:18px}.catalogDesign .catalogCards .title{font-size:19px}.catalogDesign .catalogCards .caption{font-size:14px}.catalogDesign .catalogSelectionSteps,.catalogDesign .catalogProductionPromo{grid-template-columns:1fr}.catalogDesign .catalogSearchFilters{width:100%}.catalogDesign .searchResultsAndFilters{flex-direction:column}.catalogDesign .heroItem .heroItemCaption .counter{font-size:4rem}.catalogDesign .heroItem .heroItemCaption .description{font-size:1rem}}
@media(max-width:479px){.catalogDesign .catalogCards .cardItem{width:100%}.catalogDesign .catalogCards .img{height:210px}.catalogDesign .catalogRootNavigation .navigationCard .title{font-size:15px}.catalogDesign .searchInputWrapper.onSearchPage form{flex-wrap:wrap}.catalogDesign .searchInputWrapper.onSearchPage button{width:100%;margin-top:12px}.catalogDesign .searchInputWrapper.onSearchPage input{width:100%}}
.catalogDesign{padding-top:0!important;margin:0;max-width:none;overflow:visible}
.catalogDesign .catalogAllItems{margin-top:28px}
.catalogDesign :focus-visible{outline:3px solid #ff812b!important;outline-offset:4px}
.catalogDesign .searchInputWrapper.onSearchPage .clearInput{font-size:30px;background:transparent;color:#7d8286;line-height:1;cursor:pointer}
.catalogSectionImage{max-width:1000px;margin:0 auto 36px;text-align:center;background:white}
.catalogSectionImage img{display:block;width:100%;max-height:600px;object-fit:contain}
.catalogImported .container,.productSeo__text{overflow-x:auto}
.catalogImportedGallery{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0}
.catalogImportedGallery a{flex:1 1 280px;max-width:700px}
.catalogImportedGallery img{max-width:100%;max-height:500px;object-fit:contain}

/* End */


/* Start:/local/templates/akonit/assets/css/drum-card.css?179369821020086*/
/* Макет Figma 761:538. Стили ограничены карточкой приводных барабанов. */
.drumCard { --drum-blue: #2e4090; --drum-orange: #ff812b; --drum-muted: #5f686f; font-family: "Inter", Arial, sans-serif; color: #1a2121; }
.drumCard *, .drumCard *::before, .drumCard *::after { box-sizing: border-box; }
.drumCard .container { width: calc(100% - 184px); max-width: 1736px; margin: 0 auto; padding: 0; }
.drumCard h1, .drumCard h2, .drumCard h3, .drumCard p, .drumCard dl, .drumCard dd, .drumCard ul { margin: 0; }
.drumCard h1, .drumCard h2, .drumCard h3 { font-family: "Inter", Arial, sans-serif; font-weight: 600; color: #1a2121; }
.drumCard h2 { font-size: clamp(32px, 2.8125vw, 54px); line-height: 1.1; letter-spacing: -.015em; }
.drumCard a { text-decoration: none; }
.drumCard .button { min-height: 56px; padding: 0 28px; border-radius: 4px; font: 500 16px/1.4 "Inter", Arial, sans-serif; gap: 12px; letter-spacing: 0; }
.drumCard .button.orange { background: var(--drum-orange); border-color: var(--drum-orange); color: #fff; }
.drumCard .button.orange:hover { background: #eb6c17; border-color: #eb6c17; }
.drumCard .button.lightBorder { border-color: #e3e5e9; background: transparent; color: var(--drum-blue); padding: 0 24px; }
.drumCard .button.lightBorder:hover { background: var(--drum-blue); color: #fff; }
.drumCard .button:not(.orange):not(.lightBorder) { background: var(--drum-blue); }
.drumHero { padding: 32px 0; }
.drumHero .breadcrumbs { margin-bottom: 32px; font: 400 16px/1.4 "Inter", Arial, sans-serif; color: var(--drum-muted); }
.drumHero__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; align-items: center; }
.drumGallery { min-width: 0; }
.drumGallery__main { position: relative; aspect-ratio: 832 / 554; }
.drumGallery__main .productGallery__photo { position: absolute; inset: 0; display: none; }
.drumGallery__main .productGallery__photo.active { display: block; }
.drumGallery__main img { width: 100%; height: 100%; object-fit: contain; display: block; }
.drumGallery__thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.drumGallery__thumbs .productGallery__thumb { width: 100%; height: auto; aspect-ratio: 125 / 88; margin: 0; padding: 0; border: 1px solid #e3e5e9; border-radius: 8px; background: #f1f2f7; overflow: hidden; cursor: pointer; }
.drumGallery__thumbs .productGallery__thumb.active { border-color: var(--drum-blue); }
.drumGallery__thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; }
.drumGallery__thumbs .productGallery__thumb:first-child img { object-fit: contain; }
.drumHero__info { display: flex; flex-direction: column; gap: 38px; }
.drumHero h1 { font-size: clamp(40px, 3.75vw, 72px); line-height: 1; letter-spacing: -.02em; }
.drumHero__rule { width: 52px; height: 3px; background: var(--drum-orange); }
.drumHero__text { max-width: 780px; font-size: 18px; line-height: 1.4; color: var(--drum-muted); }
.drumHero__text p + p { margin-top: 25px; }
.drumHero__text p, .drumProduction__text p, .drumAbout__text p { font: inherit; }
.drumHero__sizes { display: grid; grid-template-columns: repeat(2, minmax(0, 360px)); gap: 40px; }
.drumHero__sizes dd { margin: 0 0 8px; font: 300 44px/1.1 "Oswald", Arial, sans-serif; color: var(--drum-blue); }
.drumHero__sizes dt { font-size: 16px; line-height: 1.4; color: var(--drum-muted); }
.drumHero__actions { display: flex; flex-wrap: wrap; gap: 16px; }
.drumNav { border-bottom: 1px solid #e3e5e9; background: #fff; }
.drumNav > .container { display: flex; overflow-x: auto; scrollbar-width: none; }
.drumNav a { flex: 0 0 auto; padding: 20px 16px; border-bottom: 3px solid transparent; font-size: 18px; line-height: 20px; color: #1a2121; }
.drumNav a.active, .drumNav a:hover { border-color: var(--drum-orange); }
.drumCard [id] { scroll-margin-top: var(--drum-scroll-offset, 180px); }
.drumSpecs { background: #f1f2f7; padding: 80px 0 120px; }
.drumSpecs__intro { margin: 24px 0 48px !important; font-size: 18px; line-height: 1.4; color: var(--drum-muted); }
.drumSpecs__grid { display: grid; grid-template-columns: minmax(0, 1040fr) minmax(0, 672fr); gap: 24px; align-items: start; }
.drumComposition { padding: 32px; background: #fff; }
.drumComposition h3 { font-size: 24px; line-height: 1.2; }
.drumComposition__image { position: relative; aspect-ratio: 976 / 516; margin: 24px 0; }
.drumComposition__image > img { width: 100%; height: 100%; object-fit: contain; display: block; }
.drumComposition__point { position: absolute; display: grid; place-items: center; width: 40px; height: 40px; background: var(--drum-blue); color: #fff; border-radius: 50%; box-shadow: 0 10px 20px #0005; font-size: 16px; line-height: 1; }
.drumComposition__parts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; max-width: 792px; }
.drumComposition__parts dt { font-size: 18px; line-height: 1.4; font-weight: 500; }
.drumComposition__parts dd { margin: 4px 0 0; font-size: 16px; line-height: 1.4; color: var(--drum-muted); }
.drumComposition__parts > div:target { outline: 2px solid var(--drum-orange); outline-offset: 5px; }
.drumParameters { display: flex; flex-direction: column; gap: 44px; }
.drumParameters h3 { display: flex; align-items: center; gap: 16px; margin: 0 0 16px; font-size: 18px; font-weight: 400; line-height: 1.4; color: var(--drum-muted); }
.drumParameters h3 img { flex: 0 0 auto; }
.drumParameters ul { padding: 0; list-style: none; }
.drumParameters__diameters { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px 13px; }
.drumParameters__diameters li { display: grid; place-items: center; min-height: 52px; padding: 8px; background: #fff; border-radius: 4px; color: #1a2121d9; font: 300 24px/1 "Oswald", Arial, sans-serif; }
.drumParameters__width { font: 300 40px/1.1 "Oswald", Arial, sans-serif; color: #1a2121d9; }
.drumParameters__linings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.drumParameters__linings li { display: flex; align-items: center; gap: 16px; padding: 16px 24px; background: #fff; font-size: 18px; line-height: 1.4; }
.drumParameters__linings li::before { content: ""; flex: 0 0 2px; width: 2px; height: 20px; background: var(--drum-blue); }
.drumParameters__extra p { color: #1a2121; font-size: 18px; line-height: 1.4; }
.drumDocuments { padding: 80px 0; }
.drumDocuments[hidden] { display: none; }
.drumDocuments h2 { margin-bottom: 40px; }
.drumDocuments .productDoc { display: flex; align-items: center; gap: 24px; color: var(--drum-blue); }
.drumDocuments .productDoc > img { max-width: 100px; max-height: 150px; object-fit: contain; }
.drumProduction { position: relative; padding: 340px 0 120px; overflow: hidden; }
.drumProduction__photo { position: absolute; inset: 0 0 auto; height: 908px; }
.drumProduction__photo img { width: 100%; height: 100%; object-fit: cover; }
.drumProduction__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 55%, rgba(26,33,33,.55)); }
.drumProduction .container { position: relative; }
.drumProduction__top { display: grid; grid-template-columns: minmax(0, 1144fr) minmax(0, 404fr); gap: 188px; }
.drumProduction__main { position: relative; padding: 100px 0 0; z-index: 0; }
.drumProduction__main::before { content: ""; position: absolute; inset: 0 -80px -120px -100vw; background: #fff; z-index: -1; }
.drumProduction__main h2, .drumProduction__text { max-width: 996px; }
.drumProduction__text { margin-top: 40px; color: var(--drum-muted); font-size: 18px; line-height: 1.4; }
.drumProduction__text p + p { margin-top: 25px; }
.drumProduction__main .button { margin-top: 40px; }
.drumProduction__fact { align-self: center; padding-top: 110px; color: #fff; }
.drumProduction__fact strong { display: block; font: 300 96px/1 "Oswald", Arial, sans-serif; }
.drumProduction__fact p { margin-top: 8px; font-size: 16px; line-height: 1.4; color: #ffffffd9; }
.drumProduction__features { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; margin-top: 120px; background: #fff; }
.drumProduction__features::before { content: ""; position: absolute; inset: 0 -100vw -120px; background: #fff; z-index: -1; }
.drumProduction__features article > img { display: block; margin-bottom: 30px; }
.drumProduction__features h3 { font-size: 32px; line-height: 1.15; letter-spacing: -.01em; margin-bottom: 30px; }
.drumProduction__features p { font-size: 16px; line-height: 1.4; color: var(--drum-muted); }
.drumSlider { position: relative; height: min(41.6667vw, 900px); min-height: 300px; overflow: hidden; }
.drumSlider__slides, .drumSlider__slide { position: absolute; inset: 0; }
.drumSlider__slide { opacity: 0; visibility: hidden; transition: opacity .3s ease; }
.drumSlider__slide.active { opacity: 1; visibility: visible; }
.drumSlider__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.drumSlider .drumSlider__arrows { position: relative; top: 50%; display: flex; justify-content: space-between; pointer-events: none; transform: translateY(-50%); }
.drumSlider__arrows button { display: grid; place-items: center; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 4px; background: #fff; cursor: pointer; pointer-events: auto; }
.drumSlider__arrows button:hover { background: #edf0fc; }
.drumSlider__dots { position: absolute; left: 50%; bottom: 50px; display: flex; align-items: center; gap: 10px; padding: 10px 16px; transform: translateX(-50%); border-radius: 20px; background: #1a212133; }
.drumSlider__dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 8px; background: #ffffff80; cursor: pointer; transition: width .2s; }
.drumSlider__dots button.active { width: 40px; background: var(--drum-orange); }
.drumSlider__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.drumFeedback { position: relative; padding: 120px 0; background: #1a2121; color: #fff; overflow: hidden; font-weight: 400; }
.drumFeedback::before { content: ""; position: absolute; inset: -800px -100px; background: repeating-linear-gradient(122deg, transparent 0 130px, #ffffff0d 130px 240px); pointer-events: none; }
.drumFeedback__grid { position: relative; display: grid; grid-template-columns: minmax(0, 760fr) minmax(0, 856fr); gap: 120px; }
.drumFeedback__intro { display: flex; flex-direction: column; justify-content: space-between; gap: 60px; }
.drumFeedback h2 { color: #fff; }
.drumFeedback__intro > div > p { margin-top: 24px; color: #ffffffbf; font-size: 18px; line-height: 1.5; }
.drumFeedback__contacts { display: flex; flex-wrap: wrap; gap: 30px 80px; }
.drumFeedback__contacts p { margin-bottom: 7px; color: #ffffff99; font-size: 15px; line-height: 1.4; }
.drumFeedback__contacts a { color: #fff; font-size: 24px; line-height: 1.2; font-weight: 600; }
.drumFeedback__contacts > div:first-child a { font-size: 28px; }
.drumCard .drumFeedback form .formRow { margin: 0 0 20px; }
.drumCard .drumFeedback form .formRow.df { gap: 24px; }
.drumCard .drumFeedback form .formRow.df .formInput { width: calc(50% - 12px); }
.drumCard .drumFeedback form .formRow .formInput input, .drumCard .drumFeedback form .formRow .formInput textarea { background: #ffffff0a; border: 1px solid #ffffff4d; border-radius: 4px; font-family: "Inter", Arial, sans-serif; padding: 17px 20px; }
.drumCard .drumFeedback form .formRow .formInput input::placeholder { color: #ffffff99; }
.drumCard .drumFeedback form .formRow .formInput textarea::placeholder { color: #fff; }
.drumCard .drumFeedback .homeFeedback__fileHead { align-items: center; margin-bottom: 16px; gap: 8px; }
.drumCard .drumFeedback .homeFeedback__fileLabel { margin: 0; font-size: 16px; line-height: 1.4; color: #ffffff99; }
.drumCard .drumFeedback .homeFeedback__fileLink { margin: 0; font-size: 16px; color: #ffffffd9; gap: 8px; }
.drumCard .drumFeedback .homeFeedback__file { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 94px; padding: 22px 24px; border: 1px dashed #ff812be6; background: #ffffff08; border-radius: 4px; text-align: center; gap: 6px; }
.drumCard .drumFeedback .homeFeedback__fileAction { color: #fff; font-size: 16px; line-height: 1.3; }
.drumCard .drumFeedback .homeFeedback__fileAction::before { content: "+"; color: var(--drum-orange); margin-right: 10px; font-size: 20px; }
.drumCard .drumFeedback .homeFeedback__fileHint { color: #ffffff8c; font-size: 14px; line-height: 1.4; }
.drumCard .drumFeedback form .formRow .acceptionWrapper { align-items: flex-start; gap: 12px; color: #fff; font-size: 15px; line-height: 1.4; }
.drumFeedback .acceptionWrapper .customCheckbox { flex-shrink: 0; }
.drumFeedback .formRow.buttons { margin-bottom: 0 !important; }
.drumRelated { padding: 120px 0; }
.drumRelated__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 60px; }
.drumRelated__image { position: relative; display: block; height: 300px; overflow: hidden; }
.drumRelated__image > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.drumRelated__image--wide > img { position: absolute; width: 113.64%; height: 146.77%; max-width: none; left: -6.82%; top: -23.38%; object-fit: fill; }
.drumRelated h3 { margin: 24px 0; font-size: 24px; line-height: 1.2; }
.drumRelated h3 a { display: inline-flex; align-items: center; gap: 12px; color: inherit; }
.drumRelated h3 a:hover { color: var(--drum-blue); }
.drumRelated h3 img { flex: 0 0 auto; }
.drumRelated p { font-size: 16px; line-height: 1.4; color: var(--drum-muted); }
.drumAbout { padding: 120px 0; }
.drumAbout h2 { margin-bottom: 32px; font-size: 40px; line-height: 1.15; letter-spacing: 0; }
.drumAbout__text { font-size: 18px; line-height: 1.4; color: var(--drum-muted); }
.drumAbout__text:not(:has(.drumAbout__columns)) { columns: 2; column-gap: 72px; }
.drumAbout__text h3 { margin: 24px 0 16px; font-size: 24px; line-height: 1.2; break-after: avoid; }
.drumAbout__text h3:first-child { margin-top: 0; }
.drumAbout__text ol { margin: 16px 0; padding-left: 24px; }
.drumAbout__text ol li + li { margin-top: 10px; }
.drumAbout__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; }
.drumAbout__text p + p { margin-top: 25px; }
.drumAbout__text ul { display: grid; gap: 10px; padding-left: 40px; margin-top: 16px; list-style-type: square; }
.drumAbout__text li::marker { color: #365296; }
@media (max-width: 1600px) {
	.drumHero__grid { gap: 48px; }
	.drumHero__info { gap: 28px; }
	.drumHero__sizes dd { font-size: 36px; }
	.drumProduction__top { gap: 100px; }
	.drumProduction__main::before { right: -60px; }
	.drumFeedback__grid { gap: 72px; }
	.drumFeedback .homeFeedback__fileHead { flex-wrap: wrap; }
}
@media (max-width: 1280px) {
	.drumCard .container { width: calc(100% - 64px); }
	.drumHero__grid { gap: 32px; }
	.drumHero__text { font-size: 16px; }
	.drumHero__sizes { gap: 20px; }
	.drumHero__sizes dd { font-size: 30px; }
	.drumHero__actions .button { padding: 0 18px; font-size: 14px; }
	.drumSpecs__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
	.drumParameters__linings { grid-template-columns: 1fr; gap: 10px; }
	.drumComposition { padding: 24px; }
	.drumProduction { padding-top: 260px; padding-bottom: 80px; }
	.drumProduction__photo { height: 700px; }
	.drumProduction__top { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); gap: 70px; }
	.drumProduction__main { padding-top: 64px; }
	.drumProduction__main::before { right: -70px; }
	.drumProduction__fact strong { font-size: 72px; }
	.drumProduction__features { gap: 24px; margin-top: 80px; }
	.drumProduction__features h3 { font-size: 24px; }
	.drumFeedback__grid { gap: 48px; }
	.drumFeedback__contacts { gap: 24px; }
	.drumRelated__image { height: 240px; }
	.drumRelated h3 { font-size: 20px; }
}
@media (max-width: 960px) {
	.drumHero__grid, .drumSpecs__grid, .drumFeedback__grid { grid-template-columns: minmax(0, 1fr); }
	.drumHero__grid > div:first-child { max-width: 700px; width: 100%; margin: auto; }
	.drumHero__info { gap: 28px; }
	.drumHero h1 { font-size: 48px; }
	.drumHero__sizes dd { font-size: 40px; }
	.drumHero__text { max-width: none; font-size: 18px; }
	.drumSpecs, .drumRelated, .drumAbout, .drumFeedback { padding: 72px 0; }
	.drumParameters { margin-top: 16px; }
	.drumParameters__linings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.drumProduction__features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
	.drumProduction__top { gap: 40px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
	.drumProduction__main::before { right: -40px; }
	.drumProduction__text { font-size: 16px; }
	.drumProduction__fact strong { font-size: 60px; }
	.drumRelated__grid { gap: 24px; }
	.drumRelated__image { height: 180px; }
	.drumAbout__columns { gap: 32px; }
}
@media (max-width: 600px) {
	.drumCard .container { width: calc(100% - 40px); }
	.drumCard h2 { font-size: 32px; }
	.drumHero { padding: 24px 0 40px; }
	.drumHero .breadcrumbs { margin-bottom: 24px; font-size: 13px; }
	.drumHero h1 { font-size: 38px; }
	.drumGallery__thumbs { gap: 8px; margin-top: 16px; }
	.drumHero__sizes dd { font-size: 30px; }
	.drumHero__actions { flex-direction: column; }
	.drumHero__actions .button { width: 100%; font-size: 16px; }
	.drumNav a { padding: 18px 12px; font-size: 15px; }
	.drumSpecs, .drumRelated, .drumAbout, .drumFeedback { padding: 56px 0; }
	.drumSpecs__intro { margin: 20px 0 32px !important; font-size: 16px; }
	.drumComposition { padding: 20px; }
	.drumComposition__parts { grid-template-columns: 1fr; }
	.drumComposition__parts dt { font-size: 16px; }
	.drumComposition__parts dd { font-size: 14px; }
	.drumComposition__point { width: 28px; height: 28px; font-size: 12px; }
	.drumParameters__diameters { gap: 8px; }
	.drumParameters__diameters li { font-size: 20px; }
	.drumParameters__linings { gap: 10px; }
	.drumParameters__linings li { padding: 14px 12px; gap: 8px; font-size: 14px; }
	.drumProduction { padding-top: 240px; padding-bottom: 56px; }
	.drumProduction__photo { height: 500px; }
	.drumProduction__top { grid-template-columns: 1fr; gap: 24px; }
	.drumProduction__main { padding-top: 40px; }
	.drumProduction__main::before { right: -20px; bottom: -210px; }
	.drumProduction__fact { position: relative; padding-top: 0; color: var(--drum-blue); }
	.drumProduction__fact p { color: var(--drum-muted); max-width: 300px; }
	.drumProduction__features { grid-template-columns: 1fr; gap: 36px; margin-top: 56px; }
	.drumProduction__features article { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; }
	.drumProduction__features article > img { grid-row: 1 / 3; margin: 0; }
	.drumProduction__features h3 { margin: 0; font-size: 22px; }
	.drumProduction__features p { grid-column: 2; }
	.drumSlider { min-height: 280px; }
	.drumSlider__arrows button { width: 40px; height: 40px; }
	.drumSlider__dots { bottom: 20px; }
	.drumFeedback__grid { gap: 36px; }
	.drumFeedback__intro { gap: 32px; }
	.drumFeedback__contacts { flex-direction: column; }
	.drumFeedback__contacts a { font-size: 22px; }
	.drumCard .drumFeedback form .formRow.df { flex-direction: column; gap: 20px; }
	.drumCard .drumFeedback form .formRow.df .formInput { width: 100%; }
	.drumFeedback .homeFeedback__fileHead { align-items: flex-start !important; flex-direction: column; gap: 12px !important; }
	.drumCard .drumFeedback .homeFeedback__file { padding: 20px 16px; }
	.drumRelated__grid { grid-template-columns: 1fr; margin-top: 32px; gap: 40px; }
	.drumRelated__image { height: 240px; }
	.drumRelated h3 { margin: 20px 0 16px; font-size: 22px; }
	.drumAbout h2 { font-size: 28px; }
	.drumAbout__columns { grid-template-columns: 1fr; gap: 24px; }
	.drumAbout__text { font-size: 16px; }
	.drumAbout__text:not(:has(.drumAbout__columns)) { columns: 1; }
}
@media (prefers-reduced-motion: reduce) { .drumSlider__slide, .drumSlider__dots button { transition: none; } }

/* End */
/* /local/templates/akonit/assets/css/catalog-integration.css?17936591087310 */
/* /local/templates/akonit/assets/css/drum-card.css?179369821020086 */
