@media (max-width:1024px){
  html,body{overflow-x:hidden}
  body{max-width:100vw}
  body .container{
    width:100%;
    max-width:100%;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  body .hero-panel,
  body .card,
  body .item,
  body .showcase-card,
  body .pc-card,
  body .crt-item,
  body .os-card,
  body .ord-card,
  body .sum,
  body .pw-sec,
  body .pw-sum,
  body .pn-box,
  body .wa-box,
  body .pkgd-mini,
  body .prd-pack-item,
  body .prd-script-item,
  body .scd-link-list li{
    max-width:100%;
    min-width:0;
  }

  body .hero-split,
  body .hero-grid,
  body .crt-layout,
  body .ord-top,
  body .ord-form,
  body .os-grid,
  body .pkgd-shell,
  body .pkgd-hero-grid,
  body .prd-layout,
  body .prd-hero-grid,
  body .scd-layout,
  body .scd-hero-grid{
    grid-template-columns:1fr !important;
  }

  body .crt-side,
  body .prd-side,
  body .scd-side,
  body .pkgd-side,
  body .ord-form .sum{
    position:static !important;
    top:auto !important;
  }

  body .hero-stats,
  body .crt-stats,
  body .os-top-grid,
  body .prd-extra-summary,
  body .prd-extra-groups,
  body .prd-flow,
  body .pn-grid,
  body .pw-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body .pkgd-cross,
  body .pkgd-mini-grid,
  body .prd-pack-main,
  body .prd-script-main{
    grid-template-columns:1fr !important;
  }

  body .ord-badges,
  body .pw-badges{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:6px;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  body .ord-badges::-webkit-scrollbar,
  body .pw-badges::-webkit-scrollbar{
    display:none;
  }

  body .ord-b,
  body .pw-b{
    flex:0 0 auto;
    white-space:nowrap;
  }

  body .showcase-actions:not(.project-actions),
  body .crt-item-actions,
  body .ord-actions,
  body .os-actions,
  body .prd-actions,
  body .pn-actions,
  body .wa-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    align-items:stretch !important;
  }

  body .showcase-actions:not(.project-actions) .btn,
  body .crt-item-actions .btn,
  body .ord-actions .btn,
  body .os-actions .btn,
  body .prd-actions .btn,
  body .pn-actions .btn,
  body .wa-actions .btn{
    width:100%;
    min-height:42px;
  }

  body .sum-list{max-height:none !important}
  body .crt-item-head{gap:10px}
  body .crt-line-total{text-align:left}
}

@media (max-width:760px){
  body .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body .container.section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
  body .section{padding-top:24px !important;padding-bottom:24px !important}
  body .hero-panel{padding:18px !important;border-radius:20px !important}
  body h1{font-size:clamp(26px,8.2vw,34px)}
  body h2{font-size:clamp(22px,7vw,30px)}
  body h3{font-size:clamp(18px,5.6vw,24px)}

  body .project-library-section,
  body .pc-library-section{
    margin-top:0 !important;
    padding-top:24px !important;
  }

  body .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body .project-collection-head,
  body .pc-collection-head{
    align-items:center !important;
    gap:8px !important;
  }

  body .project-collection-count,
  body .pc-collection-count{
    align-self:center;
  }

  body .project-filter-row,
  body .pc-filter-row{
    min-height:0;
  }

  body .project-section-intro p,
  body .pc-section-intro p{
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    max-width:100%;
  }

  body .showcase-grid,
  body .pc-grid,
  body .prd-thumbs,
  body .scd-thumbs{
    grid-template-columns:1fr !important;
  }

  body .site-footer{
    margin-top:12px !important;
  }

  body .footer-shell{
    padding-top:12px !important;
    gap:10px !important;
  }

  body .showcase-card .showcase-body,
  body .pc-body{padding:15px 14px}

  body .showcase-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  body .showcase-meta .pill-price{grid-column:1 / -1}
  body .ord-sec-h,
  body .sum-h,
  body .os-head,
  body .pn-h,
  body .wa-h{
    gap:8px;
    align-items:flex-start;
  }
}

@media (max-width:560px){
  body .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  body .container.section{
    padding-top:22px !important;
    padding-bottom:22px !important;
  }
  body .section{padding-top:22px !important;padding-bottom:22px !important}
  body .hero-panel{padding:16px !important;border-radius:18px !important}

  body .project-library-section,
  body .pc-library-section{
    margin-top:0 !important;
    padding-top:22px !important;
  }

  body .site-footer{
    margin-top:8px !important;
  }

  body .footer-shell{
    padding-top:10px !important;
    padding-bottom:12px !important;
    gap:9px !important;
  }

  body .hero-actions,
  body .showcase-actions:not(.project-actions),
  body .crt-item-actions,
  body .ord-actions,
  body .os-actions,
  body .prd-actions,
  body .pn-actions,
  body .wa-actions{
    grid-template-columns:1fr !important;
  }

  body .hero-stats,
  body .crt-stats,
  body .os-top-grid,
  body .prd-extra-summary,
  body .prd-extra-groups,
  body .prd-flow,
  body .pn-grid,
  body .pw-grid,
  body .showcase-meta{
    grid-template-columns:1fr !important;
  }

  body .crt-item-head,
  body .ord-top,
  body .os-field,
  body .pn-h,
  body .wa-h{
    grid-template-columns:1fr !important;
  }

  body .showcase-actions.project-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px !important;
    gap:8px !important;
  }

  body .showcase-actions.project-actions .project-cart-form{width:44px !important}
  body .showcase-actions.project-actions .project-cart-btn{width:44px !important;min-width:44px !important}
  body .showcase-actions.project-actions .btn{min-height:42px !important}

  body .pc-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px !important;
    gap:8px !important;
  }

  body .pc-cart-form{width:44px !important;justify-self:end}
  body .pc-cart-btn{width:44px !important;min-width:44px !important;padding:0 !important}
  body .pc-actions .btn{min-height:42px !important}

  body .ct-actions,
  body .nf-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
}

