/*
 * ゆうかなう｜SP商品棚 承認済み基準ベースライン v1.0 + v14 コンシェルジュCTA
 * Responsibility: SP presentation only.
 * Behavior/state ownership remains in the existing product-shelf runtime plus
 * assets/sp-approved-baseline-v14-v1.js for reversible SP shell materialization.
 */
@media (max-width:767px){
  body.yk-sp-approved-baseline-v1-active .yk-shelf-overview{
    position:sticky!important;
    top:0!important;
    z-index:1302!important;
    display:block!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-customer-status-bar{
    display:none!important;
  }

  body.yk-sp-approved-baseline-v1-active #yk-sp-approved-baseline-status{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:18px 16px!important;
    row-gap:2px!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:5px 10px 7px!important;
    background:rgba(247,251,254,.985)!important;
    border-top:1px solid rgba(55,143,217,.12)!important;
    border-bottom:1px solid rgba(55,143,217,.16)!important;
    color:#263746!important;
    overflow:hidden!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-row1,
  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-row2{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-title{
    font-size:12.5px!important;
    line-height:18px!important;
    font-weight:700!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-count{
    margin-left:auto!important;
    font-size:12px!important;
    line-height:18px!important;
    font-weight:650!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-reset{
    border:0!important;
    background:none!important;
    padding:0!important;
    color:#51697c!important;
    font-size:11px!important;
    line-height:18px!important;
    text-decoration:underline!important;
    cursor:pointer!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-conditions,
  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-order{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10.5px!important;
    line-height:16px!important;
    color:#607080!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-conditions{
    flex:1 1 auto!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-sp-approved-status-order{
    flex:0 1 42%!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-shelf-tools.yk-shelf-concierge{
    position:static!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-shelf-tools-scroll,
  body.yk-sp-approved-baseline-v1-active .yk-concierge-perch,
  body.yk-sp-approved-baseline-v1-active .yk-concierge-perch-actions{
    box-sizing:border-box!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:visible!important;
  }

  body.yk-sp-approved-baseline-v1-active [data-action="open-concierge"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-top:1px solid rgba(205,180,138,.28)!important;
    border-bottom:1px solid rgba(205,180,138,.24)!important;
    border-radius:0!important;
    background:rgba(255,253,248,.985)!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  body.yk-sp-approved-baseline-v1-active [data-action="open-concierge"] .yk-organize-summary{
    display:none!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-shelf-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    width:100%!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-shelf-main{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;
    row-gap:8px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-product-grid>.yk-product-card.yk-product-card--compact{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    padding:8px!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-product-grid>.yk-product-card.yk-product-card--compact *{
    min-width:0;
  }

  body.yk-sp-approved-baseline-v1-active .yk-product-grid>.yk-product-card.yk-product-card--compact img{
    max-width:100%!important;
    height:auto!important;
  }

  body.yk-sp-approved-baseline-v1-active .yk-product-title-link,
  body.yk-sp-approved-baseline-v1-active .yk-product-model,
  body.yk-sp-approved-baseline-v1-active .yk-card-color-current,
  body.yk-sp-approved-baseline-v1-active .yk-card-door-current{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  body.yk-sp-approved-baseline-v1-active .c-copyright.c-copyright--inverse,
  body.yk-sp-approved-baseline-v1-active #page-top.c-page-top{
    display:none!important;
  }

  body.yk-sp-approved-baseline-v1-active footer.l-footer>*:not(#yk-sp-approved-baseline-footer){
    display:none!important;
  }

  body.yk-sp-approved-baseline-v1-active #yk-sp-approved-baseline-footer{
    display:grid!important;
    grid-template-rows:repeat(3,auto)!important;
    gap:6px!important;
    padding:14px 16px 16px!important;
    background:#fff!important;
    color:#465460!important;
  }

  body.yk-sp-approved-baseline-v1-active #yk-sp-approved-baseline-footer .yk-sp-approved-footer-row{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:14px!important;
    flex-wrap:nowrap!important;
  }

  body.yk-sp-approved-baseline-v1-active #yk-sp-approved-baseline-footer a{
    font-size:11px!important;
    line-height:1.45!important;
    color:inherit!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  /* v14 CTA: affordance only. Keep the baseline surface color and formal listener. */
  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"]{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    padding:0 12px!important;
    color:#252b2f!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"]::before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    justify-self:start!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:18px 18px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C58A2C' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 6h7'/%3E%3Cpath d='M15 6h5'/%3E%3Ccircle cx='13' cy='6' r='2'/%3E%3Cpath d='M4 12h3'/%3E%3Cpath d='M11 12h9'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Cpath d='M4 18h10'/%3E%3Cpath d='M18 18h2'/%3E%3Ccircle cx='16' cy='18' r='2'/%3E%3C/svg%3E")!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"] .yk-organize-copy{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"] .yk-organize-label{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#252b2f!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"] .yk-organize-summary{
    display:none!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"] .yk-organize-arrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
    color:#252b2f!important;
    font-size:0!important;
    line-height:1!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"] .yk-organize-arrow::before{
    content:"変更"!important;
    color:#252b2f!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:700!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"] .yk-organize-arrow::after{
    content:"›"!important;
    color:#C58A2C!important;
    font-size:18px!important;
    line-height:.8!important;
    font-weight:500!important;
    transform:translateY(-.5px)!important;
  }

  body.yk-sp-v14-concierge-cta-v1-active [data-action="open-concierge"]:active{
    background:rgba(255,250,239,.985)!important;
  }
}