/* Product page — measured from the Release demo (1905 wide): 5-col grid gap 32, gallery 3 cols (2 image columns, gap 8, 3:4),
   buy box 2 cols capped at 590; title 21/-0.84; labels 12px ls 2px; sizes 28px high; buttons 46px pill. */
.relw-prod{background:#fff;color:rgb(17,17,17);font-family:var(--relw-font);padding:32px 0 96px;font-size:14px;line-height:22.4px}
.relw-prod__grid{display:grid;grid-template-columns:minmax(0,1fr) min(590px,calc((100% - 128px) / 5 * 2 + 32px));column-gap:32px;max-width:100%;padding:0 36px;align-items:stretch}
.relw-prod__media{min-width:0}
.relw-prod__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.relw-prod__slide{background:rgb(238,238,238);aspect-ratio:3/4;overflow:hidden}
.relw-prod .relw-prod__img,.elementor .relw-prod .relw-prod__img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.relw-prod__thumbs{display:none}
.relw-prod__info{min-width:0}
.relw-prod__sticky{position:sticky;top:90px}

.relw-prod__badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.relw-prod__badge{display:inline-block;padding:6px 8px;font-size:10px;line-height:12.5px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#fff;background:rgb(94,90,89);border-radius:4px}
.relw-prod__badge--sale{background:rgb(239,45,45)}
.relw-prod .relw-prod__title{margin:0 0 16px;font-size:21px;line-height:26.25px;font-weight:400;letter-spacing:-.84px;color:inherit}
.relw-prod__rating{display:flex;align-items:center;gap:8px;margin:0 0 16px;height:22px}
.relw-prod__stars{display:inline-flex}
.relw-prod__stars svg{display:block}
.relw-prod__price{display:flex;align-items:baseline;gap:8px;margin:0 0 16px;font-size:14px;line-height:21px}
.relw-prod__price .relw-pc__was{margin-right:4px;text-decoration:line-through;color:rgba(17,17,17,.6)}
.relw-prod__price .relw-pc__sale{color:rgb(194,81,81)}
.relw-prod__tax{font-size:10px;line-height:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:rgba(17,17,17,.7)}

.relw-prod__desc{margin:0 0 28px}
.relw-prod__desc-text{font-size:14px;line-height:22.4px}
.relw-prod__desc-text p{margin:0 0 12px}
.relw-prod__desc-text p:last-child{margin-bottom:0}
.relw-prod__desc.is-clamped .relw-prod__desc-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.relw-prod .relw-prod__more,.relw-prod .relw-prod__more:hover,.relw-prod .relw-prod__more:focus{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 0;font:inherit;font-size:10px;line-height:13px;letter-spacing:1px;text-transform:uppercase;color:rgb(17,17,17);background:none;border:0;border-radius:0;cursor:pointer}
.relw-prod__more[hidden]{display:none}
.relw-prod__more i{position:relative;width:10px;height:10px}
.relw-prod__more i::before,.relw-prod__more i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor}
.relw-prod__more i::after{transform:rotate(90deg)}
.relw-prod__desc.is-open .relw-prod__more i::after{display:none}

.relw-prod__options{margin:0 0 28px}
.relw-prod__group{margin:0 0 24px;padding:0;border:0;min-width:0}
.relw-prod__group:last-child{margin-bottom:0}
.relw-prod__label{display:flex;align-items:baseline;gap:6px;width:100%;margin:0 0 8px;padding:0;font-size:12px;line-height:19.2px;letter-spacing:2px;text-transform:uppercase;color:rgb(17,17,17)}
.relw-prod__label b{font-weight:600}
.relw-prod .relw-prod__guide,.relw-prod .relw-prod__guide:hover,.relw-prod .relw-prod__guide:focus{margin-left:auto;padding:0;font:inherit;font-size:12px;line-height:17px;letter-spacing:2px;text-transform:uppercase;color:rgb(17,17,17);background:none;border:0;border-radius:0;border-bottom:1px solid rgb(17,17,17);cursor:pointer}
.relw-prod__vals{display:flex;flex-wrap:wrap;gap:8px}
.relw-prod .relw-prod__size,.relw-prod .relw-prod__size:hover,.relw-prod .relw-prod__size:focus{position:relative;min-width:28px;height:28px;padding:1px 8px;font:inherit;font-size:10px;line-height:1;letter-spacing:1px;text-transform:uppercase;color:rgb(17,17,17);background:#fff;border:1px solid rgba(17,17,17,.15);border-radius:0;cursor:pointer;overflow:hidden}
.relw-prod .relw-prod__size.is-active{border-color:rgb(17,17,17)}
.relw-prod .relw-prod__size.is-out{color:rgba(17,17,17,.35)}
.relw-prod__size.is-out::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:rgba(17,17,17,.35);transform:rotate(-30deg)}
.relw-prod .relw-prod__sw,.relw-prod .relw-prod__sw:hover,.relw-prod .relw-prod__sw:focus{width:64px;height:64px;padding:5px;background:none;border:1px solid rgba(17,17,17,.15);border-radius:50%;cursor:pointer}
.relw-prod .relw-prod__sw.is-active{border-color:rgb(17,17,17)}
.relw-prod__sw span{display:block;width:52px;height:52px;border-radius:50%;background:var(--sw,#ccc);overflow:hidden}
.relw-prod__sw img{display:block;width:100%;height:100%;object-fit:cover}
.relw-prod__sw.is-out{opacity:.4}

.relw-prod__bar{margin:0 0 28px}
.relw-prod__bar .relw-prod__label{margin-bottom:12px}
.relw-prod__segs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.relw-prod__segs span{height:6px;background:rgba(17,17,17,.1)}
.relw-prod__segs span.is-on{background:rgb(17,17,17)}
.relw-prod__bar-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;line-height:19.2px}
.relw-prod__bar-labels span:nth-child(2){text-align:center;flex:1}
.relw-prod__bar-labels span:last-child{text-align:right}

.relw-prod__buy{margin:0 0 28px}
.relw-prod__row{display:flex;gap:12px}
.relw-prod__qty{display:flex;align-items:center;flex:0 0 169px;height:46px;border:1px solid rgba(17,17,17,.15);border-radius:50px}
.relw-prod .relw-prod__qty button,.relw-prod .relw-prod__qty button:hover,.relw-prod .relw-prod__qty button:focus{flex:0 0 40px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;color:rgba(17,17,17,.6);background:none;border:0;border-radius:0;cursor:pointer}
.relw-prod__qty svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1}
.relw-prod .relw-prod__qty input{flex:1;min-width:0;width:100%;height:44px;padding:0;font:inherit;font-size:12px;text-align:center;color:rgb(17,17,17);background:none;border:0;border-radius:0;box-shadow:none}
.relw-prod .relw-prod__btn,.relw-prod .relw-prod__btn:hover,.relw-prod .relw-prod__btn:focus{display:block;height:46px;padding:0 24px;font:inherit;font-size:10px;line-height:44px;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-align:center;border:1px solid rgb(17,17,17);border-radius:50px;cursor:pointer;transition:opacity .2s}
.relw-prod .relw-prod__btn--fill{flex:1;color:#fff;background:rgb(17,17,17)}
.relw-prod .relw-prod__btn--line{width:100%;margin-top:12px;color:rgb(17,17,17);background:transparent}
.relw-prod .relw-prod__btn[disabled]{opacity:.5;cursor:not-allowed}
.relw-prod__msg{margin:12px 0 0;font-size:12px;line-height:18px;color:rgb(194,81,81)}
.relw-prod__msg[hidden]{display:none}

.relw-prod__trust{margin:0;padding:0;list-style:none}
.relw-prod__trust li{display:flex;align-items:center;gap:14px;font-size:12px;line-height:19.2px;margin:0}
.relw-prod__trust svg{flex:0 0 12px;width:12px;height:12px;margin-left:2px;fill:none;stroke:rgb(17,17,17);stroke-width:1}

/* sticky mini bar */
.relw-prod__stickybar{position:fixed;left:0;right:0;top:67px;z-index:90;background:#fff;border-bottom:1px solid rgb(235,235,235);transform:translateY(-100%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
.relw-prod__stickybar.is-on{transform:none;visibility:visible;transition:transform .25s ease}
.relw-prod__stickywrap{display:flex;align-items:center;gap:16px;padding:18px 36px;min-height:81px}
.relw-prod__stickywrap img{width:44px;height:44px;object-fit:cover;background:rgb(238,238,238)}
.relw-prod__stickyinfo{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
.relw-prod__stickyinfo strong{flex:0 0 100%;font-size:12px;line-height:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relw-prod__stickyinfo span{font-size:12px}
.relw-prod__stickyinfo em{font-style:normal;font-size:12px;color:rgba(17,17,17,.6);text-transform:uppercase;letter-spacing:1px}
.relw-prod__stickywrap .relw-prod__btn{flex:0 0 auto;min-width:160px}

/* size guide drawer content */
.relw-sg__body{padding:24px 36px 36px;font-size:14px;line-height:22px}
.relw-sg__body table{width:100%;border-collapse:collapse}
.relw-sg__body th,.relw-sg__body td{padding:12px 8px;text-align:left;border-bottom:1px solid rgb(235,235,235)}
.relw-sg__body th{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:500}

@media (max-width:749px){
  .relw-prod{padding:0 0 64px}
  .relw-prod__grid{grid-template-columns:minmax(0,1fr);padding:0;row-gap:28px}
  .relw-prod__gallery{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .relw-prod__gallery::-webkit-scrollbar{display:none}
  .relw-prod__slide{flex:0 0 100%;scroll-snap-align:start}
  .relw-prod__thumbs{display:flex;gap:8px;margin:8px 16px 0;overflow-x:auto;scrollbar-width:none}
  .relw-prod__thumbs::-webkit-scrollbar{display:none}
  .relw-prod .relw-prod__thumb,.relw-prod .relw-prod__thumb:hover,.relw-prod .relw-prod__thumb:focus{flex:0 0 64px;height:85px;padding:0;background:rgb(238,238,238);border:1px solid transparent;border-radius:0;cursor:pointer;opacity:.6;overflow:hidden}
  .relw-prod .relw-prod__thumb.is-active{opacity:1;border-color:rgb(17,17,17)}
  .relw-prod__thumb img{display:block;width:100%;height:100%;object-fit:cover}
  .relw-prod__info{padding:0 16px}
  .relw-prod__sticky{position:static}
  .relw-prod .relw-prod__title{font-size:24px;line-height:30px;letter-spacing:-.96px}
  .relw-prod__qty{flex:0 0 95px}
  .relw-prod .relw-prod__qty button,.relw-prod .relw-prod__qty button:hover{flex:0 0 30px}
  .relw-prod__stickywrap{padding:12px 16px;gap:12px}
  .relw-prod__stickywrap .relw-prod__btn{min-width:0;padding:0 16px}
  .relw-prod__stickywrap img{display:none}
  .relw-sg__body{padding:20px 16px 24px}
}
@media (max-width:749px){.relw-prod__stickybar{top:65px}}

/* desktop: thumbs hidden (all images visible in the grid) */
@media (min-width:750px){.relw-prod__thumbs{display:none!important}}