/* SURUSIC · Shared editorial system. WordPress and WooCommerce retain their native structure. */
:root {
  --olive:#3f422f;
  --orange:#d68b30;
  --cream:#f5e6c5;
  --brown:#4e2b11;
  --paper:#fffdf8;
  --line:rgba(63,66,47,.22);
  --body:'Montserrat',Arial,sans-serif;
  --display:'Lavish','Bodoni Moda',Georgia,serif;
  --gutter:clamp(22px,4vw,80px);
  --space:clamp(64px,6vw,112px);
  --shell:1440px
}
*,*::before,*::after {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:110px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--olive);
  font-family:var(--body);
  font-size:17px;
  line-height:1.7
}
img {
  max-width:100%;
  height:auto;
  vertical-align:middle
}
figure {
  margin:0
}
a {
  color:inherit;
  text-underline-offset:5px
}
a:hover {
  color:var(--brown)
}
button,input,select,textarea {
  font:inherit
}
button,a {
  touch-action:manipulation
}
button {
  cursor:pointer
}
p {
  margin:0 0 1.2em
}
h1,h2,h3,h4 {
  margin:0 0 .55em;
  color:inherit;
  line-height:1.16;
  font-weight:400
}
h1,h2 {
  font-family:var(--display);
  letter-spacing:-.025em;
  text-wrap:balance
}
h1 {
  font-size:clamp(2.7rem,4.2vw,5rem)
}
h2 {
  font-size:clamp(2.1rem,3.3vw,4rem)
}
h3 {
  font:500 clamp(1.3rem,1.8vw,1.9rem)/1.25 var(--display)
}
h4 {
  font:600 1rem/1.4 var(--body)
}
em {
  font-style:normal
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid var(--orange);
  outline-offset:5px
}
[hidden] {
  display:none!important
}
main:focus {
  outline:none
}
section[id] {
  scroll-margin-top:100px
}
.sur-shell,.sur-h36-shell {
  width:min(var(--shell),calc(100% - var(--gutter)*2));
  margin-inline:auto
}
.sur-section {
  padding-block:var(--space)
}
.sur-kicker,.sur-h36-eyebrow,.sur-contact-card__eyebrow,.sur-shop-kicker,.sur-product-kicker {
  font:600 .875rem/1.55 var(--body);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--brown);
  margin:0 0 20px
}
.sur-lead,.sur-h36 p,.sur-contact-card__lead {
  font-size:clamp(1.063rem,.95rem + .2vw,1.2rem);
  line-height:1.75;
  max-width:64ch
}
.sur-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
  margin-top:28px
}
.sur-btn,.sur-contact-card__button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 24px;
  border:1px solid var(--olive);
  border-radius:0;
  background:transparent;
  color:var(--olive);
  text-decoration:none;
  font:600 .95rem/1.45 var(--body)
}
.sur-btn--orange,.sur-contact-card__button--primary {
  background:var(--olive);
  color:var(--cream);
  border-color:var(--olive)
}
.sur-btn:hover,.sur-contact-card__button:hover {
  background:var(--brown);
  color:white;
  border-color:var(--brown)
}
.sur-text-link,.sur-h36-link {
  display:inline-block;
  font:600 .95rem/1.7 var(--body);
  padding-block:10px;
  text-decoration:underline
}
.sur-heading-row {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:40px
}
.sur-heading-row h2 {
  max-width:24ch
}
.sur-skip-link {
  position:fixed;
  top:12px;
  left:12px;
  z-index:1000;
  background:var(--cream);
  padding:12px 20px;
  transform:translateY(-180%)
}
.sur-skip-link:focus {
  transform:none
}
/* Navigation */
.sur-header {
  position:sticky;
  top:0;
  z-index:100;
  background:var(--paper);
  border-bottom:1px solid var(--line)
}
.admin-bar .sur-header {
  top:32px
}
.sur-header__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:96px
}
.sur-brand {
  display:block;
  flex:0 0 188px
}
.sur-brand img {
  width:188px;
  height:auto
}
.sur-nav {
  display:flex;
  gap:clamp(15px,1.5vw,28px);
  align-items:center
}
.sur-nav>a {
  font-size:.94rem;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
  padding:12px 0
}
.sur-nav>a:hover,.sur-nav>a[aria-current=page] {
  text-decoration:underline;
  text-decoration-color:var(--orange);
  text-decoration-thickness:2px
}
.sur-cart {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  min-width:44px;
  min-height:44px
}
.sur-cart__icon {
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6
}
.sur-cart__count {
  position:absolute;
  right:-5px;
  top:0;
  min-width:21px;
  height:21px;
  background:var(--olive);
  color:white;
  border-radius:50%;
  text-align:center;
  font:600 12px/21px var(--body)
}
.sur-header__mobile-actions {
  display:none;
  align-items:center;
  gap:18px
}
.sur-menu-toggle {
  border:0;
  border-radius:0;
  background:transparent;
  padding:12px;
  width:48px;
  height:48px;
  color:var(--olive)
}
.sur-menu-toggle span {
  display:block;
  width:24px;
  height:2px;
  background:currentColor;
  margin:5px 0
}
.sur-whatsapp-float {
  position:fixed;
  bottom:22px;
  right:22px;
  z-index:90;
  width:52px;
  height:52px;
  background:var(--olive);
  color:var(--cream);
  display:grid;
  place-items:center;
  border:1px solid var(--cream);
  border-radius:50%
}
.sur-whatsapp-float svg {
  width:30px;
  fill:currentColor
}
.sur-whatsapp-float span {
  display:none
}
.sur-whatsapp-float:hover {
  background:var(--brown);
  color:white
}
/* Home: complete product artwork, no frame. */
.sur-hero {
  padding-block:clamp(44px,5vw,88px);
  background:var(--cream)
}
.sur-hero__grid {
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:clamp(24px,4vw,70px);
  align-items:center
}
.sur-hero__copy h1 {
  max-width:14ch;
  margin-bottom:26px
}
.sur-hero-line {
  display:block
}
.sur-hero__media {
  position:relative;
  isolation:isolate;
  background:none;
  border:0;
  box-shadow:none
}
.sur-hero__media::before {
  content:'';
  position:absolute;
  inset:12%;
  background:url('../images/isotipo-surusic.png') center/contain no-repeat;
  opacity:.045;
  z-index:-1
}
.sur-hero-static-art picture {
  display:block
}
.sur-hero-static-art img {
  width:100%;
  height:auto;
  object-fit:contain;
  max-height:680px
}
.sur-marquee {
  background:var(--olive);
  color:var(--cream);
  overflow:hidden;
  padding:18px 0
}
.sur-marquee__track {
  font-size:.875rem;
  letter-spacing:.2em;
  text-align:center;
  white-space:nowrap
}
.sur-marquee__track span+span {
  display:none
}
.sur-meaning__grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:var(--gutter);
  align-items:center
}
.sur-meaning__words {
  font-size:clamp(2rem,3.1vw,3.7rem)
}
.sur-meaning__words span {
  display:block
}
.sur-symbol-lockup {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:25px
}
.sur-symbol-wheel {
  width:min(54%,220px)
}
.sur-symbol-wheel img {
  width:100%
}
.sur-symbol-wordmark {
  width:min(65%,320px)
}
.sur-story {
  padding:0;
  background:var(--olive);
  color:var(--cream)
}
.sur-story__grid {
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch
}
.sur-story__copy {
  padding:var(--space) var(--gutter)
}
.sur-story .sur-kicker {
  color:var(--cream)
}
.sur-story blockquote {
  font:400 clamp(2.2rem,3.5vw,4.1rem)/1.16 var(--display);
  margin:0 0 28px;
  text-wrap:balance
}
.sur-story__detail {
  font-size:1.063rem
}
.sur-story a:hover {
  color:white
}
.sur-editorial-photo {
  display:flex;
  align-items:center
}
.sur-editorial-photo img {
  display:block;
  width:100%;
  height:auto
}
.sur-categories h2 {
  max-width:25ch
}
.sur-collections {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin-top:42px
}
.sur-collection {
  text-decoration:none;
  min-width:0;
  border-bottom:1px solid var(--line)
}
.sur-collection__visual {
  background:var(--cream)
}
.sur-collection__visual img {
  width:100%;
  height:clamp(240px,25vw,360px);
  object-fit:contain
}
.sur-collection__copy {
  padding:24px 0
}
.sur-collection__number {
  font-size:.875rem;
  color:var(--brown)
}
.sur-collection h3 {
  font-size:2.1rem;
  margin-top:8px
}
.sur-collection p {
  font-size:1rem;
  min-height:3.4em
}
.sur-collection strong {
  font-size:.9rem;
  font-weight:600
}
.sur-process {
  background:var(--olive);
  color:var(--cream)
}
.sur-process .sur-kicker {
  color:var(--cream)
}
.sur-process__heading {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:var(--gutter);
  align-items:end
}
.sur-cycle {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
  margin-top:48px
}
.sur-cycle__line,.sur-cycle-loopmark {
  display:none
}
.sur-cycle-step {
  border-top:1px solid #f5e6c560;
  padding-top:22px
}
.sur-cycle-step__marker {
  font-size:.875rem;
  margin-bottom:20px
}
.sur-cycle-step p {
  font-size:1rem
}
.sur-cycle-step h3 {
  font-size:1.5rem
}
.sur-products {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px
}
.sur-product {
  min-width:0
}
.sur-product>a {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  background:linear-gradient(to bottom,transparent 22%,var(--cream) 22%,var(--cream) 86%,transparent 86%);
  text-decoration:none;
  min-height:320px;
  gap:16px
}
.sur-product__image {
  position:relative;
  min-width:0
}
.sur-product__image img {
  width:100%;
  height:310px;
  object-fit:contain
}
.sur-product__view {
  display:none
}
.sur-product__body {
  padding:20px 20px 20px 0
}
.sur-product h3 {
  font:400 clamp(1.4rem,1.7vw,1.9rem)/1.25 var(--display)
}
.sur-product__meta {
  display:grid;
  gap:18px;
  font-size:.9rem
}
.sur-product__meta strong {
  font-size:1.05rem
}
.sur-impact {
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--cream)
}
.sur-impact__photo {
  min-width:0
}
.sur-impact__photo img {
  width:100%;
  height:100%;
  object-fit:cover
}
.sur-impact__copy {
  padding:var(--space) var(--gutter)
}
.sur-motive {
  border-bottom:1px solid var(--line);
  padding:22px 0
}
.sur-motive>span {
  font-size:.875rem
}
.sur-motive h3 {
  margin-top:8px
}
.sur-motive p {
  font-size:1rem;
  margin-bottom:0
}
.sur-special h2 {
  max-width:28ch
}
.sur-special__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-top:42px
}
.sur-special-card {
  text-decoration:none
}
.sur-special-card__photo img {
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover
}
.sur-special-card__copy {
  padding-top:26px
}
.sur-special-card__copy span {
  font-size:.95rem;
  font-weight:600;
  text-decoration:underline
}
.sur-manifesto {
  background:var(--olive);
  color:var(--cream);
  text-align:center
}
.sur-manifesto .sur-kicker {
  color:var(--cream)
}
.sur-manifesto h2 {
  font-size:clamp(1.65rem,3.1vw,3.8rem);
  line-height:1.4;
  letter-spacing:0;
  margin:0
}
.sur-manifesto h2 span {
  display:block
}
/* History */
.sur-h36 {
  color:var(--olive)
}
.sur-h36-hero,.sur-h36-split,.sur-h36-shop,.sur-h36-origin__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch
}
.sur-h36-hero {
  background:var(--cream)
}
.sur-h36-hero__copy,.sur-h36-panel {
  display:flex;
  align-items:center;
  padding:clamp(50px,5vw,88px) var(--gutter)
}
.sur-h36-copy-inner {
  width:100%;
  max-width:660px;
  margin:0
}
.sur-h36 h1 {
  max-width:17ch
}
.sur-h36 h2 {
  max-width:21ch
}
.sur-h36 h3 {
  font-family:var(--body);
  font-size:1.3rem;
  font-weight:500
}
.sur-h36-lead {
  margin-top:28px
}
.sur-h36-media {
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden
}
.sur-h36-media picture {
  display:block;
  width:100%
}
.sur-h36-media img {
  width:100%;
  height:auto;
  display:block
}
.sur-h36-media--hero {
  background:var(--paper)
}
.sur-h36-split--territory,.sur-h36-split--lake {
  background:var(--paper)
}
.sur-h36-split--territory .sur-h36-media img,.sur-h36-split--lake .sur-h36-media img {
  height:100%;
  object-fit:cover
}
.sur-h36-credit {
  position:absolute;
  left:18px;
  bottom:16px;
  color:white;
  font:500 .813rem/1.5 var(--body);
  text-shadow:0 1px 4px #000,0 1px 8px #000;
  max-width:calc(100% - 36px)
}
.sur-h36-intro {
  padding-block:var(--space);
  background:var(--paper)
}
.sur-h36-intro__grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(28px,5vw,80px);
  align-items:center
}
.sur-h36-intro h2 {
  max-width:15ch;
  margin-bottom:0
}
.sur-h36-flow {
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  align-items:center;
  border-top:1px solid var(--line);
  padding-top:22px;
  margin-top:24px;
  font-size:.94rem;
  font-weight:500
}
.sur-h36-flow i {
  font-style:normal
}
.sur-h36-panel--brown {
  background:var(--brown);
  color:var(--cream)
}
.sur-h36-panel--olive {
  background:var(--olive);
  color:var(--cream)
}
.sur-h36-panel--cream {
  background:var(--cream)
}
.sur-h36-panel--olive p,.sur-h36-panel--brown p {
  color:inherit
}
.sur-h36-eyebrow--light {
  color:var(--cream)
}
.sur-h36-split--secondlife {
  background:var(--brown)
}
.sur-h36-split--people {
  background:var(--olive)
}
.sur-h36-origin {
  padding-top:var(--space)
}
.sur-h36-sectionhead {
  max-width:950px;
  margin:0 auto 48px;
  text-align:center
}
.sur-h36-sectionhead h2,.sur-h36-sectionhead>p {
  margin-inline:auto;
  max-width:34ch
}
.sur-h36-sectionhead>p:last-child {
  max-width:68ch
}
.sur-h36-origin__grid {
  background:var(--cream)
}
.sur-h36-timeline {
  padding:40px var(--gutter);
  display:flex;
  flex-direction:column;
  justify-content:center
}
.sur-h36-timeline article {
  display:grid;
  grid-template-columns:30px 1fr;
  gap:20px;
  padding:26px 0;
  border-top:1px solid var(--line)
}
.sur-h36-timeline article>span {
  font-size:.875rem
}
.sur-h36-timeline article p {
  font-size:1rem;
  margin:0
}
.sur-h36-gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  padding:var(--space) var(--gutter)
}
.sur-h36-gallery figure {
  min-width:0
}
.sur-h36-gallery img {
  width:100%;
  height:auto
}
.sur-h36-direction,.sur-h36-values {
  padding-block:var(--space)
}
.sur-h36-direction__row {
  display:grid;
  grid-template-columns:.35fr 1fr;
  gap:clamp(24px,5vw,80px);
  padding:32px 0;
  border-top:1px solid var(--line)
}
.sur-h36-direction__row>div {
  display:flex;
  gap:18px
}
.sur-h36-direction__row span {
  font-size:.875rem
}
.sur-h36-direction__row p {
  margin:0;
  max-width:76ch
}
.sur-h36-values {
  background:var(--olive);
  color:var(--cream)
}
.sur-h36-values__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px
}
.sur-h36-values__grid>div {
  display:flex;
  gap:24px;
  padding:24px 0;
  border-top:1px solid #f5e6c550
}
.sur-h36-values__grid p {
  font-size:1.05rem;
  margin:0
}
.sur-h36-values__grid span {
  font-size:.875rem
}
.sur-h36-principles {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px 40px;
  margin-top:42px;
  font-size:.9rem
}
.sur-h36-closing {
  padding-block:var(--space);
  background:var(--cream);
  text-align:center
}
.sur-h36-closing p {
  font:400 clamp(1.6rem,3vw,3.5rem)/1.45 var(--display);
  max-width:none;
  margin:0 auto;
  color:var(--olive)
}
.sur-h36-shop {
  background:var(--cream)
}
.sur-h36-shop .sur-btn {
  margin-top:16px
}
/* Store: native product images and editable text in the reference composition. */
.woocommerce .site-main,.woocommerce-page .site-main {
  width:min(var(--shell),calc(100% - var(--gutter)*2));
  max-width:var(--shell);
  margin:0 auto;
  padding-block:48px
}
.sur-shop-hero {
  background:var(--olive);
  color:var(--cream);
  margin-bottom:48px
}
.sur-shop-hero__inner {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:32px;
  align-items:center;
  padding:clamp(35px,4vw,70px)
}
.sur-shop-hero h1 {
  font-size:clamp(2.5rem,4vw,4.6rem);
  max-width:17ch
}
.sur-shop-hero__copy>p {
  font-size:1.063rem;
  max-width:54ch
}
.sur-shop-hero .sur-shop-kicker {
  color:var(--cream);
  font-size:.875rem
}
.sur-shop-categories {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-top:28px
}
.sur-shop-categories a {
  padding:9px 0;
  text-decoration:none;
  font-size:1rem;
  border-bottom:1px solid transparent
}
.sur-shop-categories a:hover,.sur-shop-categories .is-active {
  color:white;
  border-color:var(--cream)
}
.sur-shop-hero__visual {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center
}
.sur-shop-hero__piece img {
  width:100%;
  height:clamp(180px,23vw,330px);
  object-fit:contain
}
.sur-shop-hero__piece--two {
  margin-top:40px
}
.woocommerce ul.products {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px 32px;
  margin:30px 0;
  padding:0;
  list-style:none
}
.woocommerce ul.products::before,.woocommerce ul.products::after {
  display:none
}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product {
  float:none!important;
  width:auto!important;
  margin:0!important;
  min-width:0;
  position:relative;
  padding:0 0 26px;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  box-shadow:none
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:16px;
  align-content:center;
  min-height:330px;
  text-decoration:none;
  background:linear-gradient(to bottom,transparent 18%,var(--cream) 18%,var(--cream) 88%,transparent 88%)
}
.woocommerce ul.products li.product a img {
  width:100%;
  height:330px;
  object-fit:contain;
  margin:0;
  grid-column:1;
  grid-row:1/6;
  align-self:center
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font:400 clamp(1.4rem,1.9vw,2rem)/1.2 var(--display);
  padding:24px 20px 10px 0;
  margin:0;
  grid-column:2;
  align-self:end
}
.sur-product-card__description {
  font:400 1rem/1.6 var(--body);
  grid-column:2;
  padding-right:20px;
  margin:0 0 18px
}
.woocommerce ul.products li.product .price {
  font:600 1.15rem/1.5 var(--body);
  color:var(--brown);
  grid-column:2;
  padding-right:20px;
  margin:0 0 24px
}
.woocommerce ul.products li.product .star-rating {
  grid-column:2
}
.woocommerce ul.products li.product .button {
  margin:16px 0 0 50%;
  max-width:50%;
  font-size:.9rem;
  white-space:normal;
  line-height:1.5
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt {
  background:var(--olive);
  color:var(--cream);
  border-radius:0;
  font-family:var(--body);
  font-weight:600;
  min-height:46px;
  padding:12px 20px
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover {
  background:var(--brown);
  color:white
}
.woocommerce span.onsale {
  background:var(--olive);
  color:white;
  font:600 .875rem/1.4 var(--body);
  border-radius:0;
  min-height:0;
  padding:8px
}
.woocommerce div.product .product_title {
  font-size:clamp(2.1rem,3.8vw,4.4rem)
}
.woocommerce div.product p.price,.woocommerce div.product span.price {
  color:var(--brown);
  font-family:var(--body)
}
.woocommerce div.product .woocommerce-product-gallery img {
  object-fit:contain;
  height:auto
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius:0
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-size:2rem
}
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea {
  max-width:100%;
  min-height:46px;
  padding:10px;
  border:1px solid var(--line);
  background:white;
  color:var(--olive);
  border-radius:0
}
.woocommerce .quantity .qty {
  min-width:70px
}
.woocommerce .woocommerce-ordering select {
  font-size:1rem
}
.woocommerce .woocommerce-result-count {
  font-size:1rem
}
.sur-product-note {
  margin-top:24px;
  border-top:1px solid var(--line);
  padding-top:20px;
  font-size:.95rem;
  display:grid;
  gap:6px
}
.woocommerce table.shop_table {
  font-size:1rem
}
.woocommerce a.added_to_cart {
  padding:12px;
  font-size:1rem
}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span {
  padding:15px
}
.woocommerce-message,.woocommerce-info {
  border-top-color:var(--olive)
}
/* Contact, partners and footer */
.sur-contact-card-section {
  padding-block:var(--space)
}
.sur-contact-card {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(32px,5vw,80px);
  align-items:center
}
.sur-contact-card h1 {
  max-width:17ch
}
.sur-contact-card__visual img {
  width:100%;
  height:auto;
  object-fit:contain
}
.sur-contact-card__person {
  display:grid;
  gap:2px;
  margin:30px 0
}
.sur-contact-card__name {
  font-size:1.35rem;
  font-weight:600
}
.sur-contact-card__role {
  font-size:1rem
}
.sur-contact-card__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}
.sur-contact-card__phone {
  margin-top:24px
}
.sur-contact__existing:empty {
  display:none
}
.sur-supporters {
  padding:60px 0 70px;
  background:white;
  color:var(--olive)
}
.sur-supporters__head {
  text-align:center;
  margin-bottom:35px
}
.sur-supporters__head h2 {
  font:500 1.2rem/1.5 var(--body);
  margin:0
}
.sur-supporters__eyebrow,.sur-supporters__head>p:last-child {
  display:none
}
.sur-supporters__logos {
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:30px;
  align-items:center
}
.sur-supporter {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:75px;
  padding:0;
  border:0;
  background:none;
  box-shadow:none
}
.sur-supporter img {
  width:100%;
  max-height:65px;
  object-fit:contain;
  transform:none
}
.sur-supporter:first-child img {
  max-height:90px;
  max-width:80px
}
.sur-footer {
  background:var(--olive);
  color:var(--cream);
  padding-top:65px
}
.sur-footer__grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:45px;
  padding-bottom:50px
}
.sur-footer__logo {
  width:235px;
  margin-bottom:25px
}
.sur-footer__intro p {
  max-width:33ch;
  font-size:1rem
}
.sur-footer__grid>div>a {
  display:block;
  width:fit-content;
  font-size:1rem;
  padding:5px 0;
  text-decoration:none
}
.sur-footer a:hover {
  color:white;
  text-decoration:underline
}
.sur-footer h4 {
  margin-bottom:18px
}
.sur-socials {
  display:flex;
  gap:12px
}
.sur-social {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #f5e6c570
}
.sur-social svg {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4
}
.sur-footer__bottom {
  border-top:1px solid #f5e6c540;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-block:24px;
  font-size:.875rem
}
.sur-orders-intro {
  text-align:center;
  padding-block:var(--space)
}
.sur-orders-intro h1 {
  max-width:22ch;
  margin-inline:auto
}
.sur-orders-intro p {
  max-width:65ch;
  margin-inline:auto
}
.sur-orders .sur-special {
  padding-top:0
}
.sur-orders-contact {
  text-align:center;
  padding:0 var(--gutter) var(--space)
}
/* Breakpoints follow available space, including browser zoom and text enlargement. */
@media(min-width:1700px) {
  .sur-h36-hero__copy,.sur-h36-panel,.sur-story__copy,.sur-impact__copy {
    padding-inline:max(64px,calc((100vw - 1440px)/2))
  }
}
@media(max-width:1150px) {
  .sur-header__inner {
    flex-wrap:wrap;
    min-height:80px;
    padding-block:12px
  }
  .sur-header__mobile-actions {
    display:flex
  }
  .sur-brand {
    flex-basis:165px
  }
  .sur-brand img {
    width:165px
  }
  .sur-nav {
    flex-basis:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px 20px;
    padding-block:12px
  }
  .sur-nav>a {
    white-space:normal
  }
  .sur-nav .sur-cart--desktop {
    display:none
  }
  .sur-js .sur-nav {
    display:none
  }
  .sur-js .sur-nav.is-open {
    display:grid
  }
  .sur-supporters__logos {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:30px 40px
  }
  .sur-h36-hero__copy,.sur-h36-panel,.sur-story__copy,.sur-impact__copy {
    padding:54px 32px
  }
  .sur-shop-hero__inner {
    padding:36px
  }
  .sur-product>a {
    min-height:280px
  }
  .sur-product__image img {
    height:270px
  }
}
@media(max-width:820px) {
  h1 {
    font-size:clamp(2.5rem,7vw,3.8rem)
  }
  h2 {
    font-size:clamp(2rem,5.8vw,3rem)
  }
  .sur-hero__grid,.sur-meaning__grid,.sur-story__grid,.sur-impact,.sur-h36-hero,.sur-h36-split,.sur-h36-shop,.sur-h36-origin__grid,.sur-h36-intro__grid,.sur-contact-card,.sur-shop-hero__inner {
    grid-template-columns:1fr
  }
  .sur-hero__copy h1 {
    max-width:18ch
  }
  .sur-hero__media {
    max-width:540px;
    width:100%;
    margin-inline:auto
  }
  .sur-hero-static-art img {
    max-height:500px
  }
  .sur-meaning__grid {
    gap:40px
  }
  .sur-symbol-lockup {
    max-width:350px;
    margin:auto
  }
  .sur-collections {
    gap:18px
  }
  .sur-collection__visual img {
    height:240px
  }
  .sur-collection h3 {
    font-size:1.7rem
  }
  .sur-collection p {
    font-size:.94rem
  }
  .sur-process__heading {
    grid-template-columns:1fr;
    gap:10px
  }
  .sur-cycle {
    grid-template-columns:1fr 1fr
  }
  .sur-products {
    grid-template-columns:1fr
  }
  .sur-product>a {
    min-height:320px
  }
  .sur-product__image img {
    height:320px
  }
  .sur-impact__photo img {
    height:auto
  }
  .sur-h36-media--hero {
    order:2
  }
  .sur-h36-media img,.sur-h36-split--territory .sur-h36-media img,.sur-h36-split--lake .sur-h36-media img {
    height:auto;
    object-fit:contain
  }
  .sur-h36-split--secondlife .sur-h36-media,.sur-h36-split--lake .sur-h36-media {
    order:2
  }
  .sur-h36 h1,.sur-h36 h2 {
    max-width:24ch
  }
  .sur-h36-hero__copy,.sur-h36-panel,.sur-story__copy,.sur-impact__copy {
    padding:54px var(--gutter)
  }
  .sur-h36-gallery {
    gap:14px;
    padding-block:50px
  }
  .sur-h36-direction__row {
    grid-template-columns:1fr;
    gap:16px
  }
  .sur-h36-timeline {
    padding:30px var(--gutter)
  }
  .sur-shop-hero__visual {
    max-width:460px;
    margin:auto
  }
  .sur-shop-hero__piece img {
    height:240px
  }
  .woocommerce ul.products {
    grid-template-columns:1fr
  }
  .sur-contact-card__visual {
    max-width:700px
  }
  .sur-footer__grid {
    grid-template-columns:1.6fr 1fr;
    gap:40px
  }
  .sur-heading-row {
    display:block
  }
  .sur-footer__bottom {
    flex-wrap:wrap
  }
  .admin-bar .sur-header {
    top:46px
  }
}
@media(max-width:560px) {
  body {
    font-size:16px
  }
  .sur-header__inner {
    min-height:76px
  }
  .sur-nav {
    grid-template-columns:1fr 1fr;
    max-height:calc(100dvh - 100px);
    overflow-y:auto
  }
  .sur-nav>a {
    font-size:1rem;
    min-height:48px
  }
  .sur-header__mobile-actions {
    gap:6px
  }
  .sur-collections,.sur-special__grid {
    grid-template-columns:1fr;
    gap:34px
  }
  .sur-collection__visual img {
    height:310px
  }
  .sur-collection p {
    min-height:0
  }
  .sur-collection__copy {
    padding:20px 0
  }
  .sur-product>a {
    grid-template-columns:.95fr 1.05fr;
    gap:10px
  }
  .sur-product__body {
    padding-right:8px
  }
  .sur-product__image img {
    height:270px
  }
  .sur-h36-gallery {
    grid-template-columns:1fr;
    gap:20px
  }
  .sur-h36-values__grid {
    grid-template-columns:1fr
  }
  .sur-h36-principles {
    justify-content:flex-start
  }
  .sur-h36-flow {
    font-size:.875rem;
    gap:8px
  }
  .sur-cycle {
    gap:24px
  }
  .sur-cycle-step h3 {
    font-size:1.35rem
  }
  .sur-cycle-step p {
    font-size:1rem
  }
  .sur-shop-hero__inner {
    padding:28px 22px;
    gap:20px
  }
  .sur-shop-hero__piece img {
    height:180px
  }
  .sur-shop-hero h1 {
    font-size:2.5rem
  }
  .woocommerce ul.products li.product a.woocommerce-loop-product__link {
    grid-template-columns:.9fr 1.1fr;
    column-gap:10px;
    min-height:285px
  }
  .woocommerce ul.products li.product a img {
    height:285px
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size:1.5rem;
    padding-right:12px
  }
  .sur-product-card__description {
    font-size:.94rem;
    padding-right:12px
  }
  .woocommerce ul.products li.product .button {
    margin-left:0;
    max-width:100%;
    width:100%
  }
  .sur-supporters__logos {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px
  }
  .sur-supporter img {
    max-width:145px
  }
  .sur-footer__grid {
    grid-template-columns:1fr 1fr;
    gap:30px 20px
  }
  .sur-footer__intro {
    grid-column:1/-1
  }
  .sur-footer__bottom {
    padding-bottom:85px
  }
  .sur-whatsapp-float {
    right:16px;
    bottom:16px
  }
  .sur-contact-card h1 {
    font-size:2.6rem
  }
  .sur-contact-card__actions {
    flex-direction:column;
    align-items:stretch
  }
  .sur-contact-card__button {
    width:100%
  }
  .sur-manifesto h2,.sur-h36-closing p {
    font-size:clamp(1.5rem,5.8vw,2rem)
  }
  .admin-bar .sur-header {
    top:0
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}

/* Corrección visual 38.2 --------------------------------------------- */
body.woocommerce .site-main,
body.woocommerce-page .site-main {
  position:relative;
  isolation:isolate;
  font-family:var(--body)
}
body.woocommerce .site-main>*:not(.sur-catalog-watermarks),
body.woocommerce-page .site-main>*:not(.sur-catalog-watermarks) {
  position:relative;
  z-index:1
}
.sur-catalog-watermarks {
  position:absolute;
  inset:0;
  z-index:0;
  min-height:100%;
  overflow:hidden
}
.sur-catalog-watermark {
  width:clamp(150px,15vw,270px);
  opacity:.018;
  filter:grayscale(1) blur(.35px)
}
.sur-catalog-watermark--left {
  top:8%;
  left:clamp(-95px,-5vw,-45px)
}
.sur-catalog-watermark--right {
  right:clamp(-100px,-5vw,-48px);
  bottom:12%
}

/* Tarjetas ordenadas y sin paneles laterales. */
body.woocommerce ul.products,
body.woocommerce-page ul.products {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(24px,2.6vw,40px)!important
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:100%!important;
  overflow:hidden!important;
  padding:0 0 22px!important;
  border:1px solid rgba(63,66,47,.12)!important;
  border-radius:18px!important;
  background:rgba(255,253,248,.9)!important;
  box-shadow:0 16px 38px rgba(63,66,47,.055)!important
}
body.woocommerce ul.products li.product a.woocommerce-loop-product__link,
body.woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  background:transparent!important
}
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
  display:block!important;
  width:100%!important;
  height:clamp(240px,22vw,340px)!important;
  margin:0!important;
  padding:16px!important;
  object-fit:contain!important;
  background:rgba(245,230,197,.34)!important
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:18px 20px 6px!important;
  overflow-wrap:anywhere;
  color:var(--olive)!important;
  font:400 clamp(1.35rem,1.55vw,1.75rem)/1.18 var(--display)!important
}
body.woocommerce ul.products li.product .sur-product-card__description,
body.woocommerce-page ul.products li.product .sur-product-card__description {
  width:100%!important;
  margin:0 0 12px!important;
  padding:0 20px!important;
  color:var(--olive)!important;
  font:400 .9rem/1.55 var(--body)!important
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
  width:100%!important;
  margin:auto 0 0!important;
  padding:4px 20px 0!important;
  color:var(--brown)!important;
  font:650 1rem/1.4 var(--body)!important
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button {
  align-self:flex-start!important;
  width:auto!important;
  max-width:calc(100% - 40px)!important;
  min-height:42px!important;
  margin:17px 20px 0!important;
  padding:10px 17px!important;
  border-radius:0!important;
  font:650 .82rem/1.35 var(--body)!important
}
body.single-product section.related>h2,
body.single-product section.upsells>h2 {
  margin-bottom:28px;
  font:400 clamp(2rem,3.3vw,3.2rem)/1.08 var(--display)
}

/* La ficha ya no permanece fija ni invade las secciones siguientes. */
body.single-product .site-main div.product {
  grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);
  gap:clamp(34px,5vw,72px)
}
body.single-product div.product .summary {
  position:relative!important;
  top:auto!important;
  align-self:start;
  padding:clamp(24px,3vw,42px)!important;
  border-radius:20px!important;
  box-shadow:0 18px 44px rgba(63,66,47,.065)!important
}
body.single-product .woocommerce div.product .product_title,
body.single-product div.product .product_title {
  max-width:100%;
  margin:0 0 20px;
  overflow-wrap:normal;
  color:var(--olive);
  font:400 clamp(2.35rem,3.5vw,3.5rem)/1.04 var(--display)
}
body.single-product div.product .woocommerce-tabs,
body.single-product div.product section.related,
body.single-product div.product section.upsells {
  position:relative;
  z-index:2;
  clear:both
}
body.single-product .woocommerce-tabs {
  margin-top:clamp(42px,6vw,76px)
}
body.single-product .woocommerce-tabs ul.tabs,
body.single-product .woocommerce-tabs .panel {
  font-family:var(--body)
}

