*                                                                {margin: 0; padding: 0; font-family: "Source Sans 3", sans-serif; box-sizing: border-box;}
::-webkit-scrollbar                                              {display: none;}
html, body                                                       {width: 100%; height: 100%;}
header.header.light                                              {border-bottom: 1px solid #ececec; border-top: 5px solid #ff6000; padding: 4px 30px 5px 30px; position: absolute;}
.sepet                                                           {min-height: calc(100% - 70px); width: 100%; margin: auto; margin-top: 70px; display: flex; flex-direction: column; align-items: center;}
.sepet__header                                                   {width: 100%; background: #fff; border: 1px solid #dbdbdb85; border-width: 0; font-size: 22px; font-weight: 600; color: #212121; display: flex; align-items: center; gap: 4px; justify-content: center;}
.sepet__header > div                                             {max-width: 1100px; width: 100%; padding: 10px 25px; text-align: center;}
.sepet__count                                                    {color: #9b9b9b; font-size: 18px; font-weight: 400;}
.sepet__body                                                     {width: 100%; padding: 5px; max-width: 1100px; display: flex; gap: 15px;}
.sepet__items                                                    {display: flex; flex-direction: column; gap: 15px; width: calc(100% - 340px);}
.sepet__item                                                     {display: flex; padding: 20px; border: 1px solid #ececec; border-radius: 5px; justify-content: space-between; position: relative;}
.sepet__item-image, .sepet__item-image > img                     {width: 80px; height: 121px;}
.sepet__item-details                                             {width: calc(100% - 95px); display: flex; flex-direction: column;}
.sepet__brand                                                    {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.sepet__brand-name                                               {font-size: 16px; color: #212121; font-weight: 600;}
.sepet__brand-remove                                             {display: flex; align-items: center; text-decoration: underline; font-size: 12px; color: #666; cursor: pointer; gap: 4px;}
.sepet__brand-remove:hover                                       {color: #333;}
.sepet__product                                                  {display: flex; flex-direction: column; font-size: 14px; line-height: 14px;}
.sepet__product-name                                             {font-size: 14px; color: #666;}
.sepet__product-amount                                           {color: #9b9b9b;}
.sepet__cargo                                                    {display: flex; align-items: center; color: #0bc15c; font-size: 14px; margin-top: 5px;}
.sepet__cargo > svg                                              {width: 17px; height: 17px;}
.sepet__cargo > span                                             {color: #666; margin-left: 5px;}
.sepet__quantity                                                 {display: flex; justify-content: space-between; margin-top: 5px;}
.sepet__quantity-left                                            {display: flex; border: 1px solid #ececec; border-radius: 20px; align-items: center; padding: 5px; height: fit-content; gap: 3px; zoom: 1.05;}
.sepet__quantity-reduce, .sepet__quantity-increase               {border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; position: relative; padding: 0 1px 1px 0; font-weight: bolder; align-items: center; cursor: pointer;}
.sepet__quantity-reduce:before, .sepet__quantity-increase:before {content: ''; position: absolute; width: 10px; height: 2px; background: #f27a1a; border-radius: 4px;}
.sepet__quantity-reduce--off                                     {cursor: not-allowed;}
.sepet__quantity-reduce--off:before                              {background: #999;}
.sepet__quantity-count                                           {width: 21px; height: 21px; border-radius: 50%; color: #f27a1a; font-weight: 600; font-size: 14px; display: flex; background: #fff0e4; align-items: center; justify-content: center; padding: 0 1px 0px 0;}
.sepet__quantity-increase:after                                  {content: ''; position: absolute; width: 2px; height: 10px; background: #f27a1a; border-radius: 4px;}
.sepet__quantity-right                                           {display: flex; flex-direction: column; align-items: flex-end;}
.sepet__quantity-before                                          {color: #999; font-size: 13px; position: relative; display: flex; align-items: center; justify-content: flex-start;}
.sepet__quantity-before:after                                    {position: absolute; content: ''; width: 100%; height: 1px; background: #999; left: 0;}
.sepet__quantity-after                                           {color: #f27a1a; font-weight: 600; font-size: 16px; line-height: 16px;}
.sepet__banner-kargobedava                                       {position: absolute; width: calc(100% + 2px); background: #fffff1; left: -1px; bottom: -28px; display: flex; text-align: center; align-items: center; justify-content: center; gap: 5px; color: #535353; font-size: 12px; padding: 5px 10px; border: 1px solid #0000000d; height: 32px; border-radius: 0 0 3px 3px;}
.sepet__banner-kargobedava > svg path                            {fill: #646464;}
.sepet__summary                                                  {width: 335px; padding: 15px; border: 1px solid #ececec; border-radius: 5px; display: flex; flex-direction: column;}
.sepet__summary-head                                             {font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #333;}
.sepet__summary-line                                             {display: flex; justify-content: space-between; font-size: 14px; color: #333;}
.u-color-green                                                   {color: #0bbf5b;}
.sepet__summary-discount                                         {display: flex; justify-content: space-between; background: #effbf5; padding: 4px; border-radius: 4px; font-size: 11px; margin-top: 5px;}
.sepet__summary-discount > div:nth-child(1)                      {font-size: 13px; font-weight: 700; color: #000000b3;}
.sepet__summary-discount > div:nth-child(2)                      {font-size: 14px; color: #0bc15c; font-weight: 700;}
.sepet__summary-total                                            {display: flex; justify-content: space-between; font-size: 16px; font-weight: 600; color: #333; margin: 10px 0;}
.sepet__summary-total > div:last-child                           {color: #333;}
.sepet__coupon                                                   {display: flex; flex-direction: column; padding: 10px; border: 1px solid #ececec; border-radius: 4px; gap: 3px; justify-content: space-between;}
.sepet__coupon-head                                              {color: #333; font-size: 14px; display: flex; gap: 4px; align-items: center;}
.sepet__coupon-head > span                                       {color: #999; font-size: 13px;}
.sepet__coupon-body                                              {display: flex;}
#coupon                                                          {width: calc(100% - 64px); border: 1px solid #ececec; font-size: 14px; padding: 4px 8px; border-radius: 5px 0 0 5px; outline: none;}
.sepet__coupon-send                                              {background: #f27a1a; color: #ffffff; font-size: 13px; padding: 5px 10px; border-radius: 0 4px 4px 0; user-select: none; width: 64px; border-color: transparent; cursor: pointer;}
.sepet__coupon-send--disabled                                    {cursor: not-allowed; background: #bbb;}
.sepet__confirm                                                  {border-radius: 5px; margin-top: 15px; display: flex; align-items: center; justify-content: space-between;}
.sepet__confirm-details                                          {display: flex; background: #fff; border-radius: 3px; padding: 5px; flex-direction: column; gap: 1px;}
.sepet__confirm-details > div:nth-child(1)                       {color: #999; font-size: 11px; line-height: 11px;}
.sepet__confirm-details > div:nth-child(2)                       {background: linear-gradient(45deg, #e3f5ea, transparent); color: #1b8749; padding: 2px 5px 1px 5px; font-size: 12px;}
.sepet__confirm-details > div:nth-child(2) > span                {font-weight: 600;}
.sepet__confirm-details > div:nth-child(3)                       {color: #30ad6f; font-size: 11px; font-weight: 600; line-height: 11px;}
.sepet__confirm-price                                            {width: calc(100% - 120px); height: fit-content; text-align: center; color: #fff; font-weight: 600; background: #f27a1a; padding: 10px; text-decoration: none; border-radius: 4px; font-size: 16px;}

@media screen and (max-width: 900px)                             {.header {display: none!important;}
    .sepet                                                       {margin: 0; min-height: 100%; padding-bottom: 70px; position: relative; height: 100%;}
    .sepet__header > div                                         {font-size: 15px; font-weight: 600; color: #484848;}
    .sepet__count                                                {font-size: 13px;}
    .sepet__header                                               {box-shadow: 0px 1px 2px rgba(0,0,0,0.16); padding: 3px 0; height: 47px;}
    .sepet__body                                                 {display: flex; flex-direction: column; margin-top: 5px; padding: 0; height: calc(100% - 47px); position: relative;}
    .sepet__items                                                {width: 100%; background: #ffffff; padding-top: 15px;}
    .sepet__banner-kargobedava                                   {bottom: -35px; font-size: 11px; left: 0; width: 100%;}
    .sepet__banner-kargobedava > svg                             {width: 17px; height: 17px;}
    .sepet__summary                                              {width: 100%; background: #fff; margin-top: 17px; border: none; padding: 15px 10px;}
    .sepet__summary-head                                         {text-align: center; font-size: 14px; color: #484848; display: none;}
    .sepet__summary > div:nth-child(2)                           {border: 1px solid #ececec; padding: 10px; border-radius: 4px 4px 0 0; border-bottom: 0;}
    .sepet__summary-total                                        {margin: 5px 0 0 0; font-size: 15px;}
    .sepet__coupon                                               {margin-top: 0px; position: relative; zoom: .9; border-top: 0; border-radius: 0 0 4px 4px;}
    .sepet__coupon:before                                        {content: ''; width: 100%; background: #ececec; height: 1px; position: absolute; top: 0px; left: 0;}
    .sepet__coupon-send.sepet__coupon-send--disabled             {padding: 10px; width: 74px;}
    .sepet__confirm                                              {position: fixed; width: 100%; bottom: 0; padding: 10px; background: #fff; left: 0; border-radius: 0;}
    .sepet__product-name                                         {max-width: 340px;}
    .sepet__brand-remove > div                                   {display: none;}
    .sepet__confirm-details                                      {padding: 0;}
    .sepet__item                                                 {border: none; padding: 10px;}
}

@media screen and (max-width: 600px)                             {.sepet__brand-name {font-size: 14px;}
    .sepet__product                                              {font-size: 11px;}
    .sepet__product-name                                         {font-size: 12px; line-height: 12px;}
    .sepet__cargo                                                {font-size: 12px;}
    .sepet__quantity-left                                        {zoom: 1.05;}
    .sepet__summary-line                                         {font-size: 12px;}
}