/* Staging 0.1.1: targeted fixes to the real WooCommerce product layout. */
/* The earlier .size-planner svg rule mistakenly expanded the inline arrow to 100%. */
#homePage .size-planner a.textlink svg.ui-arrow,
#homePage .size-planner .size-copy a svg.ui-arrow {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  flex: 0 0 18px;
  vertical-align: middle;
}
#homePage .size-planner .size-copy a.textlink > span { display: inline-flex; align-items: center; flex: 0 0 auto; }

/* Keep the theme's earlier experimental WooCommerce grid from collapsing sections. */
.single-product #productPage.iuliia-single-product {
  display: block;
  max-width: 1510px;
  width: 100%;
  margin: 0 auto;
  min-width: 0;
}
#productPage .iuliia-product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: start;
  gap: clamp(30px, 4.5vw, 75px);
}
#productPage .iuliia-product-gallery,
#productPage .iuliia-product-purchase { min-width: 0; max-width: 100%; }
#productPage .iuliia-product-gallery .woocommerce-product-gallery {
  position: relative;
  top: auto;
  width: 100%;
  float: none;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
#productPage .woocommerce-product-gallery__wrapper { margin:0; max-width:none; }
#productPage .woocommerce-product-gallery__image { margin:0; min-width:0; max-width:none; }
#productPage .woocommerce-product-gallery__image a { display:block; }
#productPage .woocommerce-product-gallery__image img,
#productPage .woocommerce-product-gallery img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
#productPage .woocommerce-product-gallery .flex-viewport { max-width: 100%; overflow: hidden; }
#productPage .flex-control-thumbs { margin: 12px 0 0; }
#productPage .flex-control-thumbs li { min-width: 0; }
#productPage .summary { width: auto; float: none; min-width: 0; overflow-wrap: anywhere; }
#productPage .summary .product_title { max-width: 100%; }
#productPage .summary .variations_form { max-width: 100%; }
#productPage .summary .variations { max-width: 100%; table-layout: fixed; }
#productPage .summary .variations td { max-width: 100%; }
#productPage .summary .native-choices { margin: 0; gap: 8px; }
#productPage .summary .native-choices button { min-height: 43px; line-height: 1.4; }
#productPage .summary .native-choices button.selected { border-color: var(--red); background: #eee7df; }
/* Native size and other selects remain visible. Frame buttons progressively enhance only their own select. */
#productPage select.iuliia-frame-select { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; border:0!important; overflow:hidden!important; clip-path:inset(50%); }
#productPage select.iuliia-frame-select:focus-visible + .native-choices { outline:2px solid var(--red); outline-offset:4px; }
#productPage .product_meta .sku_wrapper { display: none; }
#productPage .woocommerce-variation-availability { margin: 10px 0; }
#productPage .single_variation_wrap { margin: 12px 0 0; }
#productPage .woocommerce-variation-add-to-cart { gap: 12px; }

/* Product-level visual information, not replacing WooCommerce variation forms. */
#productPage .iuliia-product-closeup,
#productPage .iuliia-product-scale {
  border-top: 1px solid var(--line);
  margin: clamp(45px, 5vw, 82px) 0 0;
  padding: clamp(28px, 4vw, 55px) 0;
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: clamp(28px, 5vw, 85px);
  align-items: center;
}
#productPage .iuliia-product-closeup-copy,
#productPage .iuliia-product-scale-copy { min-width: 0; }
#productPage .iuliia-product-closeup h2,
#productPage .iuliia-product-scale h2 { font: 400 clamp(34px, 4vw, 56px)/1.12 Georgia,serif; letter-spacing: -.035em; margin: 14px 0 20px; }
#productPage .iuliia-product-closeup-copy > p:not(.eyebrow),
#productPage .iuliia-product-scale-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.9; color: var(--muted); max-width: 500px; margin-bottom: 24px; }
#productPage .iuliia-detail-image { display:block; overflow:hidden; background: #eee8de; min-width:0; max-height: 590px; }
#productPage .iuliia-detail-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: 50% 50%;
  transform: none;
  transform-origin: center;
  transition: transform .25s ease;
}
#productPage .iuliia-detail-image:hover img { transform: none; }
#productPage .iuliia-product-scale { background: #f4f0e9; padding: 42px 4%; }
#productPage .iuliia-product-scale-scene { min-width:0; }
#productPage .iuliia-product-scale-scene svg { display:block; width:100%; height:auto; max-width:650px; margin:0 auto; }
#productPage .iuliia-product-scale-scene > p { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.7; }
#productPage .iuliia-product-scale-copy .iuliia-scale-current { color:var(--ink); font-size:14px; padding:13px 15px; border:1px solid var(--line); background:var(--paper); margin-bottom: 18px; }
#productPage .iuliia-product-after { display:block; clear:both; margin-top:45px; width:100%; min-width:0; }
#productPage .iuliia-product-after .woocommerce-tabs,
#productPage .iuliia-product-after .related.products,
#productPage .iuliia-product-after .upsells.products { display:block; width:100%; clear:both; }
#productPage .iuliia-product-after .woocommerce-tabs { border-top:1px solid var(--line); padding-top:25px; }
#productPage .iuliia-product-after ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
}
#productPage .iuliia-product-after ul.products li.product {
  width: auto !important;
  min-width: 0;
  float:none !important;
  margin:0 !important;
  padding:0;
  text-align:left;
}
#productPage .iuliia-product-after ul.products li.product img { width:100%; height:auto; aspect-ratio:4 / 5; object-fit:cover; }
#productPage .iuliia-product-after ul.products li.product h2 { font:400 17px/1.45 Georgia,serif; margin:12px 0; }
#productPage .iuliia-product-after ul.products li.product .price { font-size:12px; display:block; margin:9px 0; }
#productPage .iuliia-product-after ul.products li.product .button { font-size:11px; padding:10px 12px; min-height:40px; }

