/* Scheme 1: independent overview gallery, native WooCommerce purchase form. */
.cs-detail.woocommerce .cs-commerce > div.product {
  display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:44px 48px; align-items:start;
}
.cs-detail.woocommerce .cs-commerce > div.product::before,
.cs-detail.woocommerce .cs-commerce > div.product::after {display:none}
.cs-detail.woocommerce div.product div.summary {float:none;width:auto;min-width:0;margin:0;grid-column:2;grid-row:1}
.cs-detail-gallery {grid-column:1;grid-row:1;min-width:0}
.cs-detail.woocommerce div.product .woocommerce-tabs,
.cs-detail.woocommerce div.product section.related {grid-column:1/-1;min-width:0}
.cs-detail.woocommerce div.product .woocommerce-tabs {padding-top:0;margin-top:0}
.cs-detail [hidden] {display:none!important}
.cs-gallery-heading {display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px;color:#686868}
.cs-gallery-main {display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1.15;background:#f7f7f6;border:1px solid #eee;overflow:hidden}
.cs-gallery-main .cs-gallery-image {display:block;width:100%;height:100%;object-fit:contain;padding:16px;max-height:100%;border-radius:0}
.cs-enlarge-icon {position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;background:#fff;border:1px solid #e5e5e3;border-radius:2px}
.cs-enlarge-icon svg {width:16px;height:16px}
.cs-gallery-thumbs {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.cs-gallery-thumb {display:flex;flex-direction:column;gap:6px;min-width:0;padding:5px;border:1px solid #e5e5e3;text-align:center;border-radius:2px}
.cs-gallery-thumb[aria-current="true"] {border-color:#202020;box-shadow:inset 0 0 0 1px #202020}
.cs-gallery-thumb:hover {border-color:#888}
.cs-gallery-thumb img {width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#fafafa}
.cs-gallery-thumb span {font-size:11px;line-height:1.35;color:#686868;overflow-wrap:anywhere}
.cs-detail.woocommerce div.product .product_title {font-size:24px;line-height:1.4;margin:0 0 18px;font-weight:500}
.cs-detail.woocommerce div.product p.price {font-size:20px;line-height:1.5;margin:0 0 4px}
.cs-detail .cs-detail-shipping {font-size:13px;color:#686868;margin:0 0 24px}
.cs-detail.woocommerce div.product form.cart {margin:0;padding-top:24px;border-top:1px solid #e5e5e3}
.cs-detail.woocommerce div.product form.cart .variations {display:block;margin:0;border:0;width:100%}
.cs-detail.woocommerce div.product form.cart .variations tbody,
.cs-detail.woocommerce div.product form.cart .variations tr,
.cs-detail.woocommerce div.product form.cart .variations th,
.cs-detail.woocommerce div.product form.cart .variations td {display:block;width:100%;padding:0;border:0;background:none;text-align:left;line-height:1.5}
.cs-detail.woocommerce div.product form.cart .variations tr {margin-bottom:20px}
.cs-detail.woocommerce div.product form.cart .variations th {margin-bottom:8px}
.cs-detail.woocommerce div.product form.cart .variations label {font-size:14px;font-weight:600}
.cs-detail .cs-choice-label,.cs-detail .cs-choices,.cs-detail .cs-color-preview {display:none}
.cs-detail .cs-options-ready .cs-native-select {display:none}
.cs-detail .cs-options-ready .cs-choice-label {display:block;font-size:13px;color:#686868;margin-bottom:8px}
.cs-detail .cs-options-ready .cs-choices {display:flex;gap:8px;flex-wrap:wrap}
.cs-detail .cs-choice {appearance:none;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#202020;border:1px solid #d9d9d6;border-radius:2px;min-height:42px;min-width:46px;padding:8px 12px;font:13px/1 Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:none;transition:border-color .15s}
.cs-detail .cs-choice:hover {border-color:#202020}
.cs-detail .cs-choice[aria-pressed="true"] {border-color:#202020;background:#202020;color:#fff}
.cs-detail .cs-choice:disabled {opacity:.3;cursor:not-allowed;text-decoration:line-through}
.cs-detail [data-kind="color"] .cs-choice {border:1px solid transparent;border-radius:50%;height:44px;width:44px;min-width:44px;padding:5px;background:#fff}
.cs-detail [data-kind="color"] .cs-choice[aria-pressed="true"] {border-color:#202020;box-shadow:none}
.cs-color-dot {display:block;border:1px solid #0002;background:var(--swatch);width:32px;height:32px;border-radius:50%}
.cs-detail .cs-options-ready .cs-color-preview {display:flex;align-items:center;gap:18px;border:1px solid #e5e5e3;background:#fafafa;padding:12px;margin-top:16px;min-height:154px}
.cs-color-image-link,.cs-color-placeholder {flex:0 0 106px;width:106px;height:128px;display:flex;align-items:center;justify-content:center;background:#fff}
.cs-color-image-link .cs-color-image {display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.cs-color-placeholder {color:#aaa;background:#f0f0ee}
.cs-color-placeholder svg {width:34px;height:34px}
.cs-color-caption {min-width:0}
.cs-color-caption strong {font-size:14px;font-weight:500}
.cs-color-caption p {margin:6px 0 0;font-size:13px;color:#686868;line-height:1.5}
.cs-preview-enlarge {display:block;margin-top:12px;font-size:11px;color:#888}
.cs-detail.woocommerce div.product form.cart .reset_variations {font-size:12px;margin-top:10px;display:inline-block;text-decoration:underline;text-underline-offset:3px;color:#686868}
.cs-detail .single_variation_wrap {padding-top:4px}
.cs-detail.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {display:flex;gap:12px;align-items:stretch}
.cs-detail.woocommerce div.product form.cart div.quantity {float:none;margin:0;flex:0 0 66px}
.cs-detail.woocommerce .quantity .qty {width:66px;height:48px;padding:10px 6px;border:1px solid #ccc;border-radius:2px;font:14px Arial,Helvetica,sans-serif;background:#fff;color:#202020}
.cs-detail.woocommerce div.product form.cart .single_add_to_cart_button {float:none;flex:1;min-height:48px;padding:12px 18px}
.cs-detail .woocommerce-variation-description {font-size:13px}
.cs-detail .cs-photo-dialog {position:fixed;inset:0;margin:auto;max-width:min(94vw,1100px);max-height:94dvh;width:fit-content;padding:40px 24px 16px;border:0;border-radius:3px;background:#fff;color:#202020;overflow:auto}
.cs-photo-dialog::backdrop {background:rgb(0 0 0 / .65)}
.cs-detail .cs-photo-dialog>img {display:block;max-width:100%;max-height:calc(90dvh - 90px);width:auto;height:auto;object-fit:contain;margin:0 auto}
.cs-detail .cs-photo-close {position:absolute;top:4px;right:8px;display:grid;place-items:center;width:40px;height:36px;border:0;background:#fff;color:#202020;font:28px/1 Arial,sans-serif;cursor:pointer}
.cs-detail .cs-dialog-caption {text-align:center;font-size:13px;margin:12px 0 0;color:#686868}
.cs-detail .cs-patches {min-width:0;margin:22px 0 0;padding:0;border:0}
.cs-detail .cs-patches legend {padding:0;font-size:14px;font-weight:600;float:none;width:auto}
.cs-detail .cs-patches legend span {font-weight:400;font-size:12px;color:#888;margin-left:8px}
.cs-detail .cs-patches>p {margin:6px 0 12px;color:#686868;font-size:12px;line-height:1.5}
.cs-detail .cs-patch-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cs-detail .cs-patch-option {min-width:0;text-align:center}
.cs-detail.woocommerce div.product form.cart .variations label.cs-patch-card {display:flex;flex-direction:column;align-items:center;position:relative;height:138px;padding:23px 8px 9px;border:1px solid #dededb;background:#fff;border-radius:2px;cursor:pointer;font-weight:400;line-height:1.4}
.cs-detail .cs-patch-card:has(input:checked) {border-color:#202020!important;box-shadow:inset 0 0 0 1px #202020}
.cs-detail .cs-patch-card:has(input:focus-visible) {outline:2px solid #202020;outline-offset:3px}
.cs-detail .cs-patch-card input {position:absolute;right:8px;top:7px;width:15px;height:15px;margin:0;accent-color:#202020;cursor:pointer}
.cs-detail .cs-patch-art {display:flex;align-items:center;justify-content:center;height:62px;width:100%;margin-bottom:8px}
.cs-detail .cs-patch-art img {display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain}
.cs-detail .cs-patch-name {font-size:12px;font-weight:500;color:#202020}
.cs-detail .cs-patch-position {font-size:11px;color:#888;margin-top:2px}
.cs-detail .cs-patch-enlarge {display:inline-block;padding:6px 4px 2px;font-size:11px;color:#686868;text-decoration:underline;text-underline-offset:3px}
.cs-detail .cs-patch-status {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#686868;min-height:24px;margin-top:6px}
.cs-detail .cs-patches-clear {border:0;background:none;font:inherit;color:inherit;padding:3px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cs-detail .cs-patches>p.cs-patch-note {margin:6px 0 0;font-size:11px;color:#888;line-height:1.5}
@media(max-width:1050px){
  .cs-detail.woocommerce .cs-commerce>div.product {gap:36px 28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .cs-gallery-thumbs {gap:6px}
  .cs-detail .cs-options-ready .cs-choices {gap:5px}
  .cs-detail .cs-choice {min-width:42px;padding:8px 10px}
}
@media(max-width:760px){
  .cs-detail.woocommerce .cs-commerce>div.product {grid-template-columns:minmax(0,1fr);gap:28px}
  .cs-detail.woocommerce div.product div.summary {grid-column:1;grid-row:2}
  .cs-detail.woocommerce div.product .product_title {font-size:22px;margin-bottom:14px}
  .cs-detail-gallery {grid-column:1;grid-row:1}
  .cs-gallery-main {aspect-ratio:1.1}
  .cs-gallery-main .cs-gallery-image {padding:8px}
  .cs-gallery-thumb {padding:3px;gap:4px}
  .cs-gallery-thumb span {font-size:10px}
  .cs-detail .cs-detail-shipping {margin-bottom:20px}
  .cs-detail.woocommerce div.product form.cart {padding-top:20px}
  .cs-detail .cs-options-ready .cs-color-preview {min-height:142px}
  .cs-color-image-link,.cs-color-placeholder {height:116px;flex-basis:96px;width:96px}
  .cs-detail .cs-photo-dialog {padding:42px 12px 16px;max-width:96vw}
  .cs-detail .cs-patch-grid {gap:8px}
}
@media(max-width:420px){
  .cs-detail .cs-options-ready [data-kind="color"] .cs-choices {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
  .cs-detail [data-kind="color"] .cs-choice {min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1;padding:4px}
  .cs-detail .cs-color-dot {width:100%;height:auto;aspect-ratio:1}
  .cs-detail .cs-options-ready [data-kind="size"] .cs-choices {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
}
@media(prefers-reduced-motion:reduce){.cs-detail .cs-choice {transition:none}}