/* One mobile view for the whole bouquet and its four complete palettes. */
.palette-workbench{display:contents}
.photo-label-mobile{display:none}
.palette-product .product-detail{grid-template-rows:auto auto 1fr}
.palette-product .detail-gallery{grid-row:1 / span 3}
.palette-selector{grid-column:2;grid-row:2;min-width:0}
.palette-product .detail-copy{grid-row:3}
@media(max-width:760px),(max-width:950px) and (max-height:520px){
 .palette-product .product-detail{grid-template-columns:minmax(0,1fr);gap:0;grid-template-rows:auto auto auto}
 .palette-product .detail-identity{grid-column:1;grid-row:1;padding-top:0;margin-bottom:18px}
 .palette-product .detail-copy{grid-column:1;grid-row:3}
 .palette-workbench{display:block;grid-column:1;grid-row:2;min-width:0;margin-bottom:27px;border:1px solid #ddcdbb;border-radius:9px;overflow:hidden;background:#fffdf6}
 .palette-product .detail-gallery{position:static;grid-column:auto;grid-row:auto;align-self:auto;margin:0;border-radius:0;overflow:hidden;box-shadow:none}
 .palette-product .detail-photo-label{min-height:39px;height:auto;margin:0;padding:7px 12px;gap:12px}
 .detail-photo-label .photo-label-desktop{display:none}
 .detail-photo-label .photo-label-mobile{display:flex;align-items:baseline;gap:10px;min-width:0;font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.2;letter-spacing:-.025em}
 .photo-label-mobile small{font:400 10px/1.4 var(--sans);letter-spacing:0;flex-shrink:0}
 .palette-product .detail-photo-label .favorite-control{width:30px;height:30px;min-width:30px;flex-shrink:0}
 .palette-product .detail-main-photo.photo-canvas-wrap{height:clamp(165px,calc(100svh - 360px),370px);min-height:0;background:#eee7df}
 .palette-product .detail-main-photo canvas,.palette-product .detail-main-photo .photo-fallback{height:100%;width:100%;object-fit:contain}
 .palette-product .palette-photo-footer{min-height:43px;padding:3px 10px;gap:7px;border:0;align-items:center}
 .palette-product .palette-photo-footer>span{display:block;font-size:0;min-width:0}
 .palette-product .palette-photo-footer strong{display:block;font-size:12px;line-height:1.4;color:var(--product-ink);overflow-wrap:anywhere}
 .palette-product .palette-photo-footer>div{gap:4px;flex-shrink:0}
 .palette-product .palette-photo-footer button{font-size:10px;min-height:37px;padding:6px 7px}
 .palette-product .photo-fidelity-note{display:none}
 .palette-selector{padding:12px 11px 11px;min-width:0}
 .palette-selector .palette-section-heading{display:block;margin:0}
 .palette-selector .palette-section-heading h2{font-size:17px;line-height:1.25;max-width:none;font-weight:500;letter-spacing:-.035em;margin:0}
 .palette-selector .palette-section-heading>span,.palette-selector .palette-section-intro{display:none}
 .palette-product .product-customizer{margin:0}
 [data-palette-workbench] .product-palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
 [data-palette-workbench] .product-palette-choice{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:72px;padding:8px 10px;gap:0;border-radius:6px;background:color-mix(in srgb,var(--palette-tone) 14%,#fff9ed);scroll-margin:8px;touch-action:manipulation}
 [data-palette-workbench] .product-palette-choice[aria-pressed="true"]{border-color:#81404f;box-shadow:0 0 0 1px #81404f;background:color-mix(in srgb,var(--palette-tone) 23%,#fff9ed)}
 [data-palette-workbench] .palette-photo{display:none}
 [data-palette-workbench] .product-palette-choice .palette-choice-copy{display:flex;flex-direction:column;min-height:0;width:100%;padding:0;gap:0;background:none}
 [data-palette-workbench] .product-palette-choice .palette-choice-copy strong{order:0;font-size:12px;font-weight:500;line-height:1.25;margin:0;padding:0 20px 0 0;overflow-wrap:normal}
 [data-palette-workbench] .palette-choice-copy .palette-choice-dots{order:1;margin:7px 0 0;padding:0;gap:4px}
 [data-palette-workbench] .palette-choice-copy .palette-choice-dots i{width:14px;height:17px;margin:0;border-radius:9px 9px 3px 3px}
 [data-palette-workbench] .product-palette-choice .palette-choice-copy small,[data-palette-workbench] .palette-choice-status{display:none}
 [data-palette-workbench] .product-palette-choice .palette-choice-check{top:8px;right:8px;width:18px;height:18px}
 [data-palette-workbench] .palette-choice-check svg{width:10px;height:10px}
 .palette-selector .palette-guidance{font-size:9px;line-height:1.5;gap:6px;margin:9px 0 0;padding:0}
 .palette-selector .palette-guidance svg{width:15px;height:15px}
 /* The home demonstration uses the same compact photo-and-palette sequence. */
 .color-lab{grid-template-columns:minmax(0,1fr);padding:30px 18px;gap:0}
 .color-lab-copy{display:contents}
 .color-lab-copy>.eyebrow{grid-row:1}
 .color-lab-copy>h2{grid-row:2}
 .color-lab-copy>p:not(.eyebrow):not(.lab-assurance){grid-row:3;margin-bottom:22px}
 .color-lab-art{grid-row:4;width:100%;max-width:none;justify-self:stretch;padding:0;margin:0;background:#f3edf8;border-radius:8px;overflow:hidden}
 .color-lab .lab-photo-topline{min-height:39px;margin:0;padding:7px 12px;align-items:baseline;font-size:10px}
 .color-lab .lab-photo-topline>span:first-child{font-size:23px}
 .color-lab .lab-real-photo.photo-canvas-wrap{height:clamp(165px,calc(100svh - 320px),370px);min-height:0;max-height:none;border-radius:0;background:#eee7df}
 .color-lab .lab-real-photo canvas,.color-lab .lab-real-photo .photo-fallback{width:100%;height:100%;object-fit:contain}
 .color-lab .palette-caption{padding:9px 12px;min-height:38px;border-radius:0}
 .color-lab .palette-caption>span{font:500 12px/1.4 var(--sans);margin:0}
 .color-lab .palette-caption>small{display:none}
 .color-lab-copy>.product-palette-options{grid-row:5;width:100%;margin:10px 0 16px;max-width:none}
 .color-lab-copy>.button{grid-row:6;min-width:0;width:100%;margin:0}
 .color-lab-copy>.lab-assurance{grid-row:7}
}
@media(max-width:360px){
 .detail-photo-label .photo-label-mobile{font-size:21px;gap:8px}
 .photo-label-mobile small{font-size:9px}
 .palette-selector .palette-section-heading h2{font-size:16px}
 [data-palette-workbench] .product-palette-choice{padding:8px;min-height:74px}
 [data-palette-workbench] .product-palette-choice .palette-choice-copy strong{font-size:11px;padding-right:17px}
 [data-palette-workbench] .product-palette-choice .palette-choice-check{right:6px}
 .palette-selector .palette-guidance{font-size:9px}
}
@media(max-width:950px) and (max-height:520px) and (orientation:landscape){
 .palette-product.wrap{width:calc(100% - 32px)}
 .palette-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
 .palette-product .detail-gallery{grid-column:1;grid-row:1}
 .palette-selector{grid-column:2;grid-row:1;align-self:center;padding:12px}
 .palette-product .detail-main-photo.photo-canvas-wrap{height:calc(100svh - 104px);min-height:130px}
 .palette-selector .palette-section-heading h2{font-size:16px}
 .palette-selector .palette-guidance{font-size:9px}
 [data-palette-workbench] .product-palette-choice{min-height:65px}
 .color-lab{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 16px}
 .color-lab-copy>.eyebrow,.color-lab-copy>h2,.color-lab-copy>p:not(.eyebrow):not(.lab-assurance){grid-column:1 / -1}
 .color-lab-art{grid-column:1;grid-row:4 / span 3}
 .color-lab-copy>.product-palette-options{grid-column:2;grid-row:4;align-self:end;margin-top:0}
 .color-lab-copy>.button{grid-column:2;grid-row:5}
 .color-lab-copy>.lab-assurance{grid-column:2;grid-row:6;align-self:start}
 .color-lab .lab-real-photo.photo-canvas-wrap{height:calc(100svh - 104px);min-height:130px}
}