/* Variaciones discretas. */
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations td {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.woocommerce div.product form.cart table.variations td.value {
  padding:0!important
}
.sur-variation-choice {
  margin-bottom:19px
}
.sur-variation-choice__title {
  margin-bottom:8px;
  font-size:.7rem;
  letter-spacing:.1em
}
.sur-variation-choice__options {
  gap:7px 13px
}
.sur-variation-choice.is-color .sur-variation-option {
  min-width:52px;
  gap:4px;
  padding:4px 3px;
  border:0!important;
  box-shadow:none!important
}
.sur-variation-option__color {
  width:29px;
  height:29px;
  border-width:1px;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.36),0 4px 9px rgba(63,66,47,.08)
}
.sur-variation-option__name {
  font-size:.68rem;
  font-weight:600
}
.sur-variation-choice.is-color .sur-variation-option.is-selected .sur-variation-option__color {
  border-color:var(--orange);
  box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--olive)
}
.sur-variation-choice.is-aroma .sur-variation-option {
  min-height:0;
  padding:5px 1px 4px;
  border:0;
  border-bottom:1px solid rgba(63,66,47,.32);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:.84rem;
  font-weight:550
}
.sur-variation-choice.is-aroma .sur-variation-option:hover:not(:disabled) {
  transform:none;
  border-color:var(--orange);
  box-shadow:none
}
.sur-variation-choice.is-aroma .sur-variation-option.is-selected {
  border-color:var(--orange);
  background:transparent;
  color:var(--brown);
  box-shadow:none
}
.woocommerce div.product form.cart .button.disabled,
.woocommerce div.product form.cart .button:disabled,
.woocommerce div.product form.cart .button:disabled[disabled] {
  background:var(--olive)!important;
  color:var(--cream)!important;
  opacity:.38!important
}
.woocommerce div.product form.cart .quantity .qty,
.woocommerce div.product form.cart button,
.woocommerce div.product form.cart input {
  font-family:var(--body)
}

