/* Delivery forms respond to their available card width, including beside the order sidebar. */
.feris-design :is(.delivery-panel,.shipping-quote-card){
  container-name:feris-shipping;
  container-type:inline-size;
  min-width:0;
  max-width:100%;
}
.feris-design :is(.delivery-panel,.shipping-quote-card) :is(form,fieldset,label,.form-grid,.form-stack,.saved-destination,.saved-recipient,.saved-location,.edit-destination){
  min-width:0;
  max-width:100%;
}
.feris-design :is(.delivery-panel,.shipping-quote-card) :is(p,small,strong,span,summary,a,[role=status],[role=alert]){
  overflow-wrap:anywhere;
}
.feris-design .delivery-panel form>.form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.feris-design .delivery-panel form>.form-grid>.full-span{
  grid-column:1/-1;
}
.feris-design .shipping-selector{
  container-name:feris-destination;
  container-type:inline-size;
  width:100%;
  min-inline-size:0;
  max-inline-size:100%;
}
.feris-design .shipping-selector>.form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.feris-design .shipping-selector .full-span{
  grid-column:1/-1;
}
.feris-design .shipping-selector :is(label,.form-stack,.form-grid,.destination-suggestions){
  min-width:0;
  max-width:100%;
}
.feris-design .shipping-selector legend{
  max-inline-size:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.5;
}
.feris-design .shipping-selector :is(input,select,textarea){
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:44px;
}
.feris-design .shipping-selector select{
  padding-inline-end:30px;
  text-overflow:ellipsis;
}
.feris-design .shipping-selector .destination-suggestions{
  margin:0;
  max-height:min(260px,40svh);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.feris-design .shipping-selector .destination-suggestions button{
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:44px;
  height:auto;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:start;
  line-height:1.45;
}
.feris-design .delivery-panel .dni-lookup-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:stretch;
}
.feris-design .delivery-panel .dni-lookup-controls input{
  min-width:0;
  margin:0;
  width:100%;
}
.feris-design .delivery-panel .dni-lookup-controls .button{
  min-width:0;
  min-height:44px;
  height:auto;
  margin:0;
  line-height:1.4;
  white-space:normal;
  text-align:center;
}
.feris-design .delivery-panel .dni-result{
  min-width:0;
  align-items:start;
}
.feris-design .delivery-panel .dni-result [data-dni-result-name]{
  flex:1 1 180px;
  min-width:0;
}
.feris-design .delivery-panel .peru-phone-control{
  max-width:100%;
  min-width:0;
  min-height:44px;
}
.feris-design .delivery-panel .peru-phone-control input{
  flex:1 1 0;
  width:0;
  min-width:0;
  max-width:100%;
}
.feris-design .delivery-panel form>button[type=submit],
.feris-design .shipping-quote-card .button{
  max-width:100%;
  min-height:44px;
  height:auto;
  white-space:normal;
  text-align:center;
  line-height:1.45;
}
.feris-design .shipping-payment-choices{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.feris-design .shipping-payment-choices>form{
  display:grid;
  grid-template-rows:1fr auto;
  min-width:0;
}
.feris-design .shipping-choice{
  min-width:0;
  max-width:100%;
  min-height:44px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.feris-design .shipping-choice :is(strong,span){
  line-height:1.45;
}
.feris-design .shipping-pay-now{
  grid-template-columns:minmax(0,200px) minmax(0,1fr);
  gap:16px;
  min-width:0;
}
.feris-design .shipping-pay-now>*{
  min-width:0;
  max-width:100%;
}
.feris-design .shipping-pay-now .yape-qr{
  align-self:start;
  padding:14px;
}
.feris-design .shipping-pay-now input[type=file]{
  width:100%;
  min-width:0;
  max-width:100%;
  white-space:normal;
}
.feris-design .shipping-quote-card .quote-price{
  flex-wrap:wrap;
  gap:10px 18px;
}
.feris-design .shipping-quote-card .quote-price>div{
  min-width:0;
}
.feris-design .shipping-quote-card .quote-price>span{
  min-width:0;
  max-width:100%;
}
.feris-design .shipping-quote-card .quote-waiting>span{
  flex:none;
}
.feris-design .shipping-quote-card .quote-waiting>div{
  min-width:0;
}
.feris-design .shipping-quote-card .receipt-preview{
  max-width:100%;
}
.feris-design .order-summary-grid .summary-product{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:start;
}
.feris-design .order-summary-grid .summary-product :is(span,strong){
  min-width:0;
  overflow-wrap:anywhere;
}
.feris-design .order-summary-grid .summary-line>*{
  min-width:0;
  overflow-wrap:anywhere;
}

@container feris-destination (max-width:520px){
  .feris-design .shipping-selector>.form-grid{grid-template-columns:minmax(0,1fr)}
}
@container feris-shipping (max-width:620px){
  .feris-design .delivery-panel form>.form-grid,
  .feris-design .delivery-panel .saved-destination,
  .feris-design .shipping-payment-choices,
  .feris-design .shipping-pay-now,
  .feris-design .shipping-pay-now .form-grid{grid-template-columns:minmax(0,1fr)}
  .feris-design .shipping-pay-now .yape-qr{width:100%}
}
@container feris-shipping (max-width:360px){
  .feris-design .delivery-panel .dni-lookup-controls{grid-template-columns:minmax(0,1fr)}
  .feris-design .delivery-panel .dni-lookup-controls .button{width:100%}
  .feris-design .shipping-quote-card .quote-waiting{gap:10px;padding:12px}
}
@media(max-width:640px){
  .feris-design .shipping-selector>.form-grid,
  .feris-design .delivery-panel form>.form-grid,
  .feris-design .shipping-payment-choices,
  .feris-design .shipping-pay-now{grid-template-columns:minmax(0,1fr)}
  .feris-design .delivery-panel :is(input:not([type=hidden]),select,textarea){font-size:16px}
  .feris-design .order-summary-grid .summary-product{grid-template-columns:44px minmax(0,1fr);gap:8px 10px}
  .feris-design .order-summary-grid .summary-product .order-product-thumb{width:44px;height:44px;grid-row:1/3}
  .feris-design .order-summary-grid .summary-product>strong{grid-column:2}
}
@supports not (container-type:inline-size){
  @media(max-width:1100px){
    .feris-design .shipping-selector>.form-grid,
    .feris-design .delivery-panel form>.form-grid,
    .feris-design .delivery-panel .saved-destination,
    .feris-design .shipping-payment-choices,
    .feris-design .shipping-pay-now{grid-template-columns:minmax(0,1fr)}
  }
  @media(max-width:430px){
    .feris-design .delivery-panel .dni-lookup-controls{grid-template-columns:minmax(0,1fr)}
    .feris-design .delivery-panel .dni-lookup-controls .button{width:100%}
  }
}