/* Samino — size charts */

body.samino-size-page { background-color: #FFF7E8; }

/* Hero */
.samino-size__hero {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 138, 91, 0.10), transparent 55%),
    #FFF7E8;
  padding: 80px 24px 40px;
  border-bottom: 1px solid rgba(28, 28, 28, 0.06);
}
.samino-size__hero-inner { max-width: 1100px; margin: 0 auto; text-align: center; }
.samino-size__eyebrow {
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #FF8A5B;
  font-weight: 700;
  margin-bottom: 14px;
}
.samino-size__eyebrow--alt { color: #1C1C1C; }
.samino-size__title {
  font-family: "Playfair Display", serif;
  font-size: clamp(36px, 5.6vw, 56px);
  line-height: 1.05;
  color: #1C1C1C;
  margin-bottom: 14px;
}
.samino-size__sub {
  font-size: 15px;
  line-height: 1.65;
  color: #4a4a4a;
  max-width: 640px;
  margin: 0 auto;
}

/* Tabs + tables */
.samino-size__main { padding: 56px 24px 80px; }
.samino-size__layout { max-width: 1100px; margin: 0 auto; }

.samino-size__tabs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 28px;
}
@media (min-width: 768px) { .samino-size__tabs { grid-template-columns: repeat(3, 1fr); } }

.samino-size__tab {
  text-align: left;
  padding: 18px 22px;
  background: #fff;
  border: 1.5px solid #ECE6D7;
  border-radius: 14px;
  cursor: pointer;
  transition: all .2s;
}
.samino-size__tab:hover { border-color: rgba(255, 138, 91, 0.4); transform: translateY(-2px); }
.samino-size__tab.is-active {
  background: #1C1C1C;
  border-color: #1C1C1C;
  color: #fff;
}
.samino-size__tab-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 2px;
}
.samino-size__tab.is-active .samino-size__tab-label { color: #fff; }
.samino-size__tab-meta {
  display: block;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7A7A;
}
.samino-size__tab.is-active .samino-size__tab-meta { color: #FFB180; }

.samino-size__panel { display: none; }
.samino-size__panel.is-active { display: block; }

.samino-size__table-wrap {
  background: #fff;
  border: 1px solid #ECE6D7;
  border-radius: 18px;
  padding: clamp(16px, 2.5vw, 28px);
  overflow-x: auto;
  box-shadow: 0 18px 32px -28px rgba(28, 28, 28, 0.18);
}

.samino-size__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 540px;
}
.samino-size__table th,
.samino-size__table td {
  padding: 14px 16px;
  text-align: center;
  border-bottom: 1px solid #ECE6D7;
}
.samino-size__table thead th {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1C1C1C;
  background: #FFF7E8;
  font-weight: 700;
}
.samino-size__table tbody th {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7A7A;
  text-align: left;
  font-weight: 600;
  background: #FAF6EC;
}
.samino-size__table tbody td { color: #1C1C1C; font-weight: 500; }
.samino-size__table tbody tr:last-child th,
.samino-size__table tbody tr:last-child td { border-bottom: 0; }
.samino-size__table tbody tr:hover th,
.samino-size__table tbody tr:hover td { background: #FFFAEC; }

/* How to measure */
.samino-size__how {
  background: #fff;
  padding: 80px 24px;
  border-top: 1px solid #ECE6D7;
  border-bottom: 1px solid #ECE6D7;
}
.samino-size__how-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media (min-width: 1024px) {
  .samino-size__how-inner { grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start; }
}
.samino-size__how-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(26px, 3.6vw, 38px);
  line-height: 1.15;
  margin-bottom: 14px;
  color: #1C1C1C;
}
.samino-size__how-sub {
  font-size: 14px;
  line-height: 1.7;
  color: #4a4a4a;
}

.samino-size__how-steps {
  list-style: none;
  padding: 0;
  margin: 0;
}
.samino-size__how-steps li {
  display: flex;
  gap: 18px;
  padding: 22px 0;
  border-top: 1px solid rgba(28, 28, 28, 0.08);
}
.samino-size__how-steps li:first-child { border-top: 0; padding-top: 0; }
.samino-size__how-num {
  flex-shrink: 0;
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-style: italic;
  color: #FF8A5B;
}
.samino-size__how-steps h3 {
  font-size: 16px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 4px;
}
.samino-size__how-steps p {
  font-size: 14px;
  line-height: 1.65;
  color: #4a4a4a;
}

/* Tips strip */
.samino-size__tips { padding: 64px 24px; }
.samino-size__tips-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 768px) { .samino-size__tips-inner { grid-template-columns: repeat(3, 1fr); } }
.samino-size__tip {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 22px;
  background: #fff;
  border: 1px solid #ECE6D7;
  border-radius: 14px;
  color: #FF8A5B;
}
.samino-size__tip > div { color: initial; flex: 1; }
.samino-size__tip-title {
  font-size: 14px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 4px;
}
.samino-size__tip-meta {
  font-size: 13px;
  line-height: 1.6;
  color: #7A7A7A;
}
.samino-size__tip-meta a {
  color: #FF8A5B;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 138, 91, 0.4);
}