@media(max-width:1050px) {
  body.woocommerce ul.products,
  body.woocommerce-page ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  body.single-product .site-main div.product {
    grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);
    gap:28px
  }
}
@media(max-width:767px) {
  .sur-catalog-watermark {
    width:150px;
    opacity:.014
  }
  .sur-catalog-watermark--left { left:-75px }
  .sur-catalog-watermark--right { right:-78px }
  body.woocommerce ul.products,
  body.woocommerce-page ul.products,
  body.single-product .site-main div.product {
    grid-template-columns:minmax(0,1fr)!important
  }
  body.woocommerce ul.products li.product a img,
  body.woocommerce-page ul.products li.product a img {
    height:min(88vw,360px)!important
  }
  body.single-product div.product .summary {
    padding:22px 18px!important
  }
  body.single-product .woocommerce div.product .product_title,
  body.single-product div.product .product_title {
    font-size:clamp(2.1rem,11vw,3rem)
  }
}

/* Refinamiento editorial 38.2 --------------------------------------- */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
  overflow:visible!important;
  padding-bottom:22px!important;
  border:0!important;
  border-bottom:1px solid rgba(63,66,47,.2)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
  padding:0!important;
  background:rgba(245,230,197,.28)!important
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  padding:17px 0 5px!important
}
body.woocommerce ul.products li.product .sur-product-card__description,
body.woocommerce-page ul.products li.product .sur-product-card__description,
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
  padding-right:0!important;
  padding-left:0!important
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button {
  margin:16px 0 0!important;
  padding:10px 0 7px!important;
  border:0!important;
  border-bottom:1px solid var(--olive)!important;
  background:transparent!important;
  color:var(--olive)!important;
  min-height:0!important;
  box-shadow:none!important;
  letter-spacing:.025em
}
body.woocommerce ul.products li.product .button:hover,
body.woocommerce-page ul.products li.product .button:hover {
  border-color:var(--orange)!important;
  background:transparent!important;
  color:var(--brown)!important
}
body.single-product div.product .summary {
  padding:clamp(22px,3vw,38px) 0!important;
  border:0!important;
  border-top:1px solid rgba(63,66,47,.22)!important;
  border-bottom:1px solid rgba(63,66,47,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
.sur-product-details__grid {
  gap:clamp(20px,3vw,38px)
}
.sur-product-details__item {
  min-height:0;
  padding:18px 0 0;
  border:0;
  border-top:1px solid rgba(63,66,47,.26);
  border-radius:0;
  background:transparent
}
.sur-product-details__item h3 {
  color:var(--olive);
  font-size:.7rem
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left:0
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom-color:rgba(63,66,47,.22)
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin:0 24px 0 0;
  padding:0;
  border:0;
  border-bottom:1px solid transparent;
  background:transparent
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color:var(--orange);
  background:transparent
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display:none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding:10px 0;
  color:var(--olive);
  font:650 .82rem/1.3 var(--body)
}
.sur-variation-choice.is-color .sur-variation-option {
  min-width:46px
}
.sur-variation-option__color {
  width:25px;
  height:25px;
  box-shadow:none
}
.sur-variation-choice.is-color .sur-variation-option.is-selected .sur-variation-option__color {
  box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--olive)
}
.sur-reserve-button {
  border-radius:0;
  box-shadow:none
}
.screen-reader-text {
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  width:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute!important;
  white-space:nowrap
}
@media(min-width:821px) {
  .sur-h36-hero {
    grid-template-columns:.45fr .55fr
  }
  .sur-h36-media--hero picture,.sur-h36-media--hero img {
    height:100%
  }
  .sur-h36-media--hero img {
    object-fit:cover;
    object-position:65% center
  }
  .sur-editorial-photo--story-v34 img {
    height:100%;
    object-fit:cover;
    object-position:62% center
  }
  .sur-h36-origin__grid .sur-h36-media img {
    height:100%;
    object-fit:cover;
    object-position:45% center
  }
  .sur-h36-split--people .sur-h36-media img {
    height:100%;
    object-fit:cover;
    object-position:60% center
  }
  .sur-h36-split--secondlife .sur-h36-media img {
    height:100%;
    object-fit:cover;
    object-position:70% center
  }
  .sur-h36-shop .sur-h36-media img {
    height:100%;
    object-fit:cover;
    object-position:center
  }
}

/* =========================================================
   V38 · motion, photographic rhythm and final polish
   ========================================================= */

/* Hero entrance --------------------------------------------------------- */
.sur-js .sur-hero [data-sur-hero] {
  opacity:0;
  transform:translateY(22px);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)
}
.sur-js .sur-hero [data-sur-hero="media"] {
  transform:translateX(24px) scale(.985);
  transition-duration:.95s
}
.sur-js .sur-hero.is-ready [data-sur-hero] {
  opacity:1;
  transform:none
}
.sur-js .sur-hero.is-ready [data-sur-hero="kicker"] { transition-delay:.05s }
.sur-js .sur-hero.is-ready .sur-hero-line:nth-child(1) { transition-delay:.12s }
.sur-js .sur-hero.is-ready .sur-hero-line:nth-child(2) { transition-delay:.2s }
.sur-js .sur-hero.is-ready [data-sur-hero="lead"] { transition-delay:.28s }
.sur-js .sur-hero.is-ready [data-sur-hero="actions"] { transition-delay:.36s }
.sur-js .sur-hero.is-ready [data-sur-hero="media"] { transition-delay:.16s }

