/* v2.1.1: fix space reserved by min-height and center-aligned grid tracks. */
.catalog-view .detail-layout{min-height:0;align-items:start}
.catalog-view .detail{height:auto;height:max-content;max-height:min(100dvh,1000px);margin:auto}
.catalog-view .detail-visual{height:auto;max-height:500px;min-height:420px;align-self:stretch}
.catalog-view .detail-copy{align-self:start;height:auto;padding:24px 27px 18px}
.catalog-view .detail-copy h2{margin:8px 0 12px}
.catalog-view .detail-copy dl{margin:16px 0 12px;gap:10px 14px}
.catalog-view .detail-copy dl>div{padding-top:6px}
.catalog-view .detail-note{margin:10px 0 13px}
.catalog-view .detail-actions{gap:8px;margin-top:5px;padding-top:9px;padding-bottom:4px}
.catalog-view .detail-actions button{min-height:44px;padding:9px 13px}
.catalog-view .detail-actions .primary{flex:0 1 190px}
.catalog-view .detail-actions .secondary{border:1px solid #FFFFFFD9;background:linear-gradient(130deg,#FFFFFFE8,#EAF4FFD9);box-shadow:inset 0 1px 0 #FFFFFF,0 5px 14px -12px #356BFF}
.catalog-view .detail-price{display:block;width:max-content;max-width:100%;padding:0 0 5px;border:0;border-radius:0;background:none;box-shadow:none;position:relative}
.catalog-view .detail-price:after{content:"";position:absolute;bottom:0;left:0;width:52px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7042F5,#356BFF,#19C9ED)}
.catalog-view .detail-price .price{white-space:nowrap;font-variant-numeric:tabular-nums}
.catalog-view .detail-price .price.is-request{white-space:normal}
@media(min-width:901px){.catalog-view .detail-layout{grid-template-columns:1.22fr 1fr}}
@media(min-width:601px) and (max-width:900px){.catalog-view .detail-layout{grid-template-columns:1fr 1fr}.catalog-view .detail-visual{max-height:480px;min-height:420px}.catalog-view .detail-copy{padding:20px 18px 15px}.catalog-view .detail-copy h2{font-size:27px}.catalog-view .detail-price .price{font-size:27px}.catalog-view .detail-copy dl{margin:13px 0 10px;gap:8px 11px}.catalog-view .detail-note{margin:8px 0 10px}.catalog-view .detail-actions{gap:6px}.catalog-view .detail-actions button{padding-inline:9px}.catalog-view .detail-actions .primary,.catalog-view .detail-actions .secondary{font-size:11px}}
@media(max-width:600px){
 .catalog-view .detail-layout{min-height:0;padding-bottom:env(safe-area-inset-bottom,0px)}
 .catalog-view .detail-visual{height:clamp(260px,42dvh,390px);min-height:0}
 .catalog-view .detail-copy{padding:16px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
 .catalog-view .detail-copy h2{margin:5px 0 7px}
 .catalog-view .detail-copy dl{margin:10px 0 8px;gap:8px 12px}
 .catalog-view .detail-copy dl>div{padding-top:4px}.catalog-view .detail-copy dd{margin-top:3px}
 .catalog-view .description{line-height:1.48}
 .catalog-view .detail-note{margin:7px 0 3px}
 .catalog-view .detail-actions{gap:7px;margin:0 -4px;padding:8px 4px max(8px,env(safe-area-inset-bottom));min-height:0}
 .catalog-view .detail-actions button{min-height:44px;padding:8px 10px}
 .catalog-view .detail-actions .primary{flex:1.15}
 .catalog-view .detail-actions .secondary{flex:1}
 .catalog-view .detail-actions .secondary{white-space:nowrap}
 .catalog-view .detail-price{padding-bottom:4px}
 .catalog-view .detail-copy .kind{font-size:10px}
}
@media(max-width:359px){.catalog-view .detail-copy{padding-left:16px;padding-right:16px}.catalog-view .detail-copy h2{font-size:25px}.catalog-view .detail-copy .price.is-request{font-size:23px}.catalog-view .detail-actions{gap:6px}.catalog-view .detail-actions button{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.catalog-view .detail-actions button{transition:none}}
@media(forced-colors:active){.catalog-view .detail-price:after{background:Highlight}.catalog-view .detail-actions .secondary{background:Canvas;color:ButtonText}}