/* Ficha de producto: fotografía protagonista y compra en el lenguaje editorial de YLK. */
.studio-product { --pdp-sticky-top: calc(var(--studio-header-height) + 28px); background: #fff; color: #1b1b1b; }
.studio-product:has(.studio-header.is-hidden) { --pdp-sticky-top: 20px; }
.studio-product .studio-header:not(.is-scrolled) .studio-navigation { color: #1b1b1b; }
.product-detail-page { flex: 1; width: 100%; padding: calc(var(--studio-header-height) + 30px) var(--studio-gutter) clamp(140px, 12vw, 290px); }
.pdp-back { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 32px; color: #777; font-size: 12px; text-decoration: none; }
.pdp-back:hover { color: var(--studio-blue); }
.studio-product div.product.ylk-product { width: 100%; margin: 0; }
.pdp-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: start; gap: clamp(44px, 7vw, 150px); }
.studio-product div.product .summary.pdp-summary { position: sticky; top: var(--pdp-sticky-top); float: none; clear: none; width: 100%; min-width: 0; margin: 0; padding: clamp(12px, 1.5vw, 32px) 0 0; transition: top 350ms ease; }
.studio-product div.product .pdp-summary .product_title { margin: 0; padding: 0; color: var(--studio-blue); font-size: clamp(22px, 1.65vw, 32px); font-weight: 400; line-height: 1.3; letter-spacing: 0.06em; }
.studio-product div.product .pdp-summary > .price { margin: 16px 0 28px; color: #222; font-size: clamp(17px, 1.25vw, 23px); line-height: 1.4; font-weight: 400; }
.studio-product div.product .pdp-summary .price ins { background: transparent; font-weight: 400; text-decoration: none; }
.pdp-summary .woocommerce-product-details__short-description { margin-bottom: 30px; font-size: 14px; line-height: 1.7; }
.pdp-summary .woocommerce-product-details__short-description > :last-child { margin-bottom: 0; }
.pdp-gallery { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: start; gap: 18px; min-width: 0; }
.pdp-gallery__thumbs { position: sticky; top: var(--pdp-sticky-top); grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 12px; max-height: calc(100svh - var(--pdp-sticky-top) - 32px); overflow-y: auto; scrollbar-width: thin; transition: top 350ms ease, max-height 350ms ease; }
.pdp-gallery__thumbs a { display: block; flex-shrink: 0; padding: 2px; border: 1px solid transparent; }
.pdp-gallery__thumbs a[aria-current="true"] { border-color: var(--studio-blue); }
.pdp-gallery__thumbs img { display: block; width: 100%; height: 66px; object-fit: cover; }
.pdp-gallery__frames { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.pdp-photo { position: relative; width: 100%; aspect-ratio: 3 / 4; margin: 0; background: #f3f3ef; scroll-margin-top: calc(var(--studio-header-height) + 25px); }
.pdp-photo > a { position: relative; display: block; width: 100%; height: 100%; cursor: zoom-in; }
.pdp-photo > a > img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; }
.pdp-photo__zoom { position: absolute; right: 16px; bottom: 16px; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #ffffffb0; background: #ffffffb0; color: var(--studio-blue); font-size: 21px; font-weight: 400; line-height: 1; }
.pdp-gallery__controls { grid-column: 2; display: none; align-items: center; justify-content: space-between; gap: 20px; color: #777; font-size: 11px; font-variant-numeric: tabular-nums; }
.pdp-gallery__controls button { min-width: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--studio-blue); font-size: 23px; font-weight: 400; }
.pdp-gallery--single { grid-template-columns: minmax(0, 1fr); }
.pdp-gallery--single .pdp-gallery__frames, .pdp-gallery--single .pdp-gallery__controls { grid-column: 1; }
.studio-product div.product form.cart { margin: 32px 0; }
.studio-product div.product form.cart table.variations { width: 100%; margin: 0 0 24px; }
.studio-product div.product form.cart table.variations tr { display: block; margin-bottom: 22px; }
.studio-product div.product form.cart table.variations th,
.studio-product div.product form.cart table.variations td { display: block; width: 100%; padding: 0; border: 0; }
.studio-product div.product form.cart table.variations label { margin: 0 0 12px; color: #555; font-size: 11px; font-weight: 400; line-height: 1.5; letter-spacing: 0.12em; text-transform: uppercase; }
.studio-product div.product form.cart .variations .pdp-attribute.is-enhanced select { display: none; }
.pdp-choices { display: flex; flex-wrap: wrap; gap: 9px; }
.pdp-choice { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 44px; min-height: 42px; padding: 9px 13px; border: 1px solid #d8d8d8; background: #fff; color: #222; font-size: 13px; font-weight: 400; line-height: 1.35; }
.pdp-choice:hover, .pdp-choice[aria-pressed="true"] { border-color: var(--studio-blue); background: #fff; color: var(--studio-blue); }
.pdp-choice[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--studio-blue); }
.pdp-choice:disabled { opacity: 0.35; text-decoration: line-through; cursor: not-allowed; }
.pdp-choice__swatch { width: 21px; height: 12px; flex-shrink: 0; border: 1px solid #0002; }
.pdp-choice__swatch--unset { background: repeating-linear-gradient(135deg, #ddd 0, #ddd 3px, #fff 3px, #fff 6px); }
.studio-product div.product form.cart .reset_variations { display: inline-block; margin-top: 13px; color: #777; font-size: 11px; }
.studio-product .woocommerce-variation-price { display: none; }
.pdp-summary .woocommerce-variation-description { color: #555; font-size: 13px; line-height: 1.6; }
.studio-product div.product .pdp-summary .stock { color: #555; font-size: 12px; line-height: 1.5; }
.studio-product div.product .pdp-summary .stock.out-of-stock { color: #9d3025; }
.studio-product div.product form.cart .quantity.pdp-quantity { display: inline-flex; align-items: center; width: fit-content; float: none; margin: 0 0 18px; border: 1px solid #ccc; }
.pdp-quantity > button { width: 36px; height: 42px; padding: 0; border: 0; background: #fff; color: #222; font-size: 18px; font-weight: 400; }
.pdp-quantity > button:hover { background: #f5f5f5; color: #222; }
.studio-product div.product form.cart .quantity.pdp-quantity input.qty { width: 48px; min-width: 0; height: 42px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: #222; box-shadow: none; font-size: 14px; text-align: center; appearance: textfield; -moz-appearance: textfield; }
.pdp-quantity input::-webkit-inner-spin-button, .pdp-quantity input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.studio-product div.product form.cart .single_add_to_cart_button { display: block; float: none; width: 100%; min-height: 52px; padding: 16px 22px; border: 1px solid var(--studio-blue); border-radius: 0; background: var(--studio-blue); color: #fff; font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: 0.12em; }
.studio-product div.product form.cart .single_add_to_cart_button:hover { border-color: #143b94; background: #143b94; color: #fff; }
.studio-product div.product form.cart .single_add_to_cart_button.disabled,
.studio-product div.product form.cart .single_add_to_cart_button:disabled { opacity: 0.45; cursor: not-allowed; }
.pdp-information { margin-top: 38px; border-top: 1px solid #ddd; }
.pdp-information__item { border-bottom: 1px solid #ddd; }
.pdp-information__item > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 55px; padding: 18px 0; color: #333; font-size: 12px; line-height: 1.4; letter-spacing: 0.07em; list-style: none; cursor: pointer; }
.pdp-information__item > summary::-webkit-details-marker { display: none; }
.pdp-information__item > summary > span { position: relative; width: 12px; height: 12px; flex-shrink: 0; }
.pdp-information__item > summary > span::before,
.pdp-information__item > summary > span::after { position: absolute; top: 5px; left: 0; width: 12px; height: 1px; background: #777; content: ''; }
.pdp-information__item > summary > span::after { transform: rotate(90deg); }
.pdp-information__item[open] > summary > span::after { transform: none; }
.pdp-information__content { padding: 0 0 24px; color: #666; font-size: 13px; line-height: 1.75; }
.pdp-information__content > h2:first-child { display: none; }
.pdp-information__content > :last-child { margin-bottom: 0; }
.pdp-information__content table { font-size: 12px; }
.studio-product .pdp-information__content table.shop_attributes { margin: 0; border: 0; }
.studio-product .pdp-information__content table.shop_attributes th,
.studio-product .pdp-information__content table.shop_attributes td { padding: 8px 0; border: 0; background: transparent; font-weight: 400; font-style: normal; }
.studio-product .pdp-information__content table.shop_attributes th { width: 42%; padding-right: 15px; color: #444; }
.pdp-contact { margin: 30px 0 0; color: #777; font-size: 12px; line-height: 1.6; }
.pdp-contact a { margin-left: 8px; color: var(--studio-blue); text-decoration: none; }
.pdp-recommendations { clear: both; margin-top: clamp(100px, 12vw, 220px); padding-top: 35px; border-top: 1px solid #ddd; }
.pdp-recommendations__heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 20px; margin-bottom: 35px; }
.pdp-recommendations__heading h2 { margin: 0; color: var(--studio-blue); font-size: clamp(21px, 1.7vw, 28px); font-weight: 400; line-height: 1.4; }
.pdp-recommendations__heading > a { color: #777; font-size: 12px; text-decoration: none; }
.pdp-recommendations__heading > a:hover { color: var(--studio-blue); }
.pdp-recommendations__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px 22px; margin: 0; padding: 0; list-style: none; }
.pdp-recommendation { min-width: 0; }
.pdp-recommendation > a { display: block; color: #222; text-decoration: none; }
.pdp-recommendation__image { position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: #f3f3ef; }
.pdp-recommendation__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdp-recommendation__image .pdp-recommendation__secondary { position: absolute; inset: 0; opacity: 0; transition: opacity 350ms ease; }
.pdp-recommendation h3 { margin: 16px 0 5px; color: var(--studio-blue); font-size: 15px; font-weight: 400; line-height: 1.5; }
.pdp-recommendation__color { display: block; color: #888; font-size: 12px; line-height: 1.5; }
.pdp-recommendation__price { display: block; margin-top: 14px; color: #222; font-size: 14px; line-height: 1.5; }
.pdp-recommendation__price ins { background: transparent; text-decoration: none; }
@media (hover: hover) {
  .pdp-recommendation > a:hover .pdp-recommendation__secondary, .pdp-recommendation > a:focus-visible .pdp-recommendation__secondary { opacity: 1; }
}
@media (max-width: 1000px) { .pdp-recommendations__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pdp-recommendations__grid { grid-template-columns: minmax(0, 1fr); } }
html.pdp-image-open { overflow: hidden; }
body.pdp-image-open { position: fixed; inset: var(--pdp-scroll-top) 0 auto; overflow: hidden; }
.pdp-lightbox { inset: 0; width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 60px; border: 0; background: #fff; color: var(--studio-blue); }
.pdp-lightbox[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 16px; }
.pdp-lightbox::backdrop { background: #ffffffed; }
.pdp-lightbox__close { position: absolute; z-index: 1; top: 16px; right: 20px; width: 44px; height: 44px; padding: 0; border: 0; background: #fff; color: var(--studio-blue); font-size: 30px; font-weight: 400; }
.pdp-lightbox__close:hover { background: #f5f5f5; color: var(--studio-blue); }
.pdp-lightbox__image { display: flex; justify-content: center; align-items: center; min-width: 0; min-height: 0; }
.pdp-lightbox__image img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.pdp-lightbox__controls { display: flex; align-items: center; justify-content: center; gap: 24px; font-size: 12px; font-variant-numeric: tabular-nums; }
.pdp-lightbox__controls button { width: 44px; min-height: 44px; padding: 0; border: 0; background: #fff; color: var(--studio-blue); font-size: 24px; font-weight: 400; }
@media (min-width: 1000px) {
  .studio-product .studio-header .studio-navigation .menu { gap: clamp(30px, 4.2vw, 90px); }
  .studio-product .studio-header .studio-navigation a { font-size: clamp(14px, 1.05vw, 21px); }
}
@media (max-width: 1100px) {
  .pdp-layout { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 40px; }
  .pdp-gallery { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; }
  .pdp-gallery--single { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .product-detail-page { padding-top: calc(var(--studio-header-height) + 20px); }
  .pdp-back { margin-bottom: 22px; }
  .pdp-layout { grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .studio-product div.product .summary.pdp-summary { position: static; padding: 0; }
  .pdp-gallery { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .pdp-gallery__frames { grid-column: 1; grid-row: 1; flex-direction: row; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
  .pdp-gallery__frames::-webkit-scrollbar { display: none; }
  .pdp-photo { flex: 0 0 100%; scroll-snap-align: start; }
  .pdp-gallery__thumbs { position: static; grid-column: 1; grid-row: 2; flex-direction: row; max-height: none; overflow-x: auto; }
  .pdp-gallery__thumbs a { width: 48px; }
  .pdp-gallery__thumbs img { height: 60px; }
  .pdp-gallery__controls { display: flex; grid-column: 1; grid-row: 3; }
  .pdp-lightbox { padding: 65px 18px 24px; }
  .studio-product div.product .pdp-summary .product_title { font-size: 25px; }
}