/* Global editorial reveals -------------------------------------------- */
.sur-js .sur-reveal {
  opacity:0;
  transform:translateY(30px);
  transition:
    opacity .78s cubic-bezier(.22,.61,.36,1) var(--sur-delay,0ms),
    transform .78s cubic-bezier(.22,.61,.36,1) var(--sur-delay,0ms)
}
.sur-js .sur-reveal--left { transform:translateX(-34px) }
.sur-js .sur-reveal--right { transform:translateX(34px) }
.sur-js .sur-reveal.is-visible {
  opacity:1;
  transform:none
}
.sur-media-reveal {
  overflow:hidden
}
.sur-js .sur-media-reveal img {
  transform:scale(1.045);
  transition:transform 1.25s cubic-bezier(.2,.7,.2,1)
}
.sur-js .sur-media-reveal.is-visible img {
  transform:scale(1)
}

/* Brand motion --------------------------------------------------------- */
@keyframes sur-marquee-flow {
  from { transform:translate3d(0,0,0) }
  to { transform:translate3d(-50%,0,0) }
}
@keyframes sur-gentle-turn {
  from { transform:rotate(0deg) }
  to { transform:rotate(360deg) }
}
@keyframes sur-soft-float {
  0%,100% { transform:translateY(0) }
  50% { transform:translateY(-8px) }
}
.sur-marquee__viewport {
  overflow:hidden
}
.sur-marquee__track {
  display:flex;
  width:max-content;
  min-width:200%;
  text-align:left;
  animation:sur-marquee-flow 28s linear infinite;
  will-change:transform
}
.sur-marquee__track span {
  display:block;
  flex:0 0 50%;
  padding-right:2.5rem
}
.sur-marquee__track span+span {
  display:block
}
.sur-symbol-wheel img {
  animation:sur-gentle-turn 30s linear infinite;
  transform-origin:center
}
.sur-impact32-loopmark--logo img {
  animation:sur-soft-float 5.5s ease-in-out infinite
}

