/* Collections page — Figma 580:8413. All rules are scoped to this page. */
.collections-page .catalog-header{position:relative;inset:auto;height:89px;padding:17px max(60px,calc((100% - 1560px)/2));gap:24px;background:#fff}
.catalog-header nav{color:var(--muted)}
.catalog-header nav a{display:flex;align-items:center;gap:5px}
.catalog-header nav img{transform:rotate(90deg)}
.catalog-header .header-contact{gap:18px}
.catalog-header .button{border:1px solid var(--accent);color:var(--ink);background:#fff;height:50px;min-height:50px}
.catalog-header .button:hover{background:var(--accent);color:white}
.collections-page .collections-main{display:flex;flex-direction:column;gap:78px;padding:60px max(60px,calc((100% - 1560px)/2))}
.collections-main h1{font-size:48px;line-height:.97;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.collection-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 33px}
.collection-banner{display:flex;position:relative;align-items:flex-end;justify-content:space-between;gap:16px;height:320px;padding:36px 35px;border-radius:27px;overflow:hidden;min-width:0;isolation:isolate;scroll-margin-top:24px}
.collection-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.collection-banner-shade{position:absolute;inset:0 17.33% 0 0;opacity:.95;z-index:-1;background:linear-gradient(89.68deg,rgba(45,37,30,.54) .25011%,rgba(51,42,35,.416) 49.605%,rgba(58,48,40,0) 99.918%)}
.collection-banner-copy{display:flex;flex-direction:column;gap:28px;flex:0 1 386px;min-width:0}
.collection-banner h2{font-size:48px;line-height:.97;text-box-trim:trim-both;text-box-edge:cap alphabetic;color:#fff}
.collection-banner p{font-size:14px;line-height:1.36;color:#fff;opacity:.9}
.collection-banner .small-button{flex-shrink:0;box-shadow:0 4px 17.3px #0002}
.collection-banner:is(:hover,:focus-visible) .small-button{background:var(--accent);color:#fff}
.collection-banner:is(:hover,:focus-visible) .small-button img{filter:brightness(0) invert(1)}
.collections-page .footer{margin:0;min-height:527px}
@media(min-width:1201px){.collections-page .footer-bottom{border-top:0;box-shadow:inset 0 1px var(--line)}}
@media(min-width:1600px){
 .collections-page .collections-main{padding-top:80px;padding-bottom:80px;gap:56px}
 .collection-banner-grid{column-gap:40px}
 .collection-banner{height:360px;padding:40px}
 .collection-banner-copy{flex-basis:460px}
}
@media(min-width:701px) and (max-width:1200px){
 .collections-page .catalog-header{height:79px;padding:12px 40px;gap:20px}
 .catalog-header .header-contact .phone{display:none}
 .catalog-header nav{font-size:14px;gap:24px}
 .catalog-header .button{font-size:13px;padding:0 36px;height:49px;min-height:49px}
 .collections-page .collections-main{gap:48px}
 .collections-main h1{font-size:40px}
 .collection-banner-grid{gap:24px}
 .collection-banner{height:260px;padding:24px;gap:12px}
 .collection-banner-copy{flex-basis:240px;gap:16px}
 .collection-banner h2{font-size:36px}
 .collection-banner p{font-size:12px}
 .collection-banner .small-button{font-size:11px}
 .collections-page .footer{min-height:459px}
}
@media(min-width:901px) and (max-width:980px){
 .collections-page .catalog-header{gap:16px}
 .catalog-header nav{gap:16px;flex-shrink:0}
 .catalog-header .button{padding:0 24px}
}
@media(min-width:1201px) and (max-width:1350px){
 .catalog-header nav{gap:20px}
 .catalog-header .header-contact .phone{font-size:18px}
 .catalog-header .button{padding:0 24px}
 .collection-banner{padding:30px 26px}
 .collection-banner h2{font-size:42px}
 .collection-banner-copy{gap:22px}
}
@media(min-width:701px) and (max-width:900px){
 .collections-page .catalog-header{padding-left:24px;padding-right:24px}
 .catalog-header .header-contact{margin-left:auto}
 .collections-page .collections-main{padding-left:32px;padding-right:32px}
 .collection-banner{height:260px;padding:22px 20px;display:grid;grid-template-columns:minmax(0,1fr);align-content:end;justify-items:start;gap:16px}
 .collection-banner-copy{gap:14px}
 .collection-banner h2{font-size:32px}
 .collection-banner p{max-width:290px}
}
@media(max-width:700px){
 .collections-page .catalog-header{height:71px;padding:8px 16px}
 .collections-page .collections-main{padding:44px 20px;gap:32px}
 .collections-main h1{font-size:32px}
 .collection-banner-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .collection-banner{height:200px;border-radius:20px;padding:0;display:block}
 .collection-banner-copy{position:absolute;left:20px;top:92px;right:20px;gap:10px}
 .collection-banner h2{font-size:28px}
 .collection-banner p{font-size:11px;max-width:calc(100% - 125px);width:155px}
 .collection-banner .small-button{position:absolute;left:calc(100% - 138px);bottom:16px;font-size:10px}
 .collections-page .footer{min-height:750px}
 .collections-page .footer-bottom{gap:16px}
 .collections-page .footer-contacts .phone{font-size:16px}
}
@media(max-width:350px){
 .collection-banner{height:220px}
 .collection-banner-copy{top:82px}
 .collection-banner p{max-width:calc(100% - 110px);width:auto}
 .collection-banner .small-button{left:auto;right:16px;bottom:16px}
}
@media(min-width:481px) and (max-width:700px){
 .collection-banner{height:clamp(200px,calc(27.273vw + 69.09px),260px)}
 .collection-banner-copy{top:auto;bottom:24px;right:150px}
 .collection-banner p{width:auto;max-width:none}
 .collection-banner .small-button{bottom:24px}
}