/* Figma 6995:71217, main only. Header and footer come from catalog.html. */
@font-face{font-family:Mazzard;src:url('cart-multiple-items/fonts/MazzardM-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--white:#fff;--rings-secondary:#707378;--rings-old:#a8afbc;--rings-dark:oklch(from #545454 l c h);--rings-crumb:oklch(from #a9aeb2 l c h);--fg:var(--ink);--rings-scale:1;--catalog-scale:1}
.rings-main :is(button,a,select,[data-product]):focus-visible,.filter-panel :is(button,input):focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.rings-main button:hover{color:var(--ink)}
.rings-main :is(.breadcrumbs,.sort-select,.filter-button,.load-more,.shown-count,.pagination,.editorial-button){font-weight:500}
.rings-main .breadcrumbs{gap:6px;color:var(--rings-secondary)}
.rings-main .breadcrumbs span:last-child{color:var(--rings-crumb)}
.rings-main .breadcrumbs span:not(:last-child){font-weight:400}
.rings-main .chip{color:var(--rings-secondary)}
.rings-main :is(.mini-promo h3,.load-more,.pagination){color:var(--rings-dark)}
.rings-main .shown-count{color:var(--rings-secondary)}
.rings-main .page-button.is-active{background:var(--rings-dark);color:var(--white)}
.rings-main .filter-button:hover{background:oklch(from var(--orange) calc(l - .08) c h);color:var(--white)}
.rings-main .page-button.is-active:hover{background:var(--ink);color:var(--white)}
.rings-main .favorite:hover{background:rgb(255 255 255 / .9)}
.rings-main .favorite[aria-pressed="true"]{background:rgb(255 255 255 / .9)}
.rings-main .favorite[aria-pressed="true"] img{filter:sepia(1) saturate(8) hue-rotate(330deg)}
.rings-main .empty-results{grid-column:1/-1;padding:36px 0;font-size:20px}
.check{min-height:44px}.filter-panel{color:var(--ink)}
.filter-panel .apply-filter:hover{background:oklch(from var(--orange) calc(l - .08) c h);color:var(--white)}
@media(prefers-reduced-motion:reduce){.rings-main *,.filter-scrim,.filter-panel{transition:none!important}}

@media(min-width:768px){

.page{--rings-scale:calc(100vw / 1920px);--catalog-scale:calc(100vw / 1920px);width:100%;max-width:none}
.rings-main{padding:0;background:var(--white);container-type:inline-size;min-width:0}
.rings-main .shell{--rings-scale:calc(100cqw / 1920px);width:calc(100% * 1840 / 1920);max-width:100%;min-width:0;margin-inline:auto}
.rings-main .breadcrumbs{padding-top:calc(82px * var(--rings-scale));min-height:calc(106px * var(--rings-scale));gap:calc(6px * var(--rings-scale));font-size:calc(18px * var(--rings-scale));line-height:calc(24px * var(--rings-scale));color:var(--muted)}
.rings-main .breadcrumbs a,.rings-main .breadcrumbs span:last-child{text-box:trim-both cap alphabetic}
.rings-main .breadcrumbs span:not(:last-child){font-size:calc(14px * var(--rings-scale));line-height:calc(24px * var(--rings-scale))}
.rings-main .catalog-head{margin-top:calc(29px * var(--rings-scale));height:calc(58px * var(--rings-scale));gap:calc(28px * var(--rings-scale));display:flex;justify-content:space-between;align-items:center}
.rings-main .catalog-head h1{font-size:calc(48px * var(--rings-scale));line-height:calc(58px * var(--rings-scale));margin:0;font-weight:500}
.rings-main .catalog-tools{gap:calc(40px * var(--rings-scale));display:flex;align-items:center}
.rings-main .sort-select{width:calc(218px * var(--rings-scale));height:calc(44px * var(--rings-scale));font-size:calc(24px * var(--rings-scale));line-height:calc(33.6px * var(--rings-scale));color:var(--rings-secondary);padding:0 calc(34px * var(--rings-scale)) 0 0}
.rings-main .sort-wrap:after{content:'';width:calc(24px * var(--rings-scale));height:calc(24px * var(--rings-scale));top:calc(10px * var(--rings-scale));right:0;background:url('catalog-category/sort.svg') center/contain no-repeat}
.rings-main .filter-button{height:calc(50px * var(--rings-scale));padding:0 calc(17px * var(--rings-scale));border-radius:calc(10px * var(--rings-scale));font-size:calc(20px * var(--rings-scale));gap:calc(10px * var(--rings-scale))}
.rings-main .filter-button>span:not(.filter-count){text-box:trim-both cap alphabetic;line-height:1}
.rings-main .filter-lines{width:calc(24px * var(--rings-scale));height:calc(24px * var(--rings-scale));object-fit:contain}
.rings-main .chip-row{margin-top:calc(40px * var(--rings-scale));height:calc(44px * var(--rings-scale));padding:0;gap:calc(20px * var(--rings-scale))}
.rings-main .chip{flex:none;height:calc(44px * var(--rings-scale));padding:0 calc(20px * var(--rings-scale));font-size:calc(20px * var(--rings-scale));font-weight:500;border-radius:calc(10px * var(--rings-scale))}
.rings-main .chip:nth-child(1){width:calc(200px * var(--rings-scale))}.rings-main .chip:nth-child(2){width:calc(253px * var(--rings-scale))}.rings-main .chip:nth-child(3){width:calc(182px * var(--rings-scale))}.rings-main .chip:nth-child(4){width:calc(187px * var(--rings-scale))}.rings-main .chip:nth-child(5){width:calc(219px * var(--rings-scale))}.rings-main .chip:nth-child(6){width:calc(233px * var(--rings-scale))}.rings-main .chip:nth-child(7){width:calc(234px * var(--rings-scale))}.rings-main .chip:nth-child(8){width:calc(221px * var(--rings-scale))}
.rings-main .weekly-promo{margin-top:calc(60px * var(--rings-scale));height:calc(250px * var(--rings-scale));border-radius:calc(24px * var(--rings-scale));background:linear-gradient(154.881886deg,rgb(252 142 150) 10.879%,rgb(185 49 59) 64.256%)}
.rings-main .weekly-promo:after{content:none}
.rings-main .weekly-copy{left:calc(60px * var(--rings-scale));top:calc(38.5px * var(--rings-scale));max-width:calc(1050px * var(--rings-scale))}
.rings-main .weekly-copy h2{margin:0;font-size:calc(40px * var(--rings-scale));font-weight:500;line-height:calc(48px * var(--rings-scale));text-box:trim-both cap alphabetic}
.rings-main .weekly-copy p{margin:calc(20px * var(--rings-scale)) 0 0;font-size:calc(24px * var(--rings-scale));line-height:calc(28px * var(--rings-scale))}
.rings-main .promo-code{margin-top:calc(40px * var(--rings-scale));height:calc(58px * var(--rings-scale));width:calc(251px * var(--rings-scale));padding:0;justify-content:center;gap:calc(10px * var(--rings-scale));font-size:calc(24px * var(--rings-scale));border-radius:calc(29px * var(--rings-scale))}
.rings-main .promo-code strong{font-size:calc(32px * var(--rings-scale));font-weight:500}
.rings-main .weekly-promo .promo-object{width:calc(478.977px * var(--rings-scale));height:calc(597.313px * var(--rings-scale));left:calc(1560.464px * var(--rings-scale));top:calc(124.626px * var(--rings-scale));right:auto;bottom:auto;object-fit:fill;opacity:1;transform:translate(-50%,-50%) rotate(-75deg)}
.rings-main .catalog-grid{margin-top:calc(60px * var(--rings-scale));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:calc(402px * var(--rings-scale)) calc(24px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(20px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(24px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(20px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(20px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(24px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(20px * var(--rings-scale)) calc(402px * var(--rings-scale)) calc(24px * var(--rings-scale)) calc(402px * var(--rings-scale));column-gap:calc(20px * var(--rings-scale));row-gap:0}
.rings-main .grid-item{grid-column:var(--col);grid-row:var(--row)}
.rings-main .product-card{height:calc(402px * var(--rings-scale));min-width:0;padding:calc(8px * var(--rings-scale));border-radius:calc(20px * var(--rings-scale));background:var(--surface);overflow:visible;cursor:default}
.rings-main .product-media{height:calc(270px * var(--rings-scale));border-radius:calc(20px * var(--rings-scale));background:var(--white);overflow:hidden;position:relative}
.rings-main .product-media>img{display:block;width:100%;height:calc(274px * var(--rings-scale));object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);image-rendering:auto}
.rings-main .favorite{width:calc(44px * var(--rings-scale));height:calc(44px * var(--rings-scale));right:calc(1px * var(--rings-scale));top:calc(1px * var(--rings-scale));border-radius:0;background:transparent;display:grid;place-items:center}
.rings-main .favorite img{width:calc(26px * var(--rings-scale));height:calc(26px * var(--rings-scale))}
.rings-main .badges{left:calc(10px * var(--rings-scale));bottom:calc(10px * var(--rings-scale));gap:calc(6px * var(--rings-scale))}
.rings-main .badge{height:calc(24px * var(--rings-scale));padding:0 calc(9px * var(--rings-scale));border-radius:calc(4px * var(--rings-scale));font-size:calc(14px * var(--rings-scale));font-weight:600;display:flex;align-items:center;background:var(--white)}
.rings-main .badge.new{background:linear-gradient(-39.169143deg,rgb(243 243 243) 17.358%,rgb(229 229 229) 83.968%);color:var(--muted)}
.rings-main .product-copy{padding:calc(20px * var(--rings-scale)) calc(14px * var(--rings-scale)) 0}
.rings-main .product-price-row{position:relative;display:flex;align-items:flex-end;gap:calc(10px * var(--rings-scale));line-height:calc(33.6px * var(--rings-scale))}
.rings-main .product-price{font-size:calc(24px * var(--rings-scale));font-weight:500;line-height:calc(33.6px * var(--rings-scale))}
.rings-main .old-price{font-size:calc(18px * var(--rings-scale));line-height:calc(21.6px * var(--rings-scale));height:calc(24px * var(--rings-scale));display:flex;align-items:center;font-weight:500;color:var(--rings-old);width:calc(86px * var(--rings-scale));flex:none;text-decoration:none}
.rings-main .product-price-row:after{content:"";position:absolute;left:calc(115px * var(--rings-scale));top:calc(22px * var(--rings-scale));width:calc(83px * var(--rings-scale));height:calc(1px * var(--rings-scale));background:var(--rings-old);pointer-events:none}
.rings-main .product-name{margin-top:calc(10px * var(--rings-scale));font-size:calc(20px * var(--rings-scale));line-height:calc(24px * var(--rings-scale));font-weight:400}
.rings-main .mini-promo{height:calc(402px * var(--rings-scale));padding:calc(30px * var(--rings-scale)) calc(20px * var(--rings-scale));border-radius:calc(30px * var(--rings-scale));background:linear-gradient(160.0964deg,rgb(255 247 219) 32.448%,rgb(245 215 202) 66.565%);color:var(--ink)}
.rings-main .mini-promo h3{font-size:calc(32px * var(--rings-scale));line-height:calc(38.4px * var(--rings-scale));font-weight:500;margin:0;position:relative;z-index:2}
.rings-main .mini-promo p{margin:calc(14px * var(--rings-scale)) 0 0;font-size:calc(18px * var(--rings-scale));line-height:calc(21.6px * var(--rings-scale));position:relative;z-index:2;text-box:trim-both cap alphabetic;color:var(--muted);font-weight:500}
.rings-main .mini-discount{height:calc(40px * var(--rings-scale));width:calc(225px * var(--rings-scale));background:var(--white);border-radius:calc(30px * var(--rings-scale));margin-top:calc(20px * var(--rings-scale));gap:0;padding-left:calc(14px * var(--rings-scale));font-size:calc(20px * var(--rings-scale));line-height:calc(24px * var(--rings-scale));justify-content:space-between}
.rings-main .mini-discount strong{height:calc(40px * var(--rings-scale));width:calc(135px * var(--rings-scale));padding:0;border-radius:calc(30px * var(--rings-scale));font-size:calc(20px * var(--rings-scale));font-weight:600;display:grid;place-items:center}
.rings-main .mini-promo>img{left:calc(22px * var(--rings-scale));top:calc(188px * var(--rings-scale));right:auto;bottom:auto;width:calc(268px * var(--rings-scale));height:calc(284px * var(--rings-scale));object-fit:fill;object-position:center}
.rings-main .editorial-card{grid-column:var(--col)/span 2;grid-row:var(--row)/span 3;height:calc(828px * var(--rings-scale));border-radius:calc(30px * var(--rings-scale));background:var(--rings-secondary)}
.rings-main .editorial-card>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.rings-main .editorial-price>img{height:108.56%;top:-7.54%}
.rings-main .editorial-card:after{content:'';position:absolute;inset:0;background:rgb(133 156 183 / .2);pointer-events:none}
.rings-main .editorial-copy{position:absolute;z-index:1;left:calc(34px * var(--rings-scale));top:calc(50px * var(--rings-scale));right:calc(34px * var(--rings-scale));color:var(--white)}
.rings-main .editorial-copy h3{margin:0;font-size:calc(48px * var(--rings-scale));line-height:calc(57.6px * var(--rings-scale));font-weight:500;text-transform:uppercase}
.rings-main .editorial-copy p{margin:calc(30px * var(--rings-scale)) 0 0;font-size:calc(32px * var(--rings-scale));line-height:calc(38.4px * var(--rings-scale))}
.rings-main .editorial-button{left:calc(34px * var(--rings-scale));bottom:calc(34px * var(--rings-scale));height:calc(36px * var(--rings-scale));padding:calc(8px * var(--rings-scale)) calc(8px * var(--rings-scale)) calc(8px * var(--rings-scale)) calc(20px * var(--rings-scale));border-radius:calc(10px * var(--rings-scale));font-size:calc(20px * var(--rings-scale));line-height:calc(20px * var(--rings-scale));gap:calc(2px * var(--rings-scale));z-index:1;color:var(--ink)}
.rings-main .editorial-button img{width:calc(20px * var(--rings-scale));height:calc(20px * var(--rings-scale))}
.rings-main .catalog-progress{margin-top:calc(60px * var(--rings-scale));height:calc(70px * var(--rings-scale));display:flex;gap:calc(30px * var(--rings-scale));align-items:center;justify-content:space-between}
.rings-main .progress-left{display:flex;align-items:center;gap:calc(20px * var(--rings-scale))}
.rings-main .load-more{width:calc(290px * var(--rings-scale));height:calc(70px * var(--rings-scale));font-size:calc(24px * var(--rings-scale));border-radius:calc(10px * var(--rings-scale));font-weight:500;line-height:calc(33.6px * var(--rings-scale))}
.rings-main .load-more strong{font-weight:500}
.rings-main .shown-count{font-size:calc(24px * var(--rings-scale));line-height:calc(33.6px * var(--rings-scale))}
.rings-main .pagination{display:flex;align-items:center;gap:calc(12px * var(--rings-scale));font-size:calc(24px * var(--rings-scale));line-height:calc(33.6px * var(--rings-scale));width:calc(305px * var(--rings-scale));flex:none}
.rings-main .pagination>span{display:grid;place-items:center;flex:none;width:calc(40px * var(--rings-scale));height:calc(40px * var(--rings-scale));font-size:calc(18px * var(--rings-scale));line-height:calc(25px * var(--rings-scale))}
.rings-main .page-button{height:calc(40px * var(--rings-scale));min-width:calc(40px * var(--rings-scale));width:calc(40px * var(--rings-scale));flex:none;padding:0;font-size:calc(24px * var(--rings-scale));border-radius:50%}
.rings-main .page-button.is-active{width:calc(45px * var(--rings-scale));height:calc(45px * var(--rings-scale));background:var(--rings-dark);color:var(--white)}
.rings-main .recent-section{margin-top:calc(60px * var(--rings-scale));padding-bottom:calc(45px * var(--rings-scale))}
.rings-main .recent-section h2{font-size:calc(48px * var(--rings-scale));line-height:calc(58px * var(--rings-scale));font-weight:500;margin:0}
.rings-main .recent-grid{margin-top:calc(40px * var(--rings-scale));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(20px * var(--rings-scale))}
.rings-main .recent-grid .product-card{display:block}
.rings-main .catalog-grid.is-filtered{grid-template-rows:none;grid-auto-rows:calc(402px * var(--rings-scale));gap:calc(24px * var(--rings-scale)) calc(20px * var(--rings-scale))}
.rings-main .catalog-grid.is-filtered .grid-item{grid-column:auto;grid-row:auto}
.rings-main .additional-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(24px * var(--rings-scale)) calc(20px * var(--rings-scale));margin-top:calc(24px * var(--rings-scale))}
}

@media(max-width:767px){
.filter-panel{padding:24px}
.rings-main{padding-top:60px;background:var(--white)}
.rings-main .shell{width:calc(100% - 24px);max-width:351px;margin-inline:auto}
.rings-main .breadcrumbs{padding-top:24px;font-size:12px;line-height:18px}
.rings-main .catalog-head{margin-top:18px;display:flex;flex-wrap:wrap;gap:16px;height:auto}
.rings-main .catalog-head h1{font-size:32px;line-height:38px;width:100%}
.rings-main .catalog-tools{width:100%;display:flex;justify-content:space-between;gap:12px}
.rings-main .sort-select{font-size:15px;height:44px}
.rings-main .filter-button{height:44px;padding:0 14px;font-size:16px;border-radius:5px}
.rings-main .filter-lines{height:20px;width:20px}
.rings-main .chip-row{margin-top:20px;gap:8px;height:44px;padding:0}
.rings-main .chip{flex:none;min-height:44px;font-size:14px;padding:0 14px;border-radius:5px}
.rings-main .weekly-promo{height:340px;margin-top:24px;border-radius:18px;background:linear-gradient(154.88deg,rgb(252 142 150),rgb(185 49 59))}
.rings-main .weekly-promo:after{content:none}
.rings-main .weekly-copy{left:20px;top:22px;right:20px;max-width:none}
.rings-main .weekly-copy h2{font-size:26px;line-height:29px;width:290px;max-width:100%}
.rings-main .weekly-copy p{margin-top:14px;font-size:16px;line-height:19px;width:290px;max-width:100%}
.rings-main .promo-code{margin-top:20px;height:44px;gap:8px;padding:0 16px;font-size:17px}
.rings-main .promo-code strong{font-size:24px}
.rings-main .weekly-promo .promo-object{width:220px;height:275px;left:auto;right:-42px;top:195px;bottom:auto;opacity:1;object-fit:fill;transform:rotate(-75deg)}
.rings-main .catalog-grid,.rings-main .recent-grid,.rings-main .additional-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:12px;margin-top:24px}
.rings-main .grid-item{grid-column:auto;grid-row:auto}
.rings-main .product-card{height:auto;min-width:0;padding:5px 5px 14px;border-radius:13px;overflow:visible;background:var(--surface)}
.rings-main .product-media{height:auto;aspect-ratio:274/270;border-radius:10px;overflow:hidden}
.rings-main .product-media>img{display:block;width:100%;height:100%;object-fit:cover}
.rings-main .favorite{width:44px;height:44px;right:0;top:0;background:transparent;border-radius:0}
.rings-main .favorite img{width:21px;height:21px}
.rings-main .badges{left:5px;bottom:6px;gap:3px;flex-wrap:wrap}
.rings-main .badge{font-size:8px;padding:3px 4px;border-radius:3px}
.rings-main .badge.new{background:linear-gradient(-39.169143deg,rgb(243 243 243),rgb(229 229 229));color:var(--muted)}
.rings-main .product-copy{padding:12px 7px 0}
.rings-main .product-price-row{gap:5px;display:flex;flex-wrap:wrap;align-items:center}
.rings-main .product-price{font-size:16px;line-height:22px}
.rings-main .old-price{font-size:11px;line-height:15px}
.rings-main .product-name{font-size:13px;line-height:16px;margin-top:6px}
.rings-main .mini-promo{height:280px;padding:20px 12px;border-radius:15px;background:linear-gradient(160deg,rgb(255 247 219),rgb(245 215 202))}
.rings-main .mini-promo h3{font-size:21px;line-height:23px}
.rings-main .mini-promo p{font-size:12px;line-height:15px;margin-top:9px}
.rings-main .mini-discount{font-size:12px;margin-top:12px;gap:4px}
.rings-main .mini-discount strong{padding:5px 8px;font-size:12px}
.rings-main .mini-promo>img{left:8px;right:auto;top:140px;bottom:auto;width:170px;height:180px;object-fit:cover}
.rings-main .editorial-card{grid-column:1/-1;grid-row:auto;height:auto;aspect-ratio:600/828;border-radius:18px}
.rings-main .editorial-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rings-main .editorial-price>img{height:108.56%;top:-7.54%}
.rings-main .editorial-copy{position:absolute;top:30px;left:20px;right:20px;color:var(--white)}
.rings-main .editorial-copy h3{margin:0;font-size:28px;line-height:34px;font-weight:500;text-transform:uppercase}
.rings-main .editorial-copy p{font-size:22px;margin-top:18px}
.rings-main .editorial-button{left:20px;bottom:20px;min-height:44px;padding:0 12px;border-radius:5px;font-size:16px}
.rings-main .editorial-button img{width:20px;height:20px}
.rings-main .catalog-progress{margin-top:28px;height:auto;display:block}
.rings-main .progress-left{display:flex;flex-direction:column;gap:14px}
.rings-main .load-more{width:100%;height:48px;font-size:18px;border-radius:5px}
.rings-main .shown-count{font-size:14px}
.rings-main .pagination{display:flex;justify-content:center;gap:5px;margin-top:20px}
.rings-main .page-button{height:44px;min-width:40px;font-size:18px;border-radius:50%}
.rings-main .page-button.is-active{background:var(--ink);color:var(--white)}
.rings-main .recent-section{margin-top:40px;padding-bottom:32px}
.rings-main .recent-section h2{font-size:28px;line-height:34px}
.rings-main .recent-grid .product-card{display:block}
}