/* Buttons and cards ---------------------------------------------------- */
.sur-btn,.sur-contact-card__button,.woocommerce ul.products li.product .button {
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease
}
.sur-btn:hover,.sur-contact-card__button:hover,.woocommerce ul.products li.product .button:hover {
  transform:translateY(-2px)
}
.sur-collection,.sur-special-card,.woocommerce ul.products li.product {
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease
}
.sur-collection:hover,.sur-special-card:hover,.woocommerce ul.products li.product:hover {
  transform:translateY(-5px)
}
.sur-collection__visual,.sur-special-card__photo,.woocommerce ul.products li.product a img {
  overflow:hidden
}
.sur-collection__visual img,.sur-special-card__photo img,.woocommerce ul.products li.product a img {
  transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
.sur-collection:hover .sur-collection__visual img,.sur-special-card:hover .sur-special-card__photo img,.woocommerce ul.products li.product:hover a img {
  transform:scale(1.025)
}

/* Home cycle ----------------------------------------------------------- */
.sur-cycle--loop {
  position:relative;
  padding-top:26px
}
.sur-cycle--loop .sur-cycle__line {
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:#f5e6c530;
  overflow:hidden
}
.sur-cycle--loop .sur-cycle__line span {
  display:block;
  width:100%;
  height:100%;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1s cubic-bezier(.22,.61,.36,1)
}
.sur-cycle--loop.is-active .sur-cycle__line span {
  transform:scaleX(1)
}
.sur-js .sur-cycle-step {
  opacity:0;
  transform:translateY(20px);
  transition:opacity .65s ease var(--sur-cycle-delay,0ms),transform .65s ease var(--sur-cycle-delay,0ms)
}
.sur-js .sur-cycle--loop.is-active .sur-cycle-step {
  opacity:1;
  transform:none
}
.sur-cycle-step__marker {
  color:var(--orange)
}

/* Full-bleed photographic rhythm on home ------------------------------ */
.sur-photo-rail {
  padding-top:var(--space);
  background:var(--paper)
}
.sur-photo-rail__head {
  padding-bottom:clamp(32px,4vw,54px)
}
.sur-photo-rail__head h2 {
  max-width:24ch
}
.sur-photo-rail__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0
}
.sur-photo-rail__item {
  position:relative;
  min-width:0;
  height:clamp(340px,38vw,620px);
  background:var(--olive)
}
.sur-photo-rail__item img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block
}
.sur-photo-rail__item figcaption {
  position:absolute;
  left:clamp(18px,2vw,32px);
  bottom:clamp(16px,2vw,28px);
  color:#fff;
  font:600 .82rem/1.3 var(--body);
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.85)
}
.sur-photo-rail__item:nth-child(1) img { object-position:46% center }
.sur-photo-rail__item:nth-child(2) img { object-position:52% center }
.sur-photo-rail__item:nth-child(3) img { object-position:50% center }

