/* Rough Surface local pilot. Mineral Premium; catalog and other products untouched. */
body.phomi-variant-pilot .fatade3d-single-product > .container,
.phomi-variant-pilot .phomi-variant-guide > .container,
.phomi-variant-pilot .phomi-product-related > .container { max-width:1320px; }
body.phomi-variant-pilot .fatade3d-single-product { padding-bottom:var(--phomi-section-bottom); background:var(--phomi-surface) !important; }
body.phomi-variant-pilot .fatade3d-single-product div.product > .row { --bs-gutter-x:3rem; }
body.phomi-variant-pilot .fatade3d-single-product .bg-white.rounded-4.position-relative { border:0; padding:0; border-radius:0 !important; box-shadow:none; background:var(--phomi-surface) !important; overflow:visible; animation:none; }
@media (min-width:992px) {
 body.phomi-variant-pilot .fatade3d-single-product div.product > .row { display:grid; grid-template-columns:1.15fr 1fr; gap:40px; margin:0; }
 body.phomi-variant-pilot .fatade3d-single-product div.product > .row > :is(.col-xl-7,.col-xl-5) { width:100%; padding:0; min-width:0; }
}
body.phomi-variant-pilot .summary.entry-summary { position:static; padding-top:0; }
.phomi-variant-pilot :is(.phomi-product-gallery,.phomi-variant-guide,.phomi-product-related) [hidden] { display:none !important; }
.phomi-variant-pilot .phomi-variant-eyebrow { display:block; color:var(--phomi-blue-ink); font-size:.69rem; font-weight:650; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
/* Only images of the selected variant; generated concepts are explicitly labelled. */
.phomi-product-gallery { min-width:0; }
.phomi-product-gallery__slide { margin:0; }
.phomi-product-gallery__slide > a { display:block; position:relative; background:var(--phomi-mist); cursor:zoom-in; }
.phomi-product-gallery__slide > a > img { width:100%; height:auto; aspect-ratio:4/3; max-height:55vh; display:block; object-fit:contain; }
.phomi-product-gallery__zoom { position:absolute; bottom:14px; right:14px; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:var(--phomi-dark); background:var(--phomi-surface); font-size:1.3rem; }
.phomi-product-gallery__slide figcaption { min-height:36px; margin-top:8px; font-size:.72rem; line-height:1.45; color:var(--phomi-text-muted); }
.phomi-product-gallery__thumbs { display:flex; gap:12px; overflow-x:auto; scrollbar-width:thin; padding:4px; margin:6px -4px 0; }
.phomi-product-gallery__thumbs button { flex:0 0 calc((100% - 24px)/3); max-width:190px; padding:0; border:1px solid var(--phomi-border); background:var(--phomi-surface); color:var(--phomi-dark); border-radius:0; text-align:left; cursor:pointer; }
.phomi-product-gallery__thumbs img { width:100%; height:auto; aspect-ratio:1.8; object-fit:cover; display:block; }
.phomi-product-gallery__thumbs button[aria-pressed="true"] { border-color:var(--phomi-blue-ink); outline:1px solid var(--phomi-blue-ink); }
/* Main selection: persistent color names on all devices. */
.phomi-variant-pilot .phomi-variant-intro h1 { font-size:clamp(2rem,min(3.5vw,6.5vh),3.4rem); line-height:1.08; font-weight:650; letter-spacing:-.035em; margin:0 0 12px; }
.phomi-variant-intro > p:last-child { color:var(--phomi-text-muted); max-width:46ch; font-size:.95rem; line-height:1.6; margin:0; }
.phomi-variant-pilot .phomi-variant-configurator { margin-top:20px; }
body.phomi-variant-pilot .phomi-variant-configurator table.variations td.value { padding:0; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-variation-group { margin-bottom:18px; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-variation-group__label { margin-bottom:10px; font-size:.85rem; font-weight:600; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-variation-group__label-value { color:var(--phomi-blue-ink); font-weight:550; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-variation-swatches--color { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch--color { width:100%; height:auto; aspect-ratio:auto; display:flex; flex-direction:column; padding:0; border:1px solid var(--phomi-border); border-radius:0; background:var(--phomi-surface); overflow:visible; box-shadow:none; transform:none; color:var(--phomi-dark); }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch--color img { height:clamp(36px,5vh,54px); width:100%; object-fit:cover; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch__tooltip { position:static; display:block; width:100%; padding:7px 3px; opacity:1; transform:none; background:var(--phomi-surface); color:var(--phomi-dark); font-size:.72rem; line-height:1.25; white-space:normal; text-align:center; border-radius:0; pointer-events:none; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch__tooltip::after { display:none; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch--color.is-selected { border-color:var(--phomi-blue-ink); outline:1px solid var(--phomi-blue-ink); outline-offset:0; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch--color.is-selected::after,
.phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"][aria-pressed="true"]::after { content:'✓'; position:absolute; top:4px; right:4px; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; font-size:.68rem; color:var(--phomi-surface); background:var(--phomi-blue-ink); }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch--size { min-height:44px; padding:9px 14px; border:1px solid var(--phomi-border); border-radius:0; background:var(--phomi-surface); color:var(--phomi-dark); font-size:.81rem; font-weight:600; box-shadow:none; }
body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch--size.is-selected { background:var(--phomi-blue-ink); border-color:var(--phomi-blue-ink); color:var(--phomi-surface); }
.phomi-variant-pilot .phomi-variant-configurator form.cart .single_variation_wrap { display:flex; flex-direction:column; }
.phomi-variant-pilot .phomi-variant-configurator .woocommerce-variation-add-to-cart { display:flex; flex-wrap:wrap; gap:12px; }
.phomi-variant-choice { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px 20px; padding:16px 0; margin:0; border-top:1px solid var(--phomi-border); color:var(--phomi-dark); }
.phomi-variant-choice__prices { text-align:right; }
.phomi-variant-choice strong { display:block; font-size:.88rem; line-height:1.4; }
.phomi-variant-choice .phomi-variant-eyebrow { display:none; }
.phomi-variant-choice [data-phomi-choice-area] { display:block; color:var(--phomi-text-muted); font-size:.8rem; margin-top:3px; }
.phomi-variant-choice__price { font-size:1.65rem; line-height:1.2; font-weight:650; font-variant-numeric:tabular-nums; }
.phomi-variant-choice__price .phomi-variant-unit { font-size:1rem; font-weight:400; white-space:nowrap; }
.phomi-variant-choice__m2 { font-size:.8rem; color:var(--phomi-text-muted); margin-top:6px; font-variant-numeric:tabular-nums; }
.phomi-variant-choice__stock { grid-column:1/-1; font-size:.85rem; }
.phomi-variant-choice__stock:empty { display:none; }
.phomi-variant-choice__stock p { margin:0; }
body.phomi-variant-pilot .phomi-variant-configurator form.cart .quantity { width:138px; min-width:138px; height:50px; border:1px solid var(--phomi-border); border-radius:0; background:var(--phomi-surface); }
body.phomi-variant-pilot .phomi-variant-configurator form.cart .quantity .qty { height:48px; width:48px; min-width:0; }
body.phomi-variant-pilot .phomi-variant-configurator form.cart .quantity .qty-btn { flex:0 0 44px; width:44px; height:48px; border-radius:0; box-shadow:none; }
body.phomi-variant-pilot .phomi-variant-configurator .single_add_to_cart_button { flex:1; width:auto; min-height:50px; padding:12px 18px; justify-content:center; border:1px solid var(--phomi-blue-ink); border-radius:0; background:var(--phomi-blue-ink); color:var(--phomi-surface); font-size:.9rem; font-weight:600; }
body.phomi-variant-pilot .phomi-variant-configurator .single_add_to_cart_button:hover { background:var(--phomi-dark); border-color:var(--phomi-dark); }
.phomi-variant-pilot .fatade3d-buy-button__price,
.phomi-variant-pilot .woocommerce-variation-price,
.phomi-variant-pilot .woocommerce-variation-description,
.phomi-variant-pilot .woocommerce-variation-availability { display:none; }
.phomi-variant-help { color:var(--phomi-text-muted); line-height:1.6; font-size:.77rem; margin:14px 0 0; }
.phomi-variant-help a { white-space:nowrap; text-decoration:underline; }
/* Compact secondary selection; kept outside replaced variation content. */
.phomi-variant-guide { padding:0 0 var(--phomi-section-bottom); background:var(--phomi-surface); color:var(--phomi-dark); }
.phomi-variant-guide__heading { padding-top:var(--phomi-head-gap); border-top:1px solid var(--phomi-border); margin-bottom:24px; }
.phomi-variant-guide__heading h2 { font-size:clamp(1.65rem,2.5vw,2.35rem); line-height:1.15; letter-spacing:-.025em; margin:0; }
.phomi-variant-selector { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; padding:18px; margin-bottom:28px; background:var(--phomi-mist); }
.phomi-variant-selector__group { min-width:0; }
.phomi-variant-selector__group + .phomi-variant-selector__group { border-left:1px solid var(--phomi-border); padding-left:24px; }
.phomi-variant-selector__label { display:block; margin-bottom:10px; color:var(--phomi-dark); font-size:.75rem; font-weight:600; }
.phomi-variant-selector__options { display:flex; flex-wrap:nowrap; gap:8px; min-width:0; overflow-x:auto; scrollbar-width:thin; padding:3px; margin:-3px; }
.phomi-variant-selector__button { position:relative; flex:0 0 auto; min-height:44px; padding:10px 12px; border:1px solid var(--phomi-border); border-radius:0; background:var(--phomi-surface); color:var(--phomi-dark); font:inherit; font-size:.76rem; font-weight:550; line-height:1.3; cursor:pointer; }
.phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"] { flex:1 0 72px; padding:0; }
/* A single color stays a swatch, not a full-width banner. Mobile keeps its 94px tile. */
@media (min-width:768px) {
 #phomiVariantSelector .phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"]:only-child { flex:0 0 112px; }
}
.phomi-variant-selector__button img { width:100%; height:36px; object-fit:cover; display:block; }
.phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"] > span { display:block; padding:7px 4px; font-size:.7rem; white-space:nowrap; }
.phomi-variant-selector__button:hover { border-color:var(--phomi-blue-ink); }
.phomi-variant-selector__button[aria-pressed="true"] { border-color:var(--phomi-blue-ink); outline:1px solid var(--phomi-blue-ink); }
.phomi-variant-selector__button[data-phomi-attribute="attribute_pa_marime"][aria-pressed="true"] { background:var(--phomi-blue-ink); color:var(--phomi-surface); }
/* Mineral detail and true-proportion diagram. */
.phomi-variant-detail__overview { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,64px); align-items:start; }
.phomi-variant-detail__texture { margin:0; }
.phomi-variant-detail__texture img { width:100%; height:auto; aspect-ratio:1.5; max-height:50vh; object-fit:cover; display:block; }
.phomi-variant-detail__texture figcaption,.phomi-variant-diagram figcaption { font-size:.72rem; color:var(--phomi-text-muted); margin-top:8px; line-height:1.45; }
.phomi-variant-detail__copy h3 { font-size:clamp(1.65rem,2.3vw,2.25rem); line-height:1.12; margin:0 0 12px; letter-spacing:-.025em; }
.phomi-variant-detail__description { max-width:58ch; color:var(--phomi-text-muted); font-size:.9rem; line-height:1.65; }
.phomi-variant-facts { margin:18px 0 0; }
.phomi-variant-facts > div { display:grid; grid-template-columns:.8fr 1fr; gap:16px; padding:8px 0; border-bottom:1px solid var(--phomi-border); font-size:.84rem; }
.phomi-variant-facts dt { font-weight:400; color:var(--phomi-text-muted); }
.phomi-variant-facts dd { margin:0; font-weight:550; }
.phomi-variant-diagram { width:min(100%,360px); margin:22px 0 0; }
.phomi-variant-diagram svg { display:block; width:100%; height:auto; max-height:160px; overflow:visible; font-family:inherit; font-size:13px; fill:var(--phomi-text-muted); }
.phomi-variant-diagram__line { fill:none; stroke:var(--phomi-text-muted); stroke-width:1; }
.phomi-variant-diagram__panel { fill:var(--phomi-mist); stroke:var(--phomi-border); stroke-width:1; }
.phomi-variant-projects,.phomi-variant-concept { margin-top:var(--phomi-section-top); }
.phomi-variant-projects header,.phomi-variant-concept header { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; margin-bottom:20px; }
.phomi-variant-projects h3,.phomi-variant-concept h3,.phomi-variant-calculator h3 { font-size:clamp(1.5rem,2.3vw,2rem); line-height:1.2; margin:0; }
.phomi-variant-projects header > p,.phomi-variant-concept__badge { color:var(--phomi-text-muted); font-size:.75rem; margin:0; }
.phomi-variant-concept figure { margin:0; }
.phomi-variant-concept figure img { display:block; width:100%; height:auto; aspect-ratio:2.65; max-height:52vh; object-fit:cover; }
.phomi-variant-concept figcaption { padding-top:10px; color:var(--phomi-text-muted); font-size:.75rem; line-height:1.5; }
.phomi-variant-projects__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:24px; }
.phomi-variant-project { margin:0; }
.phomi-variant-project__cover { display:block; color:var(--phomi-dark); }
.phomi-variant-project__cover img { display:block; width:100%; aspect-ratio:2; max-height:52vh; height:auto; object-fit:cover; }
.phomi-variant-project__cover > span { display:block; padding:12px 0; font-weight:600; }
.phomi-variant-documents { margin-top:28px; }
.phomi-variant-documents h3 { font-size:1.3rem; }
.phomi-variant-documents ul { padding:0; list-style:none; }
.phomi-variant-documents a { display:flex; justify-content:space-between; gap:24px; padding:16px 0; border-bottom:1px solid var(--phomi-border); }
.phomi-variant-notes { margin-top:24px; border-top:1px solid var(--phomi-border); border-bottom:1px solid var(--phomi-border); }
.phomi-variant-notes summary { cursor:pointer; font-weight:550; font-size:.9rem; min-height:56px; align-content:center; }
.phomi-variant-notes ul { margin:4px 0 20px; color:var(--phomi-text-muted); font-size:.9rem; line-height:1.8; }
/* Calculator: explicit quantity transfer, never a silent cart mutation. */
.phomi-variant-calculator { display:grid; grid-template-columns:1fr .85fr 1.15fr; gap:28px; align-items:start; margin-top:var(--phomi-head-gap); padding:clamp(22px,3vw,32px); background:var(--phomi-mist); }
.phomi-variant-calculator p { color:var(--phomi-text-muted); line-height:1.6; font-size:.85rem; margin:12px 0 0; max-width:42ch; }
.phomi-variant-calculator__form > label { display:block; margin-bottom:10px; font-size:.8rem; }
.phomi-variant-calculator__form input[type="text"] { width:100%; min-height:48px; padding:12px 14px; border:1px solid var(--phomi-border); background:var(--phomi-surface); color:var(--phomi-dark); border-radius:0; }
.phomi-variant-calculator__form label.phomi-variant-calculator__reserve { display:flex; align-items:center; gap:10px; min-height:44px; margin:6px 0 0; font-size:.75rem; cursor:pointer; }
.phomi-variant-calculator__reserve input { flex:0 0 18px; width:18px; height:18px; accent-color:var(--phomi-blue-ink); }
.phomi-variant-calculator__summary { border-left:1px solid var(--phomi-border); padding-left:24px; min-height:100%; }
.phomi-variant-calculator output { display:block; font-size:.88rem; line-height:1.6; }
.phomi-variant-calculator output strong { font-size:1.65rem; display:block; font-variant-numeric:tabular-nums; }
.phomi-variant-calculator output span,.phomi-variant-calculator output small { display:block; }
.phomi-variant-calculator output small { color:var(--phomi-text-muted); font-size:.75rem; margin-top:8px; }
.phomi-variant-calculator__total { font-weight:600; font-variant-numeric:tabular-nums; }
.phomi-variant-calculator__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.phomi-variant-calculator__actions .btn { flex:1 0 auto; min-height:44px; padding:10px 12px; border-radius:0; font-size:.78rem; }
.phomi-variant-calculator__feedback:empty { display:none; }
/* Approved open related cards; no global loop changes. */
.phomi-product-related { padding:0 0 var(--phomi-section-bottom); background:var(--phomi-surface); }
.phomi-product-related header { border-top:1px solid var(--phomi-border); padding-top:var(--phomi-head-gap); margin-bottom:24px; }
.phomi-product-related h2 { font-size:clamp(1.5rem,2.4vw,2.2rem); line-height:1.2; margin:0; text-transform:none; }
.phomi-product-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.phomi-product-related__card { min-width:0; }
.phomi-product-related__card > a { display:flex; flex-direction:column; height:100%; color:var(--phomi-dark); text-decoration:none; }
.phomi-product-related__image { overflow:hidden; margin-bottom:14px; background:var(--phomi-mist); }
.phomi-product-related__image img { display:block; width:100%; aspect-ratio:1.7; height:auto; object-fit:cover; }
.phomi-product-related__card .phomi-variant-eyebrow { font-size:.65rem; margin-bottom:6px; }
.phomi-product-related__card h3 { font-size:1rem; font-weight:600; line-height:1.4; text-transform:none; margin:0 0 16px; letter-spacing:0; }
.phomi-product-related__link { display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--phomi-border); padding-top:12px; margin-top:auto; color:var(--phomi-blue-ink); font-size:.8rem; }
.phomi-variant-pilot :is(.phomi-product-gallery button,.phomi-product-gallery a,.phomi-variant-selector__button,.phomi-variant-guide a,.phomi-variant-guide summary,.phomi-variant-guide input,.phomi-variant-guide button,.phomi-product-related a,.phomi-variant-configurator .fatade3d-swatch):focus-visible { outline:2px solid var(--phomi-blue-ink); outline-offset:4px; }
.phomi-variant-pilot :is(.phomi-product-gallery button,.phomi-variant-selector__button,.phomi-variant-calculator button) { touch-action:manipulation; }
.phomi-variant-pilot :is(.phomi-variant-configurator button,.phomi-variant-guide button,.phomi-variant-guide input) { scroll-margin-block:100px; }
@media (max-width:1199px) {
 .phomi-variant-selector { grid-template-columns:1fr; gap:16px; }
 .phomi-variant-selector__group + .phomi-variant-selector__group { border:0; padding:0; }
 .phomi-variant-calculator { grid-template-columns:1fr 1fr; }
 .phomi-variant-calculator > div:first-child { grid-column:1/-1; }
 .phomi-variant-calculator > div:first-child p { max-width:none; }
}
@media (max-width:991px) {
 body.phomi-variant-pilot .fatade3d-single-product div.product > .row { display:flex; flex-direction:column; margin:0; }
 body.phomi-variant-pilot .fatade3d-single-product .col-xl-5,
 body.phomi-variant-pilot .summary.entry-summary { display:contents; }
 body.phomi-variant-pilot .fatade3d-single-product .col-xl-7 { order:1; width:100%; padding:0; }
 .phomi-variant-pilot .phomi-variant-intro { order:0; margin-bottom:20px; }
 .phomi-variant-pilot .phomi-variant-configurator { order:2; margin-top:24px; }
 .phomi-variant-pilot .phomi-variant-help { order:3; }
 .phomi-product-gallery { margin-bottom:0; }
 .phomi-product-gallery__slide > a > img { max-height:58vh; }
 .phomi-product-gallery__thumbs button { max-width:160px; }
 .phomi-variant-pilot .phomi-variant-intro h1 { font-size:2.3rem; }
}
@media (max-width:767px) {
 body.phomi-variant-pilot .fatade3d-single-product div.product > .row { --bs-gutter-x:1.5rem; }
 .phomi-variant-selector { padding:16px; margin-bottom:24px; }
 .phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"] { flex:0 0 94px; }
 .phomi-variant-detail__overview { grid-template-columns:1fr; gap:24px; }
 .phomi-variant-detail__texture img { max-height:46vh; }
 .phomi-variant-guide__heading { margin-bottom:20px; }
 .phomi-variant-projects header,.phomi-variant-concept header { flex-direction:column; align-items:flex-start; gap:10px; }
 .phomi-variant-concept figure img { aspect-ratio:1.4; }
 .phomi-variant-calculator { grid-template-columns:1fr; gap:20px; }
 .phomi-variant-calculator__summary { border-left:0; border-top:1px solid var(--phomi-border); padding:20px 0 0; }
 .phomi-variant-calculator__actions .btn { flex-basis:100%; }
 .phomi-product-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; }
 .phomi-product-related__card h3 { font-size:.88rem; }
 .phomi-product-related__image img { aspect-ratio:1.3; }
}
@media (max-width:359px) {
 .phomi-variant-choice { grid-template-columns:1fr; }
 .phomi-variant-choice__prices { text-align:left; }
 body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-variation-swatches--color { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.phomi-variant-pilot .phomi-variant-configurator .single_add_to_cart_button { flex-basis:100%; }
}
@media (prefers-reduced-motion:no-preference) {
 .phomi-product-related__image img { transition:transform 250ms cubic-bezier(.2,.75,.25,1); }
 .phomi-product-related__card > a:hover img { transform:scale(1.035); }
}
@media (prefers-reduced-motion:reduce) {
 .phomi-variant-pilot :is(.phomi-product-gallery,.phomi-variant-guide,.phomi-product-related,.phomi-variant-configurator) * { animation:none !important; transition:none !important; scroll-behavior:auto; }
}

/* Mobile purchase flow, local Rough Surface only; native WooCommerce owns the order. */
.phomi-mobile-dock,
.phomi-mobile-sheet:not([open]) { display:none; }
.phomi-variant-selector__label { display:flex; justify-content:space-between; gap:12px; }
.phomi-variant-selector__label [data-phomi-selected-attribute] { color:var(--phomi-blue-ink); font-weight:550; text-align:right; }
.phomi-quantity-review { width:100%; padding:16px; margin:12px 0; border:1px solid var(--phomi-blue-ink); background:var(--phomi-mist); color:var(--phomi-dark); }
.phomi-quantity-review[hidden] { display:none !important; }
.phomi-quantity-review p { margin:0 0 12px; font-size:.85rem; line-height:1.5; }
.phomi-quantity-review > div { display:flex; flex-wrap:wrap; gap:8px; }
.phomi-quantity-review button { min-height:44px; border:1px solid var(--phomi-border); background:var(--phomi-surface); color:var(--phomi-dark); padding:10px 12px; font:inherit; font-size:.8rem; border-radius:0; }
.phomi-quantity-review [data-phomi-review-apply] { border-color:var(--phomi-blue-ink); background:var(--phomi-blue-ink); color:var(--phomi-surface); }
.phomi-quantity-review [hidden] { display:none !important; }
.phomi-variant-pilot :is(.phomi-quantity-review button,.phomi-mobile-dock button,.phomi-mobile-sheet button,.phomi-mobile-sheet input,.phomi-mobile-sheet a):focus-visible { outline:2px solid var(--phomi-blue-ink); outline-offset:3px; }
.phomi-mobile-sheet { box-sizing:border-box; position:fixed; inset:auto 0 var(--phomi-keyboard-offset,0px); margin:0 auto; padding:0; width:100%; max-width:540px; max-height:calc(var(--phomi-visible-height,100dvh) - 12px); border:0; border-top:2px solid var(--phomi-blue-ink); border-radius:0; background:var(--phomi-surface); color:var(--phomi-dark); overflow:hidden; }
.phomi-mobile-sheet[open] { display:flex; flex-direction:column; }
.phomi-mobile-sheet::backdrop { background:rgba(var(--phomi-dark-rgb),.5); }
.phomi-mobile-sheet__header { display:flex; flex:0 0 auto; justify-content:space-between; gap:12px; align-items:center; padding:16px 20px 12px; border-bottom:1px solid var(--phomi-border); }
.phomi-mobile-sheet__header .phomi-variant-eyebrow { margin:0 0 4px; font-size:.65rem; }
.phomi-mobile-sheet__header h2 { margin:0; font-size:1.35rem; line-height:1.2; letter-spacing:-.02em; text-transform:none; }
.phomi-mobile-close { flex:0 0 44px; width:44px; height:44px; border:1px solid var(--phomi-border); border-radius:0; background:var(--phomi-surface); color:var(--phomi-dark); font-size:1.7rem; line-height:1; }
.phomi-mobile-sheet__body { min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:16px 20px; }
.phomi-mobile-sheet__preview { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.phomi-mobile-sheet__preview img { width:96px; height:64px; object-fit:cover; background:var(--phomi-mist); }
.phomi-mobile-sheet__preview strong { display:block; font-size:1rem; }
.phomi-mobile-sheet__preview span { display:block; color:var(--phomi-text-muted); font-size:.85rem; margin-top:3px; }
.phomi-mobile-sheet .phomi-variant-selector { padding:0; margin:0 0 18px; background:var(--phomi-surface); gap:18px; grid-template-columns:1fr; }
.phomi-mobile-sheet .phomi-variant-selector__group + .phomi-variant-selector__group { padding:0; border:0; }
.phomi-mobile-sheet .phomi-variant-selector__options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; overflow:visible; }
.phomi-mobile-sheet .phomi-variant-selector__button { min-width:0; width:100%; }
.phomi-mobile-sheet .phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"] > span { font-size:.78rem; white-space:normal; min-height:36px; display:grid; place-items:center; line-height:1.2; }
.phomi-mobile-sheet .phomi-variant-selector__button img { height:36px; }
.phomi-mobile-sheet [data-phomi-attribute="attribute_pa_marime"] { font-size:.76rem; padding:10px 5px; }
.phomi-mobile-sheet [hidden] { display:none !important; }
.phomi-mobile-sheet__quantity { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding-top:16px; border-top:1px solid var(--phomi-border); }
.phomi-mobile-sheet__quantity label { font-size:.88rem; font-weight:550; }
.phomi-mobile-sheet__quantity > div { display:flex; }
.phomi-mobile-sheet__quantity button,.phomi-mobile-sheet__quantity input { height:44px; width:44px; padding:0; border:1px solid var(--phomi-border); border-radius:0; background:var(--phomi-surface); color:var(--phomi-dark); font:inherit; font-size:16px; text-align:center; }
.phomi-mobile-sheet__quantity input { width:64px; border-left:0; border-right:0; appearance:textfield; -moz-appearance:textfield; }
.phomi-mobile-sheet__quantity input::-webkit-inner-spin-button,.phomi-mobile-sheet__quantity input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.phomi-mobile-calculate { display:block; min-height:44px; margin-top:10px; padding:8px 0; border:0; background:var(--phomi-surface); color:var(--phomi-blue-ink); text-align:left; font:inherit; font-size:.85rem; text-decoration:underline; text-underline-offset:3px; }
.phomi-mobile-contact-links { display:flex; flex-wrap:wrap; gap:4px 16px; padding-top:10px; margin-top:8px; border-top:1px solid var(--phomi-border); }
.phomi-mobile-contact-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--phomi-text-muted); font-size:.8rem; text-decoration:underline; text-underline-offset:3px; }
.phomi-mobile-sheet__footer { flex:0 0 auto; padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--phomi-border); background:var(--phomi-surface); }
.phomi-mobile-sheet__total { display:flex; justify-content:space-between; gap:16px; }
.phomi-mobile-sheet__total > div:last-child { text-align:right; }
.phomi-mobile-sheet__total span { display:block; color:var(--phomi-text-muted); font-size:.72rem; margin-bottom:2px; }
.phomi-mobile-sheet__total strong { display:block; font-size:1.05rem; font-variant-numeric:tabular-nums; }
.phomi-mobile-sheet__footer > small { display:block; color:var(--phomi-text-muted); font-size:.7rem; margin-top:6px; }
.phomi-mobile-sheet__footer > p:empty { display:none; }
.phomi-mobile-sheet__footer > p { margin:6px 0; font-size:.8rem; }
.phomi-mobile-primary { min-height:44px; border:1px solid var(--phomi-blue-ink); border-radius:0; padding:10px 14px; background:var(--phomi-blue-ink); color:var(--phomi-surface); font:inherit; font-size:.86rem; font-weight:600; line-height:1.2; touch-action:manipulation; }
.phomi-mobile-primary:disabled { opacity:.55; cursor:not-allowed; }
.phomi-mobile-sheet__footer > .phomi-mobile-primary { width:100%; min-height:48px; margin-top:10px; }
@media (max-width:767px) {
 body.phomi-variant-pilot.phomi-mobile-ready { padding-bottom:calc(104px + env(safe-area-inset-bottom,0px)); }
 body.phomi-variant-pilot.phomi-mobile-ready .footerphone { display:none !important; }
 .phomi-mobile-ready .phomi-mobile-dock:not([hidden]) { position:fixed; z-index:1040; inset:auto 0 0; display:grid; grid-template-columns:minmax(0,1fr) 128px; gap:12px; align-items:center; padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--phomi-border); background:var(--phomi-surface); }
 .phomi-mobile-dock__selection { display:flex; align-items:center; gap:10px; min-width:0; width:100%; min-height:64px; padding:0; border:0; border-radius:0; background:var(--phomi-surface); color:var(--phomi-dark); text-align:left; }
 .phomi-mobile-dock__selection img { flex:0 0 44px; width:44px; height:44px; object-fit:cover; }
 .phomi-mobile-dock__selection > span { min-width:0; }
 .phomi-mobile-dock__selection strong { display:block; font-size:.82rem; line-height:1.25; }
 .phomi-mobile-dock__selection span span { display:block; font-size:.73rem; color:var(--phomi-text-muted); line-height:1.3; margin-top:3px; }
 .phomi-mobile-dock__selection small { display:block; font-size:.7rem; color:var(--phomi-blue-ink); margin-top:3px; }
 .phomi-mobile-dock__purchase { text-align:right; }
 .phomi-mobile-dock__purchase > div { font-size:.96rem; line-height:1.2; font-weight:650; font-variant-numeric:tabular-nums; margin-bottom:7px; white-space:nowrap; }
 .phomi-mobile-dock__purchase > div small { display:block; margin-top:2px; color:var(--phomi-text-muted); font-size:.65rem; font-weight:400; }
 .phomi-mobile-dock__purchase .phomi-mobile-primary { width:100%; }
 .phomi-mobile-keyboard .phomi-mobile-dock,.phomi-sheet-open .phomi-mobile-dock { visibility:hidden; pointer-events:none; }
 .phomi-variant-pilot .phomi-variant-intro { margin-bottom:16px; }
 .phomi-variant-pilot .phomi-variant-intro h1 { font-size:2rem; }
 .phomi-product-gallery__slide > a > img { aspect-ratio:1.75; max-height:34svh; object-fit:contain; }
 .phomi-product-gallery__slide figcaption { font-size:.75rem; min-height:0; }
 .phomi-product-gallery__thumbs button { max-width:116px; }
 .phomi-product-gallery__thumbs img { aspect-ratio:2; }
 .phomi-variant-pilot .phomi-variant-configurator { margin-top:20px; }
 body.phomi-variant-pilot .phomi-variant-configurator .fatade3d-swatch__tooltip { font-size:.78rem; min-height:38px; padding:7px 3px; }
 .phomi-variant-guide__heading { padding-top:24px; }
 .phomi-variant-guide__heading h2 { font-size:1.6rem; }
 .phomi-variant-selector { padding:14px; }
 .phomi-variant-selector__button[data-phomi-attribute="attribute_pa_culoare"] > span { font-size:.76rem; }
 .phomi-variant-detail__texture img { max-height:160px; aspect-ratio:2.2; }
 .phomi-variant-detail__overview { gap:18px; }
 .phomi-variant-diagram { margin-top:16px; }
 .phomi-variant-diagram svg { max-height:125px; }
 .phomi-variant-calculator { margin-top:24px; padding:20px; }
 .phomi-variant-calculator__form input[type="text"],.phomi-variant-configurator input.qty { font-size:16px; }
 .phomi-mobile-sheet button,.phomi-mobile-sheet input { touch-action:manipulation; }
}
@media (max-width:359px) {
 .phomi-mobile-ready .phomi-mobile-dock:not([hidden]) { grid-template-columns:minmax(0,1fr) 110px; padding-left:12px; padding-right:12px; gap:10px; }
 .phomi-mobile-dock__selection { gap:8px; }
 .phomi-mobile-dock__selection img { flex-basis:36px; width:36px; height:42px; }
 .phomi-mobile-dock__purchase > div { font-size:.9rem; }
 .phomi-mobile-sheet__header,.phomi-mobile-sheet__body,.phomi-mobile-sheet__footer { padding-left:14px; padding-right:14px; }
 .phomi-mobile-sheet__preview { margin-bottom:14px; }
 .phomi-mobile-sheet__quantity { gap:8px; }
}
@media (prefers-reduced-motion:no-preference) {
 .phomi-mobile-sheet[open] { animation:phomi-product-sheet-in 200ms cubic-bezier(.2,.75,.25,1); }
 @keyframes phomi-product-sheet-in { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
}
@media (prefers-reduced-motion:reduce) {
 .phomi-mobile-sheet,.phomi-mobile-sheet *,.phomi-mobile-dock * { animation:none !important; transition:none !important; scroll-behavior:auto; }
}