body
{
font-family:sans-serif; 
margin: 0;
background: #6e2f60;
} 
header {position: sticky;top: 0;z-index: 3;} .headers{padding: 3px;} header img {width:93px;height:93px;}
.headers, .headers > div{display:flex;flex-wrap:wrap;gap: 3px;align-self: end;background: #F5E4B5;align-items: end;grid-column: span 2;} .headers > div {margin-left:auto}
label  
{
display: flex;
flex-direction: column;
} 

header>div:last-child 
{ 
display : grid;    background :  #6e2f60  ;     
grid-template-columns: min-content auto;
}

footer { color: #eee;}

 
 

.Res > div:nth-last-of-type(2), .Res > div:nth-last-of-type(3)
{
    background: #F5E4B5;
    padding: 3px;
    justify-content: center;
} 
 .FedExAddress
{
display: inline-flex;
flex-direction: column;
}
header > div > div:first-of-type {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
div.ss
{ 

    grid-template-columns: auto auto auto;
    display: grid;
    gap: 13px;
    } 
.ShopS3:not(.ss3) img
{
height:133px;
} 
.ShopS3 img {
   pointer-events: none;
}
.ss div.shopInfo
{
flex-direction:column ; 
}
.Res> div:last-of-type > img {
  width: 100%;
  height: auto;
}
div.shopInfo
{
flex-direction: row ; 
display:flex;
border: 1px solid #33a;
border-radius:3px;
padding:3px ;
align-items:start 
} 
a, summary
{
color: #00a;
cursor: pointer;
} 
header > div > div:first-of-type > a { color: white;}
.listMat{display: flex; gap : 3px }
.listMat a{zoom : .3}

header>div:first-child {
  color: #EB9F10;
  background: #000;
  text-align: center;
}.Res > div .Ssc a {
  align-self: start;
  padding: 3px;
}
.Ssc {
  margin: 3px;
}
.headers a:first-of-type, .Ssc a {
  border: 1px solid;
  border-radius: 3px;
  background: white;
}


.headers a {
}
.Ssc {
  display: flex;
  gap: 3px;
}
.Res > div:last-of-type > div {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  width: 100%;
  font-family: serifs;
  flex-direction: column;
}
.Res > div:last-of-type {
  position: relative;
  color: #ffefff;
}
.Res > div:last-of-type > div > div:first-of-type {text-align: center;

  font-size: 30px;}@media (min-width : 500px) {
  header > div > a {
  grid-row:    span 2;
}
  .headers, .headers > div{grid-column: auto ;border-top-left-radius:  3px;}
  header > div:last-child {
}
  header img {width:113px;height:113px;}
  .Res > div:last-of-type > div {

}
  .Res > div:last-of-type > div > div:last-child {
margin-top: 3%;
  text-align: right;
  padding-right: 3%;
}
    .Res > div:last-of-type > div > div:first-of-type {
  margin-top: 3%;
}
      .Res > div:last-of-type > div > div {
  font-size: 23px;
  }
}
details summary::marker {
  content: ' ';
  font-weight: 833;
}
details {
  display: inline;
  border: 1px solid rgb(33,33,66);
  border-radius: 3px;
  margin: 3px;
}

label.ss {
  position: relative;margin-top: 13px;
}label.ss div {
  position: absolute;
  margin : 3px
}label.ss textarea {
  padding-top : 23px
}.Res h3.Ssc a{padding-right: 13px;padding-left: 13px;}.price div{display: flex;justify-content: space-between;max-width: 333px;}
details[open] summary::marker {
   content: 'x | ';
}
details:not(.s3s)[open] summary{border-bottom: 1px solid rgb(33,33,33);
  background: rgb(200,200,233);
padding: 3px;
}
img
{display : block}
h3.Ssc{margin: 33px;}
.vShos{display: flex;
  flex-direction: column;
  gap: 13px;}
   .price3{ display: flex; flex-wrap: wrap;justify-content: space-around;width: 63%;}
   .ShopS3{ overflow: scroll;height: 133px;max-width: 500px;position: relative;cursor: pointer;}
            .ShopS3::after  {
         width: 13px;
         height: 43px;
         background-image: url('data:image/svg+xml,<svg   xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><path fill="rgb(47 79 115)" fill-opacity="1" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>');
         background-repeat: no-repeat;
         background-size: 13px;
         content: ' ';display: inline-block;
         position: absolute;
         top: 0;
         right: 0;
      }.ShopS3.ss3 {
  height: 333px;
}
body > div > .chargeRes{display :none;}
@media print {
   .chargeRes{ display: block}
   .Res{display :none}
}
.asr {border-radius: 3px;background:rgb(133,233,133)}



.s3s {
   position: relative;

   display: inline-block; border:none

}



details.s3s>div {
   position: absolute;
   background: #F5E4B5;
   padding: 3px;
   border: 1px solid #b7b7b7;
   border-radius: 3px;
   width: max-content;
   line-height: 1.3em;
   margin-top: 1rem;
   display: flex;
   flex-direction: column;
   transition: opacity 0.3s;
   opacity: 0;
}

details[open]>div {
   opacity: 1;
}



.s3s summary {
 color:white;  display: block;
}








details.s3s.ss3    span::after {
   bottom: -1.5em;
   top: initial;
}