@media (max-width:420px){
  body .project-section-intro p,
  body .pc-section-intro p{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  body .ord-badges,
  body .crt-badge-row,
  body .pkgd-chip-row,
  body .prd-chip-row,
  body .scd-chip-row{
    gap:6px !important;
  }

  body .ord-b,
  body .pw-b{
    font-size:10px;
    padding:5px 8px;
  }
}

@media (max-width:760px){
  main.pkgd-page-detail .pkgd-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  main.pkgd-page-detail .pkgd-cart-form{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-column:1 / -1 !important;
    gap:8px !important;
  }
  main.pkgd-page-detail .pkgd-cart-form .inline-msg{
    grid-column:1 / -1 !important;
  }
  main.pkgd-page-detail .pkgd-flow{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  main.pkgd-page-detail .pkgd-side-meta{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  main.scd-page-detail .scd-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  main.scd-page-detail .scd-cart-form{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-column:1 / -1 !important;
    gap:8px !important;
  }
  main.scd-page-detail .scd-cart-form .inline-msg{
    grid-column:1 / -1 !important;
  }
  main.scd-page-detail .scd-flow{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  main.scd-page-detail .scd-side-meta{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:420px){
  main.pkgd-page-detail .pkgd-flow,
  main.pkgd-page-detail .pkgd-side-meta,
  main.pkgd-page-detail .pkgd-actions,
  main.pkgd-page-detail .pkgd-cart-form{
    grid-template-columns:1fr !important;
  }

  main.scd-page-detail .scd-flow,
  main.scd-page-detail .scd-side-meta,
  main.scd-page-detail .scd-actions,
  main.scd-page-detail .scd-cart-form{
    grid-template-columns:1fr !important;
  }
}

.js-fit-singleline{
  white-space:nowrap !important;
  text-wrap:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:100%;
  min-width:0;
}