/* History: photographs should fill their sections --------------------- */
.sur-h36-gallery {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:0
}
.sur-h36-gallery figure {
  aspect-ratio:4/3;
  min-height:0
}
.sur-h36-gallery img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.sur-h36-gallery figure:nth-child(1) img { object-position:50% center }
.sur-h36-gallery figure:nth-child(2) img { object-position:55% center }
.sur-h36-gallery figure:nth-child(3) img { object-position:52% center }
.sur-h36-gallery figure:nth-child(4) img { object-position:48% center }
.sur-h36-closing p {
  opacity:1
}
.sur-js .sur-h36-closing p {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease,transform .7s ease
}
.sur-js .sur-h36-closing.is-visible p {
  opacity:1;
  transform:none
}
.sur-js .sur-h36-closing.is-visible p:nth-child(2) { transition-delay:.12s }
.sur-js .sur-h36-closing.is-visible p:nth-child(3) { transition-delay:.24s }

/* WooCommerce/catalog motion ------------------------------------------ */
.sur-js .sur-shop-hero,
.sur-js .woocommerce ul.products li.product,
.sur-js .single-product .woocommerce-product-gallery,
.sur-js .single-product .summary {
  opacity:0;
  transform:translateY(24px);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)
}
.sur-js .woocommerce ul.products li.product {
  transition-delay:var(--sur-card-delay,0ms)
}
.sur-js .single-product .woocommerce-product-gallery,
.sur-js .single-product .summary {
  transition-delay:var(--sur-single-delay,0ms)
}
.sur-js .sur-shop-hero.sur-catalog-visible,
.sur-js .woocommerce ul.products li.product.sur-catalog-visible,
.sur-js .single-product .woocommerce-product-gallery.sur-catalog-visible,
.sur-js .single-product .summary.sur-catalog-visible {
  opacity:1;
  transform:none
}

/* Better image fill on desktop split layouts -------------------------- */
@media(min-width:821px) {
  .sur-story__grid .sur-editorial-photo img,
  .sur-h36-split .sur-h36-media img,
  .sur-h36-shop .sur-h36-media img,
  .sur-h36-origin__grid .sur-h36-media img {
    height:100%;
    object-fit:cover
  }
  .sur-h36-split--secondlife .sur-h36-media img { object-position:58% center }
  .sur-h36-split--people .sur-h36-media img { object-position:52% center }
}

@media(max-width:820px) {
  .sur-photo-rail__grid {
    grid-template-columns:1fr
  }
  .sur-photo-rail__item {
    height:clamp(300px,72vw,520px)
  }
  .sur-h36-gallery {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .sur-js .sur-reveal--left,.sur-js .sur-reveal--right {
    transform:translateY(26px)
  }
}

@media(max-width:560px) {
  .sur-h36-gallery {
    grid-template-columns:1fr
  }
  .sur-h36-gallery figure {
    aspect-ratio:4/3
  }
  .sur-photo-rail__item {
    height:70vw;
    min-height:280px;
    max-height:420px
  }
}

@media(prefers-reduced-motion:reduce) {
  .sur-marquee__track,
  .sur-symbol-wheel img,
  .sur-impact32-loopmark--logo img {
    animation:none!important
  }
}
.sur-header {
  transition:box-shadow .28s ease,background-color .28s ease
}
.sur-header.is-scrolled {
  box-shadow:0 10px 28px rgba(63,66,47,.08);
  background:rgba(255,253,248,.97);
  backdrop-filter:blur(10px)
}
.sur-js .woocommerce ul.products li.product.sur-catalog-visible:hover {
  transform:translateY(-5px)
}
.sur-menu-toggle span {
  transition:transform .28s ease,opacity .22s ease
}
.sur-menu-toggle[aria-expanded="true"] span:nth-child(1) {
  transform:translateY(7px) rotate(45deg)
}
.sur-menu-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity:0
}
.sur-menu-toggle[aria-expanded="true"] span:nth-child(3) {
  transform:translateY(-7px) rotate(-45deg)
}
.sur-supporter img {
  transition:transform .35s ease,opacity .35s ease
}
.sur-supporter:hover img {
  transform:translateY(-3px) scale(1.025)
}

/* Catálogo SURUSIC 38.1 ---------------------------------------------- */
body.woocommerce,
body.woocommerce-page {
  background:
    radial-gradient(circle at 50% 0,rgba(245,230,197,.62),transparent 34rem),
    var(--paper)
}
.sur-catalog-watermarks {
  --sur-scroll-rotation:0deg;
  --sur-scroll-rotation-reverse:0deg;
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none
}
.sur-catalog-watermark {
  position:absolute;
  width:clamp(310px,38vw,720px);
  max-width:none;
  opacity:.045;
  filter:grayscale(1) sepia(.25);
  will-change:transform
}
.sur-catalog-watermark--left {
  top:12vh;
  left:clamp(-280px,-16vw,-100px);
  transform:rotate(var(--sur-scroll-rotation))
}
.sur-catalog-watermark--right {
  right:clamp(-300px,-17vw,-110px);
  bottom:-8vh;
  transform:rotate(var(--sur-scroll-rotation-reverse))
}
body.woocommerce .site-main,
body.woocommerce-page .site-main {
  position:relative;
  z-index:1
}

