/* Product chrome stays true to the real Yoder designer. */
html,body{height:100%;margin:0;overscroll-behavior:contain}
.hdr,#quotecard,#bpsave{display:none!important}
.layout{max-width:none!important}
.plate .l1{font-size:9px}
.plate .sample{font-size:11px}
.card h3{cursor:pointer}
.wrap{padding-bottom:28px}
.tour-guided body{overflow:hidden;cursor:default}
.tour-guided .hint{visibility:hidden}
.tour-guided .wrap .card.closed,.tour-guided #sheet,.tour-guided #views{display:none!important}
.tour-guided .tour-cue-focus{outline:3px solid #bd8a2d;outline-offset:5px;box-shadow:0 0 0 8px #d6a54824}
#tour-guided-label{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:7px 12px;background:#11100d;color:#dbc68f;font:10px/1.4 Arial,sans-serif;text-align:center;letter-spacing:.02em}
@media(min-width:720px){
  body{overflow:hidden}
  .layout{display:flex;height:100%;gap:0}
  .stagewrap{flex:1 1 62%;min-width:0;position:relative;top:0;height:100%;display:flex;flex-direction:column}
  .stage{flex:1 1 auto;height:auto;min-height:0}
  .wrap{flex:0 0 34%;min-width:245px;max-width:340px!important;height:100%;overflow-y:auto;padding:14px 13px 28px}
  .sheet{position:absolute;left:auto;right:12px;bottom:50px;width:min(330px,calc(100% - 24px));margin:0;z-index:6}
  .sheet .srow{cursor:grab;touch-action:none}
}
/* Full-screen presentation: the real renderer remains active, with its controls
   handled by the parent page's scroll-driven feature list. */
.tour-showcase .layout{display:flex!important;height:100%!important;padding:0!important}
.tour-showcase .wrap,.tour-showcase .plate,.tour-showcase .modebar,.tour-showcase #tour-guided-label{display:none!important}
.tour-showcase .stagewrap{flex:1!important;width:100%;height:100%!important;min-height:0!important;position:relative;top:0}
.tour-showcase .stage{height:100%!important;max-height:none!important;min-height:0!important;flex:1}
.tour-showcase #c3d{left:0;top:0;width:100%;height:100%}
@media(max-width:719px){
  .stage{height:55vh;min-height:250px;max-height:410px}
  .stagewrap{position:relative}
  .wrap{padding:12px;max-width:none}
  .plate{left:8px;right:8px;min-width:0;padding:8px 10px;display:flex;gap:10px;align-items:center}
  .plate .l1{display:none}.plate .l2{font-size:13px;margin:0}.plate .l3{margin-left:auto;white-space:nowrap}.plate .price{font-size:17px}
  .tour-guided .layout{display:flex;flex-direction:column;height:100%;padding-bottom:28px;box-sizing:border-box}
  .tour-guided .stagewrap{flex:1;min-height:0;display:flex;flex-direction:column}
  .tour-guided .stage{height:auto;min-height:180px;max-height:none;flex:1}
  .tour-guided .wrap{flex:0 0 31%;min-height:140px;max-height:220px;overflow:hidden;padding:12px}
  .tour-guided .wrap .card{padding:10px;margin-bottom:0}
  .tour-guided .wrap .card h3{margin-bottom:8px}
  .tour-guided #sizechips{max-height:120px;overflow:hidden}
}
@media(max-width:719px) and (max-height:380px){
  .tour-guided .stage{min-height:140px}
  .tour-guided .wrap{flex-basis:100px;min-height:100px;max-height:100px;padding:7px 10px}
  .tour-guided .wrap .card{padding:7px 9px}
  .tour-guided .wrap .card h3{font-size:10px;margin-bottom:5px}
  .tour-guided #sizechips .chip:not(.on),.tour-guided .sws .sw:not(.on){display:none}
  .tour-guided .wrap .card:has(#sw-body) .swrow:nth-of-type(n+3){display:none}
  .tour-guided .wrap .card:has(#sw-body) .swrow{margin-top:4px}
  .tour-guided #sizenote,.tour-guided .itemhint{display:none}
}