/* Retain the existing, word-for-word editorial SEO content. */
#homePage .legacy-home-seo { border-top:1px solid var(--line); padding-top:70px; padding-bottom:75px; }
#homePage .legacy-home-seo > .legacy-seo-inner { max-width: 1040px; margin: 0 auto; }
#homePage .legacy-home-seo h2 { font:400 clamp(30px, 3.2vw, 43px)/1.18 Georgia,serif; margin:30px 0 22px; }
#homePage .legacy-home-seo h3 { font:400 29px/1.25 Georgia,serif; margin:36px 0 14px; }
#homePage .legacy-home-seo p { color:var(--muted); font-size:14px; line-height:1.95; margin:0 0 17px; }
#homePage .legacy-home-seo a { text-decoration: underline; text-underline-offset:3px; }

@media (max-width: 1050px) {
  #productPage .iuliia-product-after ul.products { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width: 750px) {
  #productPage .iuliia-product-layout,
  #productPage .iuliia-product-closeup,
  #productPage .iuliia-product-scale { grid-template-columns: minmax(0,1fr); gap:22px; }
  #productPage .iuliia-product-closeup,
  #productPage .iuliia-product-scale { padding:30px 0; }
  #productPage .iuliia-product-scale { padding:28px 20px; }
  #productPage .iuliia-detail-image img { height:auto; }
  #productPage .iuliia-product-after ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px; }
  #productPage .iuliia-product-after ul.products li.product h2 { font-size:15px; }
  #productPage .woocommerce-tabs .tabs { overflow-x:auto; gap:17px; }
  #productPage .woocommerce-tabs .tabs li { flex:0 0 auto; }
  #homePage .legacy-home-seo { padding:36px 20px 50px; }
  #homePage .legacy-home-seo h3 { font-size:24px; }
  #homePage .legacy-home-seo p { font-size:13px; }
}

/* 0.1.2 editorial layout and native gallery controls. */
#aboutPage p, .reading-body, .reading-body p { font-weight:400; }
#aboutPage p strong, .reading-body p strong { font-weight:600; }
.style-intro { max-width:1040px; margin:0 0 36px; }
.style-intro h2 { font-size:clamp(25px,3vw,38px); margin:0 0 20px; }
.style-intro p { color:var(--muted); font-size:14px; line-height:1.9; margin:0 0 15px; }
.artwork-formats { margin:22px 0; padding:18px 0; border-block:1px solid var(--line); }
.artwork-formats p { font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:12px; }
.artwork-formats > div { display:flex; flex-wrap:wrap; gap:12px 18px; font-size:14px; }
.artwork-formats a { text-decoration:underline; text-underline-offset:4px; }
.artwork-formats [aria-current] { color:var(--red); font-weight:600; }
.artwork-help { margin:20px 0; display:inline-flex; gap:15px; }
#productPage .frame-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
#productPage .frame-choices button { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 8px; font-size:11px; gap:8px; }
#productPage .frame-choices svg { width:40px; height:40px; stroke:none; }
#productPage .flex-direction-nav { position:absolute; top:40%; left:0; right:0; display:flex; justify-content:space-between; list-style:none; padding:0 10px; margin:0; pointer-events:none; z-index:3; }
#productPage .flex-direction-nav a { display:block; pointer-events:auto; padding:12px; background:var(--paper); border:1px solid var(--line); font-size:11px; }
#productPage .flex-direction-nav .flex-disabled { opacity:.35; pointer-events:none; }
#productPage .flex-control-thumbs { display:flex; flex-wrap:nowrap; overflow-x:auto; padding:2px 0 8px; }
#productPage .flex-control-thumbs li { flex:0 0 18%; }
#productPage .iuliia-detail-image { max-height:none; }
.quote-artwork-group { display:grid; grid-template-columns:minmax(180px,.75fr) minmax(0,2.25fr); gap:40px; padding:40px 0; border-top:1px solid var(--line); align-items:start; }
.quote-reel-cover { display:block; max-width:320px; }
.quote-reel-cover img { display:block; width:100%; height:auto; }
.quote-reel-intro h2 { font-size:25px; margin:18px 0; }
.iuliia-art .quote-artwork-group .art-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.contact-artwork { overflow-wrap:anywhere; font-size:14px; line-height:1.7; margin:20px 0; }
.contact-artwork a { text-decoration:underline; }
@media(max-width:750px) {
 .quote-artwork-group { grid-template-columns:1fr; gap:25px; }
 .quote-reel-cover { max-width:280px; }
 .iuliia-art .quote-artwork-group .art-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #productPage .frame-choices { grid-template-columns:repeat(4,minmax(0,1fr)); }
}