/* Una cuadrícula más editorial sin cambiar las fotografías oficiales. */
body.post-type-archive-product .woocommerce ul.products,
body.tax-product_cat .woocommerce ul.products {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,46px)
}
body.post-type-archive-product .woocommerce ul.products li.product,
body.tax-product_cat .woocommerce ul.products li.product {
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  padding:0 0 24px;
  border:1px solid rgba(63,66,47,.14);
  border-radius:24px;
  background:rgba(255,253,248,.88);
  box-shadow:0 22px 55px rgba(63,66,47,.08);
  backdrop-filter:blur(8px)
}
body.post-type-archive-product .woocommerce ul.products li.product a.woocommerce-loop-product__link,
body.tax-product_cat .woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:0;
  background:transparent
}
body.post-type-archive-product .woocommerce ul.products li.product a img,
body.tax-product_cat .woocommerce ul.products li.product a img {
  width:100%;
  height:clamp(280px,29vw,440px);
  margin:0;
  padding:22px;
  object-fit:contain;
  background:linear-gradient(145deg,rgba(245,230,197,.82),rgba(255,253,248,.4))
}
body.post-type-archive-product .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat .woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding:24px 24px 8px;
  font-size:clamp(1.55rem,2vw,2.15rem)
}
body.post-type-archive-product .woocommerce ul.products li.product .sur-product-card__description,
body.tax-product_cat .woocommerce ul.products li.product .sur-product-card__description,
body.post-type-archive-product .woocommerce ul.products li.product .price,
body.tax-product_cat .woocommerce ul.products li.product .price {
  padding-right:24px;
  padding-left:24px
}
body.post-type-archive-product .woocommerce ul.products li.product .button,
body.tax-product_cat .woocommerce ul.products li.product .button {
  align-self:flex-start;
  width:auto;
  max-width:calc(100% - 48px);
  margin:18px 24px 0;
  border-radius:999px
}

/* Ficha individual. */
body.single-product .site-main div.product {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:clamp(36px,6vw,96px);
  align-items:start
}
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .summary {
  float:none!important;
  width:100%!important;
  margin:0!important
}
body.single-product div.product .summary {
  position:sticky;
  top:128px;
  padding:clamp(28px,3.8vw,58px);
  border:1px solid rgba(63,66,47,.15);
  border-radius:30px;
  background:rgba(255,253,248,.9);
  box-shadow:0 28px 70px rgba(63,66,47,.09);
  backdrop-filter:blur(12px)
}
body.single-product div.product .woocommerce-tabs,
body.single-product div.product section.related,
body.single-product div.product section.upsells {
  grid-column:1 / -1;
  width:100%
}
body.single-product .product_meta {
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid var(--line)
}
.sur-product-meta__label {
  font-weight:700
}
.single-product .sku_wrapper {
  display:none!important
}

/* Opciones táctiles para color y aroma. */
.woocommerce div.product form.cart .variations {
  margin:28px 0 12px
}
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td.value {
  display:block;
  width:100%
}
.woocommerce div.product form.cart .variations th.label {
  display:none
}
.sur-native-variation-select {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important
}
.sur-variation-choice {
  margin:0 0 24px
}
.sur-variation-choice__title {
  margin:0 0 11px;
  color:var(--olive);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase
}
.sur-variation-choice__options {
  display:flex;
  flex-wrap:wrap;
  gap:11px
}
.sur-variation-option {
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin:0;
  padding:10px 17px;
  border:1px solid rgba(63,66,47,.28);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:var(--olive);
  font:650 .92rem/1.2 var(--body);
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease
}
.sur-variation-option:hover:not(:disabled) {
  transform:translateY(-2px);
  border-color:var(--orange);
  box-shadow:0 8px 22px rgba(78,43,17,.1)
}
.sur-variation-option.is-selected {
  border-color:var(--olive);
  background:var(--cream);
  box-shadow:0 0 0 2px rgba(63,66,47,.12)
}
.sur-variation-option:disabled {
  opacity:.3;
  cursor:not-allowed
}
.sur-variation-choice.is-color .sur-variation-option {
  flex-direction:column;
  gap:7px;
  min-width:76px;
  padding:9px 10px 8px;
  border-color:transparent;
  background:transparent
}
.sur-variation-option__color {
  width:43px;
  height:43px;
  border:2px solid rgba(63,66,47,.25);
  border-radius:50%;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.42),0 7px 16px rgba(63,66,47,.12)
}
.sur-variation-option__color.is-amber { background:#a86525 }
.sur-variation-option__color.is-green { background:#68704c }
.sur-variation-option__color.is-blue { background:#6f97ad }
.sur-variation-option__color.is-clear {
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(216,225,219,.52)),
    repeating-conic-gradient(#edf1eb 0 25%,#fff 0 50%) 50% / 12px 12px
}
.sur-variation-option__color.is-neutral { background:#d8d5c8 }
.sur-variation-choice.is-color .sur-variation-option.is-selected .sur-variation-option__color {
  border-color:var(--orange);
  box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--olive),0 9px 20px rgba(63,66,47,.16)
}
.sur-variation-option__name {
  font-size:.78rem
}
.woocommerce div.product form.cart .reset_variations {
  display:inline-block;
  margin-top:4px;
  color:var(--brown);
  font-size:.86rem
}

/* Reserva atendida por ventas. */
.sur-reserve-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  margin-top:18px;
  border-radius:999px;
  text-align:center;
  text-decoration:none
}
.sur-reserve-button.is-hidden,
form.cart.is-reservable,
.single_variation_wrap.is-reservable .woocommerce-variation-add-to-cart {
  display:none!important
}

/* Detalles sin tablas técnicas ni datos vacíos. */
.sur-product-details {
  padding:clamp(12px,2vw,28px) 0
}
.sur-product-details>h2 {
  margin-bottom:26px
}
.sur-product-details__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.sur-product-details__item {
  min-height:145px;
  padding:24px;
  border:1px solid rgba(63,66,47,.14);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(245,230,197,.72),rgba(255,253,248,.8))
}
.sur-product-details__item h3 {
  margin:0 0 10px;
  color:var(--brown);
  font:700 .76rem/1.35 var(--body);
  letter-spacing:.12em;
  text-transform:uppercase
}
.sur-product-details__item p,
.sur-product-details__empty {
  margin:0;
  font-size:1rem;
  line-height:1.65
}

/* Valoración floral compatible con la escala nativa de WooCommerce. */
.comment-form-rating p.stars,
.comment-form-rating label[for="rating"] {
  display:none!important
}
.sur-review-flower {
  width:min(100%,360px);
  margin:20px 0 30px;
  text-align:center
}
.sur-review-flower__prompt {
  margin:0 0 10px;
  font-weight:700
}
.sur-review-flower__petals {
  position:relative;
  width:230px;
  height:230px;
  margin:0 auto
}
.sur-review-flower__petal {
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:78px;
  height:46px;
  margin:-23px 0 0 -8px;
  padding:0;
  border:1px solid rgba(63,66,47,.28);
  border-radius:78% 24% 78% 24%;
  background:var(--paper);
  color:var(--olive);
  cursor:pointer;
  transform:rotate(var(--petal-angle)) translateX(44px);
  transform-origin:8px 23px;
  transition:background-color .24s ease,color .24s ease,box-shadow .24s ease
}
.sur-review-flower__petal span {
  display:block;
  font-weight:800;
  transform:rotate(var(--reverse-angle))
}
.sur-review-flower__petal:hover,
.sur-review-flower__petal.is-selected {
  border-color:var(--orange);
  background:var(--orange);
  color:white;
  box-shadow:0 8px 20px rgba(214,139,48,.24)
}
.sur-review-flower__center {
  position:absolute;
  top:50%;
  left:50%;
  width:48px;
  height:48px;
  border:8px solid var(--cream);
  border-radius:50%;
  background:var(--olive);
  transform:translate(-50%,-50%);
  box-shadow:0 5px 14px rgba(63,66,47,.2)
}
.sur-review-flower__status {
  min-height:1.7em;
  margin:0;
  color:var(--brown);
  font-weight:700
}
.sur-review-flower.is-blooming .sur-review-flower__petals {
  animation:sur-review-bloom .5s cubic-bezier(.2,.75,.3,1)
}
@keyframes sur-review-bloom {
  0% { transform:scale(.94) rotate(-3deg) }
  60% { transform:scale(1.04) rotate(2deg) }
  100% { transform:scale(1) rotate(0) }
}

@media(max-width:1100px) {
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  body.single-product .site-main div.product {
    grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
    gap:36px
  }
  .sur-product-details__grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:767px) {
  .sur-catalog-watermark {
    width:330px;
    opacity:.032
  }
  .sur-catalog-watermark--left {
    left:-230px
  }
  .sur-catalog-watermark--right {
    right:-230px
  }
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.single-product .site-main div.product,
  .sur-product-details__grid {
    grid-template-columns:minmax(0,1fr)
  }
  body.single-product div.product .summary {
    position:static;
    padding:25px 20px;
    border-radius:22px
  }
  body.post-type-archive-product .woocommerce ul.products li.product a img,
  body.tax-product_cat .woocommerce ul.products li.product a img {
    height:min(105vw,410px)
  }
  .sur-variation-choice__options {
    gap:9px
  }
  .sur-variation-option {
    min-height:44px;
    padding:9px 14px
  }
  .sur-product-details__item {
    min-height:0
  }
}
@media(prefers-reduced-motion:reduce) {
  .sur-catalog-watermark,
  .sur-review-flower,
  .sur-review-flower__petals,
  .sur-review-flower__petal {
    animation:none!important;
    transition:none!important
  }
}

/* Correccion definitiva del catalogo 38.2. Se mantiene al final para
   prevalecer sobre los estilos historicos del tema. */
body.woocommerce,
body.woocommerce-page {
  background:var(--paper)!important;
  font-family:var(--body)
}
body.woocommerce .site-main,
body.woocommerce-page .site-main {
  position:relative;
  isolation:isolate;
  font-family:var(--body)
}
body.woocommerce .site-main>*:not(.sur-catalog-watermarks),
body.woocommerce-page .site-main>*:not(.sur-catalog-watermarks) {
  position:relative;
  z-index:1
}
.sur-catalog-watermarks {
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  min-height:100%;
  overflow:hidden;
  pointer-events:none
}
.sur-catalog-watermark {
  width:clamp(140px,14vw,245px)!important;
  max-width:none;
  opacity:.014!important;
  filter:grayscale(1) blur(.45px)!important
}
.sur-catalog-watermark--left {
  top:9%!important;
  left:clamp(-88px,-5vw,-42px)!important
}
.sur-catalog-watermark--right {
  right:clamp(-92px,-5vw,-44px)!important;
  bottom:13%!important
}

/* Catalogo: composicion editorial sin tarjetas flotantes. */
body.woocommerce ul.products,
body.woocommerce-page ul.products {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(30px,3.2vw,54px)!important
}
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after {
  display:none!important
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
  display:flex!important;
  float:none!important;
  flex-direction:column!important;
  width:auto!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  padding:0 0 21px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid rgba(63,66,47,.2)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
body.woocommerce ul.products li.product a.woocommerce-loop-product__link,
body.woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  background:transparent!important
}
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
  display:block!important;
  width:100%!important;
  height:clamp(250px,23vw,360px)!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  background:rgba(245,230,197,.28)!important
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:17px 0 5px!important;
  overflow-wrap:anywhere;
  color:var(--olive)!important;
  font:400 clamp(1.28rem,1.45vw,1.65rem)/1.18 var(--display)!important
}
body.woocommerce ul.products li.product .sur-product-card__description,
body.woocommerce-page ul.products li.product .sur-product-card__description {
  width:100%!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:var(--olive)!important;
  font:400 .88rem/1.55 var(--body)!important
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
  width:100%!important;
  margin:auto 0 0!important;
  padding:4px 0 0!important;
  color:var(--brown)!important;
  font:650 .98rem/1.4 var(--body)!important
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button {
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  margin:15px 0 0!important;
  padding:9px 0 6px!important;
  border:0!important;
  border-bottom:1px solid var(--olive)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--olive)!important;
  box-shadow:none!important;
  font:650 .8rem/1.35 var(--body)!important;
  letter-spacing:.025em
}
body.woocommerce ul.products li.product .button:hover,
body.woocommerce-page ul.products li.product .button:hover {
  border-color:var(--orange)!important;
  background:transparent!important;
  color:var(--brown)!important
}

