*                                                           {margin: 0; padding: 0; font-family: "Source Sans 3", sans-serif; box-sizing: border-box;user-select: none;}
::-webkit-scrollbar                                         {display: none;}
html, body                                                  {width: 100%; height: 100%;}
.shop                                                       {width: 100%; min-height: 100%; padding: 0 15px; padding-top: 80px; display: flex; justify-content: center; gap: 20px; zoom: 1.1;}
.shop__product                                              {width: 400px; height: 596px; position: relative; position: sticky; top: 80px;}
.shop__product-freecargo                                    {position: absolute; display: flex; background: #535353; font-size: 10px; color: #fff; font-weight: 700; padding: 2.3px 12px 2.3px 3px; border-radius: 4px; align-items: center; gap: 3px; left: 15px; top: 15px;}
.shop__product-freecargo-text                               {width: 30px; font-size: 9px; margin-top: 1px; line-height: 9px;}
svg.shop__product-freecargo-icon                            {width: 18px; height: 18px;}
svg.shop__product-freecargo-icon path                       {fill: #fff;}
.shop__product-image                                        {width: 100%; height: 596px; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.shop__product-image > img                                  {width: 299px; height: 450px;}
.shop__info                                                 {width: 500px; display: flex; flex-direction: column; gap: 3px;}
.shop__official                                             {display: flex; align-items: center;}
.shop__official > div                                       {font-size: 13px; color: #999; margin-left: 5px;}
.shop__productname                                          {margin: 10px 0 0 0; font-size: 23px; color: #333; line-height: 23px;}
.shop__productname > span                                   {font-weight: 600;}
.shop__amount                                               {color: #777; font-size: 13px; margin: 1px 0 0 0;}
.shop__comment                                              {display: flex; gap: 5px; margin-top: 5px; flex-direction: column;}
.shop__comment--empty                                       {color: #666; font-size: 13px; display: none;}
.shop__comment-body                                         {display: flex; gap: 5px; align-items: center;}
.shop__comment-rating                                       {font-size: 16px; font-weight: 600; padding-top: 1px;}
.shop__comment-stars                                        {display: flex;}
.shop__comment-star                                         {width: 18px; height: 23px;}
.shop__comment-star > svg                                   {width: 21px; height: 21px;}
.shop__comment-body-text                                    {font-size: 12px; color: #666; margin-left: 15px; position: relative; display: flex; align-items: center; gap: 3px;}
.shop__comment-body-text > span                             {color: #444; font-weight: 600;}
.shop__comment-body-text:before                             {width: 3px; height: 3px; background: #3333337d; position: absolute; content: ''; left: -9px; border-radius: 50%;}
.shop__price                                                {margin-top: 15px; display: flex; flex-direction: column; gap: 0;}
.shop__price-last                                           {color: #999; position: relative; width: fit-content; display: flex; align-items: center; zoom: .85; line-height: 4px; margin-left: 2px;}
.shop__price-last:after                                     {content: ''; position: absolute; width: calc(100% + 6px); height: 2px; background: #4b4b4b26; left: -3px;}
.shop__price-current                                        {color: #f4791a; font-size: 25px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #dadada8c;}
.shop__contents                                             {display: flex; flex-direction: column; gap: 8px; margin-top: 17px; margin-bottom: 17px;}
.shop__contents-head                                        {display: flex; align-items: center; font-size: 15px; font-weight: 600; color: #333; line-height: 14px; gap: 5px;}
.shop__contents-list                                        {display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; margin-top: 5px;}
.shop__contents-elem                                        {background: #f5f5f5; width: 115px; font-size: 13px; color: #666; display: flex; align-items: center; justify-content: flex-start; height: 39px; padding: 3px 12px; line-height: 13px; border-radius: 4px;}
.shop__buttons                                              {display: flex; margin-top: 17px; gap: 16px;}
.shop__buttons-buy                                          {border: 3px solid #f4791a; padding: 8px 30px; font-size: 18px; line-height: 22px; font-weight: 600; color: #f4791a; border-radius: 7px; cursor: pointer;}
.shop__buttons-buy:hover                                    {color: #fff; background: #f4791a;}
.shop__buttons-add                                          {border: 3px solid transparent; font-size: 18px; line-height: 22px; font-weight: 600; color: #fff; border-radius: 7px; cursor: pointer; background: #f4791a; width: 156px; height: 44px; transition: background .2s linear;}
.shop__buttons-add-eklendi                                  {background: #008040;}
.shop__buttons-add-eklendi > div                            {transform: translateY(-100%);}
.shop__buttons-add > div                                    {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transition: transform .2s linear; flex-direction: column;}
.shop__buttons-add--top                                     {padding: 0;}
.shop__buttons-add--top > div:last-child                    {font-size: 11px; font-weight: 400; margin-top: -5px; height: 16px;}
.shop__cargo                                                {padding: 7px 10px; display: flex; background: #f5f5f5; border-radius: 4px; align-items: center; margin-top: 17px; gap: 6px;}
svg.shop__cargo-icon                                        {width: 16px; height: 16px;}
.shop__cargo-icon path                                      {fill: #333;}
.shop__cargo-text                                           {font-size: 12px; color: #333; line-height: 14px; display: flex; gap: 5px;}
.shop__cargo-text > span                                    {font-weight: 700;}
.shop__statement                                            {width: 100%; padding-top: 17px; border-top: 1px solid #ebebeb6b; margin-top: 17px; padding-bottom: 50px;}
.shop__statement-head                                       {display: flex; color: #333; font-size: 15px; font-weight: 600;}
.shop__statement-list                                       {overflow: hidden; display: flex; flex-direction: column; max-height: 210px; position: relative; align-items: center; gap: 10px; margin-top: 10px;}
.shop__statement-elem                                       {width: 100%; padding-left: 20px; font-size: 14px; color: #666; line-height: 18px; position: relative;}
.shop__statement-elem > span                                {font-weight: 600; color: #333;}
.shop__statement-elem:after                                 {position: absolute; width: 5px; height: 5px; background: #f4791a; left: 9px; content: ''; border-radius: 50%; top: 6px;}
.shop__statement-continued                                  {position: absolute; bottom: 0px; display: flex; font-size: 13px; background: #f5f5f5; width: fit-content; padding: 5px 25px; border-radius: 12px; z-index: 1; align-items: center;}
.shop__statement-continued:before                           {width: 120px; height: 2px; background: #f5f5f5; position: absolute; content: ''; left: -122px;}
.shop__statement-continued:after                            {width: 120px; height: 2px; background: #f5f5f5; position: absolute; content: ''; right: -122px;}
.shop__statement-list:after                                 {content: ''; background: #ffffff; position: absolute; bottom: 0; width: 100%; height: 30px; box-shadow: 0px -27px 45px 40px #ffffff;}
.shop__bag                                                  {display: none;}
.shop__mobile                                               {display: none;}
.--pseudo-none:after, .--pseudo-none:before                 {display: none;}
@media screen and (max-width: 900px)
{
    .shop                                                   {display: flex; flex-direction: column; justify-content: flex-start; padding: 60px 0px;}
    .shop__mobile                                           {display: flex; background: #fff; width: 100%; align-items: center; justify-content: space-between; z-index: 9999999; position: relative; padding: 10px; height: 70px;}
    .shop__product                                          {width: 100%; height: unset; position: relative; top: unset;}
    .shop__product-freecargo                                {padding: 2px 12px 1.8px 3px;}
    .shop__product-image                                    {width: calc(100% - 20px); display: flex; height: fit-content; padding: 50px 0;}
    .shop__product-image > img                              {width: 150px; height: 226px;}
    .shop__info                                             {width: 100%; padding: 0 10px; margin-top: -5px;}
    .shop__official > div                                   {font-size: 12px;}
    .shop__productname                                      {margin-top: 0; zoom: .9; font-size: 21px;}
    .shop__amount                                           {margin-top: -4px;zoom: .9;font-size: 12px;}
    .shop__comment                                          {margin: 0; zoom: .9;}
    .shop__price                                            {margin-top: 5px; zoom: .9; display: none;}
    .shop__contents                                         {zoom: .9;}
    .shop__contents-head                                    {font-size: 14px;}
    .shop__contents-elem                                    {font-size: 12px;}
    .shop__buttons                                          {display: none;}
    .shop__cargo                                            {width: 100%; margin: auto; margin-top: 6px;}
    .shop__cargo-text                                       {font-size: 11px;}
    .shop__statement                                        {margin-top: 7px; padding: 7px 0; zoom: .9; padding-bottom: 120px;}
    .shop__statement-head                                   {font-size: 14px;}
    .shop__statement-elem                                   {font-size: 13px;}
    .shop__bag                                              {display: flex; background: #ffffff; position: absolute; width: 100%; flex-direction: row; justify-content: space-between; left: 0; padding: 30px 10px 20px; border-radius: 20px 20px 0 0; top: -140px; height: 155px; border: 1px solid #ececec; border-width: 1px 1px 0 1px; transition: top .1s linear; top: 0;}
    .shop__plugins                                          {background: #ffffff; bottom: 0; position: fixed; z-index: 9999; width: 100%; padding: 0; border-top: 1px solid #ececec;}
    .shop__bag-image                                        {width: 70px;}
    .shop__bag-image > img                                  {width: 70px; height: 105px;}
    .shop__bag-info                                         {width: calc(100% - 80px);}
    .shop__bag-close                                        {width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px;}
    .shop__bag-close > svg                                  {width: 8px; height: 8px;}
    .shop__bag-info-brand                                   {font-size: 14px; font-weight: 600; color: #333;}
    .shop__bag-info-productname                             {display: flex; flex-direction: column; font-size: 12px; color: #333;}
    .shop__bag-info-cargo                                   {display: flex; align-items: center; width: fit-content; background: #e6f6ec; padding: 3px 8px 3px 4px; border-radius: 4px; margin-top: 2px;}
    .shop__bag-info-cargo > svg path                        {fill: #13ad55;}
    .shop__bag-info-cargo > svg                             {zoom: .8;}
    .shop__bag-info-cargo > div                             {color: #30ad6f; font-size: 12px;}
    .shop__bag-info-productname > div:nth-child(1)          {line-height: 13px;}
    .shop__bag-info-productname > div:nth-child(2)          {line-height: 13px; color: #666;}
    .shop__bag-info-amount                                  {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 5px;}
    .shop__ban-info-amaount--left                           {font-size: 13px; color: #f27a1a; display: flex; gap: 5px; align-items: center;}
    .shop__ban-info-amaount--left > span                    {background: #fff0e4; font-weight: 600; color: #f27a1a; font-size: 14px; display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 50%;}
    .shop__ban-info-amaount--right                          {display: flex; flex-direction: column; align-items: flex-end; margin-top: -13px;}
    .shop__ban-info-amaount--right > div:nth-child(1)       {font-size: 12px; color: #999; position: relative; display: flex; align-items: center; justify-content: center; width: fit-content; line-height: 13px;}
    .shop__ban-info-amaount--right > div:nth-child(2)       {color: #f4791a; font-weight: 600; font-size: 14px;}
    .shop__ban-info-amaount--right > div:nth-child(1):after {width: 100%; height: 1px; background: #999; content: ''; position: absolute;}
    .shop__mobile-discount                                  {display: flex;flex-direction: column;}
    .shop__mobile-discount--top                             {display: flex; background: linear-gradient(45deg, #e3f5ea, transparent); padding: 2px 5px 1px 5px; font-size: 11px; color: #1b8749; border-radius: 4px; gap: 4px; align-items: center;}
    .shop__mobile-discount--top > div:nth-child(2)          {font-weight: 700; font-size: 14px;}
    .shop__mobile-discount--middle                          {font-size: 12px; color: #444; font-weight: 500; margin: -2px 0 -4px 0;}
    .shop__mobile-discount--bottom                          {color: #30ad6f; font-size: 12px; font-weight: 600;}
    .shop__mobile-buy                                       {border: 3px solid #feaf16; padding: 7px 0; font-size: 15px; line-height: 22px; font-weight: 600; color: #fff; background: #feaf16; border-radius: 4px; cursor: pointer; width: calc((100% - 100px) / 2); text-align: center;}
    .shop__mobile-add                                       {border: 3px solid #f4791a; padding: 7px 0; font-size: 15px; line-height: 22px; font-weight: 600; background: #f4791a; color: #ffffff; border-radius: 4px; cursor: pointer; width: calc((100% - 130px) / 2); text-align: center;}
}