/* Rebeld Urbania — scalable, lightweight size guide system. */
.ru-size-page{background:#080808;color:#fff}
.ru-size-page{background:#080808;color:#fff}
.ru-size-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:center;min-height:clamp(32rem,62vh,40rem);padding-block:clamp(3.4rem,5.5vw,5.2rem);background:#050505}
.ru-size-hero__media{position:absolute;z-index:-2;inset:-12% -4%;background-image:url("../images/size-guide-hero-label.webp");background-repeat:no-repeat;background-position:center 48%;background-size:cover;opacity:.56;transform:translate3d(0,0,0) scale(1.16);transform-origin:center center;will-change:transform;pointer-events:none}
.ru-size-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgb(0 0 0/.97) 0%,rgb(0 0 0/.93) 25%,rgb(0 0 0/.78) 44%,rgb(0 0 0/.42) 67%,rgb(12 0 4/.5) 100%),linear-gradient(180deg,rgb(0 0 0/.18),rgb(0 0 0/.48));pointer-events:none}
.ru-size-hero::after{content:"";position:absolute;z-index:-1;inset:auto -8% -18% 28%;height:120%;background:linear-gradient(135deg,transparent 0%,rgb(255 16 49/.16) 46%,rgb(255 16 49/.06) 100%);transform:rotate(-10deg);pointer-events:none}
.ru-size-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,34rem) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,5rem);width:min(calc(100% - 3rem),var(--ru-container));min-height:0;margin-inline:auto}
.ru-size-hero__content{position:relative;display:grid;gap:1.15rem;align-content:center;max-width:34rem;padding:.35rem 0 .35rem clamp(1rem,1.6vw,1.45rem);border-left:3px solid var(--ru-red)}
.ru-size-hero h1{max-width:9ch;margin:0;font-size:clamp(3.35rem,5.55vw,5.8rem);line-height:.9;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 .18rem 1.4rem rgb(0 0 0/.65)}
.ru-size-hero__copy{max-width:33rem}
.ru-size-hero__copy p{max-width:31rem;margin:0 0 1.35rem;color:rgb(255 255 255/.88);font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.55;text-shadow:0 .1rem .8rem rgb(0 0 0/.78)}
.ru-size-tools{position:sticky;top:calc(var(--ru-header-height) + 2.1rem);z-index:70;padding-block:1rem;background:rgb(9 9 9/.96);border-block:1px solid rgb(255 255 255/.12);backdrop-filter:blur(14px)}
.ru-size-tools .ru-container{display:grid;gap:.85rem}
.ru-size-search label{display:block;margin-bottom:.35rem;color:var(--ru-grey-300);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ru-size-search__field{display:flex;align-items:center;gap:.6rem;min-height:3rem;padding-inline:.9rem;border:1px solid rgb(255 255 255/.2);border-radius:.55rem;background:#141414}
.ru-size-search__field .ru-icon{color:var(--ru-red)}
.ru-size-search__field input{width:100%;border:0;outline:0;background:transparent;color:#fff}
.ru-size-search__field input::placeholder{color:rgb(255 255 255/.42)}
.ru-size-filters{display:flex;gap:.5rem;overflow:auto;padding-bottom:.2rem;scrollbar-width:thin}
.ru-size-filters button{flex:none;min-height:2.6rem;padding:.55rem .85rem;border:1px solid rgb(255 255 255/.16);border-radius:999px;background:#111;color:#fff;font-size:.72rem;font-weight:900;text-transform:uppercase;cursor:pointer}
.ru-size-filters button.is-active,.ru-size-filters button:hover{border-color:var(--ru-red);background:var(--ru-red)}
.ru-size-directory{padding-block:clamp(3rem,6vw,6rem);background:var(--ru-paper);color:var(--ru-black)}
.ru-size-directory__intro{display:grid;gap:1rem;margin-bottom:2.5rem}
.ru-size-directory__intro h2{max-width:12ch;margin:0}
.ru-size-directory__intro>p{max-width:40rem;color:var(--ru-grey-700)}
.ru-size-directory__groups{display:grid;gap:2.5rem}
.ru-size-group[hidden]{display:none}
.ru-size-group>h3{margin:0 0 .8rem;padding-bottom:.65rem;border-bottom:2px solid var(--ru-red);font-size:clamp(1.6rem,3vw,2.35rem)}
.ru-size-group__list{display:grid;gap:.7rem}
.ru-size-guide-card{overflow:hidden;border:1px solid #d1ccc2;border-radius:.75rem;background:#fff;box-shadow:0 5px 20px rgb(0 0 0/.04)}
.ru-size-guide-card summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;cursor:pointer;list-style:none}
.ru-size-guide-card summary::-webkit-details-marker{display:none}
.ru-size-guide-card summary>span:first-child{display:grid;gap:.15rem}
.ru-size-guide-card summary strong{font-family:var(--ru-font-display);font-size:1.45rem;line-height:1;text-transform:uppercase}
.ru-size-guide-card summary small{color:var(--ru-grey-700)}
.ru-size-guide-card__toggle{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#111;color:#fff;font-size:1.35rem;transition:transform var(--ru-transition),background var(--ru-transition)}
.ru-size-guide-card[open] .ru-size-guide-card__toggle{transform:rotate(45deg);background:var(--ru-red)}
.ru-size-guide-card__body{padding:0 1.15rem 1.25rem;border-top:1px solid #e1ddd5}
.ru-size-guide-content{padding-top:1.2rem}
.ru-size-guide-content__intro{display:grid;gap:1rem;margin-bottom:1rem}
.ru-size-guide-content__intro p{margin:0}
.ru-size-guide-content__model{font-weight:900;text-transform:uppercase}
.ru-size-guide-notes{margin:0;padding-left:1.1rem;color:var(--ru-grey-700);font-size:.88rem}
.ru-size-guide-notes li+li{margin-top:.25rem}
.ru-size-table-block+.ru-size-table-block{margin-top:1.25rem}
.ru-size-table-block h4{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .45rem;font-size:.95rem;font-family:var(--ru-font-sans);letter-spacing:.04em}
.ru-size-table-block h4 span{color:var(--ru-grey-500);font-size:.72rem;font-weight:700;text-transform:uppercase}
.ru-size-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #d7d2c9;border-radius:.5rem;background:#fff;overscroll-behavior-inline:contain}
.ru-size-table{width:100%;min-width:38rem;border-collapse:collapse;color:#111;font-size:.84rem;white-space:nowrap}
.ru-size-table th,.ru-size-table td{padding:.68rem .72rem;border-right:1px solid #ddd8cf;border-bottom:1px solid #ddd8cf;text-align:center}
.ru-size-table tr>*:last-child{border-right:0}
.ru-size-table tbody tr:last-child>*{border-bottom:0}
.ru-size-table thead th{background:#171717;color:#fff;font-weight:900}
.ru-size-table thead th:first-child,.ru-size-table tbody th{text-align:left}
.ru-size-table tbody th{position:sticky;left:0;z-index:1;min-width:9rem;background:#f0ece5;font-weight:850}
.ru-size-table tbody tr:nth-child(even) td{background:#faf8f4}
.ru-size-empty{padding:2rem;border:1px dashed #b7b0a5;border-radius:.75rem;text-align:center}
.ru-size-help{padding-block:clamp(3rem,6vw,5rem);background:#0b0b0b;color:#fff;border-top:3px solid var(--ru-red)}
.ru-size-help__inner{display:grid;gap:2rem}
.ru-size-help h2{max-width:10ch;margin:0}
.ru-size-help__steps{display:grid;gap:.75rem}
.ru-size-help__steps p{margin:0;padding:1rem;border:1px solid rgb(255 255 255/.14);border-radius:.55rem;background:#121212;color:rgb(255 255 255/.8)}
.ru-size-help__steps strong{display:inline-block;margin-right:.35rem;color:var(--ru-red)}

/* Product modal and embedded exact guide. */
.ru-size-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:0;background:transparent;color:#fff;font-size:.78rem;font-weight:850;text-decoration:none;cursor:pointer}
.ru-size-trigger:hover{color:var(--ru-red)}
.ru-size-trigger .ru-icon{width:1rem;height:1rem}
.ru-size-modal{width:min(58rem,calc(100% - 1.5rem));max-height:min(88vh,52rem);padding:0;border:1px solid rgb(255 255 255/.15);border-radius:1rem;background:var(--ru-paper);color:var(--ru-black);box-shadow:0 30px 90px rgb(0 0 0/.7)}
.ru-size-modal::backdrop{background:rgb(0 0 0/.78);backdrop-filter:blur(5px)}
.ru-size-modal__header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;background:#0b0b0b;color:#fff;border-bottom:3px solid var(--ru-red)}
.ru-size-modal__header p{margin:0;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ru-size-modal__header h2{margin:.15rem 0 0;font-size:clamp(1.75rem,4vw,2.7rem)}
.ru-size-modal__close{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid rgb(255 255 255/.22);border-radius:999px;background:#161616;color:#fff;font-size:1.4rem;cursor:pointer}
.ru-size-modal__body{padding:1.15rem;overflow:auto}
.ru-size-modal__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;border-top:1px solid #d1ccc2;background:#ebe6de}
.ru-size-modal__footer p{margin:0;color:var(--ru-grey-700);font-size:.82rem}
.ru-product-size-guide{margin-top:.25rem}
.ru-product-size-guide .ru-size-guide-content{padding-top:0}
.ru-product-size-guide__missing{padding:1rem;border:1px solid #d5d0c7;border-radius:.55rem;background:#f7f4ee}
.ru-product-size-guide__missing p{margin-bottom:.65rem}

@media (min-width:48rem){
  .ru-size-tools .ru-container{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);align-items:end}
  .ru-size-directory__intro{grid-template-columns:minmax(0,1fr) minmax(20rem,.7fr);align-items:end}
  .ru-size-guide-content__intro{grid-template-columns:minmax(0,.7fr) minmax(18rem,1.3fr);align-items:start}
  .ru-size-help__inner{grid-template-columns:minmax(0,.8fr) minmax(22rem,1.2fr);align-items:start}
}
@media (max-width:47.99rem){
  .ru-size-tools{top:calc(var(--ru-header-height) + 2.1rem)}
  .ru-size-hero{min-height:auto;padding-block:clamp(3.25rem,12vw,4.75rem)}
  .ru-size-hero__media{inset:-10% -18%;background-position:63% center;opacity:.48;transform:translate3d(0,0,0) scale(1.14)}
  .ru-size-hero::before{background:linear-gradient(90deg,rgb(0 0 0/.97) 0%,rgb(0 0 0/.91) 62%,rgb(0 0 0/.65) 100%),linear-gradient(180deg,rgb(0 0 0/.22),rgb(0 0 0/.58))}
  .ru-size-hero__inner{grid-template-columns:1fr;gap:1rem;width:min(calc(100% - 2rem),var(--ru-container))}
  .ru-size-hero__content{max-width:32rem;padding-left:1rem}
  .ru-size-hero h1{max-width:8.6ch;font-size:clamp(3rem,14vw,4.8rem);line-height:.91}
  .ru-size-guide-card summary{padding:.9rem}
  .ru-size-guide-card__body{padding-inline:.9rem}
  .ru-size-modal{max-height:92vh}
  .ru-size-modal__body{padding:.9rem}
}
@media (prefers-reduced-motion:reduce){
  .ru-size-hero__media{transform:translate3d(0,0,0) scale(1.14)}
  .ru-size-guide-card__toggle{transition:none}
}