/* Ficha individual: flujo normal y jerarquia proporcionada. */
body.single-product .site-main div.product {
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr)!important;
  gap:clamp(34px,5vw,72px)!important;
  align-items:start
}
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .summary {
  float:none!important;
  width:100%!important;
  margin:0!important
}
body.single-product div.product .summary {
  position:relative!important;
  top:auto!important;
  align-self:start;
  padding:clamp(22px,3vw,38px) 0!important;
  border:0!important;
  border-top:1px solid rgba(63,66,47,.22)!important;
  border-bottom:1px solid rgba(63,66,47,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
body.single-product .woocommerce div.product .product_title,
body.single-product div.product .product_title {
  max-width:100%!important;
  margin:0 0 18px!important;
  overflow-wrap:normal;
  color:var(--olive)!important;
  font:400 clamp(2.15rem,3.15vw,3.25rem)/1.04 var(--display)!important
}
body.single-product div.product .woocommerce-tabs,
body.single-product div.product section.related,
body.single-product div.product section.upsells {
  position:relative!important;
  z-index:2;
  grid-column:1 / -1!important;
  clear:both!important;
  width:100%!important
}
body.single-product .woocommerce-tabs {
  margin-top:clamp(42px,6vw,76px)
}
body.single-product section.related>h2,
body.single-product section.upsells>h2 {
  margin-bottom:28px;
  font:400 clamp(1.9rem,3vw,3rem)/1.08 var(--display)
}

/* Controles sobrios: color pequeno y aroma como texto seleccionable. */
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations td {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.woocommerce div.product form.cart table.variations td.value {
  padding:0!important
}
.sur-variation-choice {
  margin-bottom:18px
}
.sur-variation-choice__title {
  margin-bottom:8px;
  font-size:.69rem;
  letter-spacing:.1em
}
.sur-variation-choice__options {
  gap:7px 13px
}
.sur-variation-choice.is-color .sur-variation-option {
  min-width:44px!important;
  min-height:0!important;
  gap:4px!important;
  padding:3px 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.sur-variation-option__color {
  width:25px!important;
  height:25px!important;
  border-width:1px!important;
  box-shadow:none!important
}
.sur-variation-option__name {
  font-size:.66rem!important;
  font-weight:600
}
.sur-variation-choice.is-color .sur-variation-option.is-selected .sur-variation-option__color {
  border-color:var(--orange)!important;
  box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--olive)!important
}
.sur-variation-choice.is-aroma .sur-variation-option {
  min-height:0!important;
  padding:5px 1px 4px!important;
  border:0!important;
  border-bottom:1px solid rgba(63,66,47,.3)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--olive)!important;
  font:550 .82rem/1.25 var(--body)!important
}
.sur-variation-choice.is-aroma .sur-variation-option:hover:not(:disabled),
.sur-variation-choice.is-aroma .sur-variation-option.is-selected {
  transform:none!important;
  border-color:var(--orange)!important;
  background:transparent!important;
  color:var(--brown)!important;
  box-shadow:none!important
}
.woocommerce div.product form.cart .button.disabled,
.woocommerce div.product form.cart .button:disabled,
.woocommerce div.product form.cart .button:disabled[disabled] {
  background:var(--olive)!important;
  color:var(--cream)!important;
  opacity:.38!important
}

/* Detalles y pestanas sin cajas decorativas genericas. */
.sur-product-details__grid {
  gap:clamp(20px,3vw,38px)!important
}
.sur-product-details__item {
  min-height:0!important;
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(63,66,47,.26)!important;
  border-radius:0!important;
  background:transparent!important
}
.sur-product-details__item h3 {
  color:var(--olive)!important;
  font-size:.7rem!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left:0!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom-color:rgba(63,66,47,.22)!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin:0 24px 0 0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color:var(--orange)!important;
  background:transparent!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display:none!important
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding:10px 0!important;
  color:var(--olive)!important;
  font:650 .82rem/1.3 var(--body)!important
}
.sur-reserve-button {
  border-radius:0!important;
  box-shadow:none!important
}

@media(max-width:1050px) {
  body.woocommerce ul.products,
  body.woocommerce-page ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  body.single-product .site-main div.product {
    grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)!important;
    gap:28px!important
  }
}
@media(max-width:767px) {
  .sur-catalog-watermark {
    width:135px!important;
    opacity:.01!important
  }
  .sur-catalog-watermark--left { left:-70px!important }
  .sur-catalog-watermark--right { right:-72px!important }
  body.woocommerce ul.products,
  body.woocommerce-page ul.products,
  body.single-product .site-main div.product {
    grid-template-columns:minmax(0,1fr)!important
  }
  body.woocommerce ul.products li.product a img,
  body.woocommerce-page ul.products li.product a img {
    height:min(88vw,360px)!important
  }
  body.single-product div.product .summary {
    padding:21px 0!important
  }
  body.single-product .woocommerce div.product .product_title,
  body.single-product div.product .product_title {
    font-size:clamp(2rem,10vw,2.8rem)!important
  }
  .sur-product-details__grid {
    grid-template-columns:minmax(0,1fr)!important
  }
}