.shop-section{display:flex;flex-direction:column;align-items:center;margin-top:var(--ck-space-10)}.card-grid{display:grid;gap:var(--ck-space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.shopping-card{display:flex;flex-direction:column}.shopping-card.shopping-card--selected .shopping-card__image-wrapper img{outline:var(--ck-borders-2px) var(--ck-colors-primary-300)}.shopping-card .shopping-card__image-wrapper{position:relative;margin-bottom:var(--ck-space-8)}.shopping-card .shopping-card__image-wrapper img{border-radius:var(--ck-radii-xl)}.shopping-card .shopping-card__button{position:absolute;display:flex;align-items:center;width:max-content;min-width:var(--ck-sizes-40);align-self:center;padding:.6em 1.5em;gap:var(--ck-space-2);border-radius:var(--ck-radii-full);border:var(--ck-borders-1px) var(--ck-colors-blackAlpha-400);translate:-50% -50%;margin-left:50%;background:var(--ck-colors-white)}.shopping-card .shopping-card__button svg{width:1.7em;height:1.7em}.shopping-card .shopping-card__button.shopping-card__button--unselected svg{color:var(--ck-colors-primary-standard-500)}.shopping-card .shopping-card__button.shopping-card__button--unselected:active{border:var(--ck-borders-2px) var(--ck-colors-primary-300)}.shopping-card .shopping-card__button.shopping-card__button--selected{background:var(--ck-colors-primary-standard-500);color:var(--ck-colors-white);padding:.58em 1.5em}.shopping-card .shopping-card__button.shopping-card__button--selected svg{width:1.5em;height:1.5em}.shopping-card .shopping-card__button.shopping-card__button--selected svg line,.shopping-card .shopping-card__button.shopping-card__button--selected svg circle{transition:stroke .4s ease,fill .4s linear}.shopping-card .shopping-card__button.shopping-card__button--selected svg:active line{stroke:var(--ck-colors-primary-standard-500)}.shopping-card .shopping-card__button.shopping-card__button--selected svg:active circle{fill:var(--ck-colors-white)}.shopping-card .shopping-card__button--unselected{justify-content:center}@media (hover: hover) and (pointer: fine){.shopping-card .shopping-card__button--selected button:hover line,.shopping-card .shopping-card__button--selected button:focus line{stroke:var(--ck-colors-primary-standard-500)}.shopping-card .shopping-card__button--selected button:hover circle,.shopping-card .shopping-card__button--selected button:focus circle{fill:var(--ck-colors-white)}.shopping-card .shopping-card__button--unselected:hover,.shopping-card .shopping-card__button--unselected:focus{color:var(--ck-colors-primary-standard-500);border:var(--ck-borders-2px) var(--ck-colors-primary-300)}}.number-spinner{display:flex;justify-content:space-between}.number-spinner .number-spinner__plus-button{translate:50%}.number-spinner .number-spinner__minus-button{translate:-50%}.number-spinner .number-spinner__plus-button,.number-spinner .number-spinner__minus-button{transition:scale .15s linear}.number-spinner .number-spinner__plus-button:active,.number-spinner .number-spinner__minus-button:active{scale:.9}.cart{display:flex;flex-direction:column;flex-grow:0;background:var(--ck-colors-white);gap:var(--ck-space-6);align-self:center;border-radius:var(--ck-radii-xl)}.cart.container--sm{padding:var(--ck-space-6)}.cart .cart__placeholder{display:flex;flex-direction:column;align-items:center}.cart .cart__sum{display:flex;justify-content:space-between;align-items:center}.cart .cart__promotion{display:flex;justify-content:center;align-items:center;background:var(--ck-colors-secondary-50);padding:var(--ck-space-4);border-radius:var(--ck-radii-xl);gap:var(--ck-space-1);font-size:var(--ck-fontSizes-sm)}.cart .cart__promotion span{font-weight:500}.cart .cart__promotion img{height:1.5em}.cart .cart__button{line-height:1.7em;font-weight:500}.cart__list--removable{display:flex;flex-direction:column;gap:var(--ck-space-4)}.cart__list--removable:empty{display:none}.cart__list--removable .list-item--removable{gap:var(--ck-space-1)}@media screen and (min-width: 62em){.cart{position:relative;top:calc(0px - var(--ck-fontSizes-4xl) - var(--ck-space-6));align-self:initial}}.list-item--removable{display:grid;grid-template-areas:"list-name list-remove" "list-details list-remove";grid-template-columns:1fr auto;padding-bottom:var(--ck-space-4);border-bottom:var(--ck-borders-1px) var(--ck-colors-blackAlpha-200)}.list-item--removable .list-item__name{grid-area:list-name}.list-item--removable .list-item__details{display:flex;gap:var(--ck-space-4);grid-area:list-details}.list-item--removable .list-item__remove{grid-area:list-remove}.list-item--removable .list-item__remove svg{color:var(--ck-colors-blackAlpha-500);height:var(--ck-sizes-5);width:auto;transition:color .1s linear}.list-item--removable .list-item__remove svg:active{color:var(--ck-colors-black)}@media (hover: hover) and (pointer: fine){.list-item__remove:hover svg{color:var(--ck-colors-black)}.list-item__remove:focus svg{color:var(--ck-colors-black)}}.cart-modal{display:flex;flex-direction:column;gap:var(--ck-sizes-4);padding:var(--ck-sizes-4);border-radius:var(--ck-radii-xl)}.cart-modal .chakra-modal__header,.cart-modal .chakra-modal__body,.cart-modal .chakra-modal__footer{padding:0}.cart-modal .section-heading{margin:0}.cart-modal header svg{display:flex;flex-direction:column;gap:var(--ck-sizes-4);color:green;height:var(--ck-sizes-8);width:auto}.cart-modal .chakra-modal__body{display:flex;flex-direction:column;gap:var(--ck-sizes-4)}.cart-modal .chakra-modal__footer .button--primary{width:100%}.cart-modal .cart-wrapper{display:flex;flex-direction:column;gap:var(--ck-sizes-4);padding:var(--ck-space-4);background:var(--ck-colors-secondary-50);border-radius:var(--ck-radii-xl)}.cart-modal .cart__list--overview{display:flex;flex-direction:column;gap:var(--ck-space-4)}.cart-modal .cart__list--overview:empty{display:none}.cart-modal .cart__list--overview .list-item--overview{column-gap:var(--ck-space-3);row-gap:var(--ck-space-1)}.cart-modal .cart__sum{display:flex;justify-content:space-between;align-items:center;font-size:var(--ck-fontSizes-sm)}@media screen and (min-width: 30em){.cart-modal{padding:var(--ck-sizes-8)}}.list-item--overview{display:grid;grid-template-areas:"list-image list-name list-info" "list-image list-details list-info";grid-template-columns:auto 1fr auto;padding-bottom:var(--ck-space-4);border-bottom:var(--ck-borders-1px) var(--ck-colors-blackAlpha-200)}.list-item--overview .list-item__img-wrapper{place-self:center;grid-area:list-image;width:auto;height:3rem;display:flex;align-items:center;justify-content:center}.list-item--overview .list-item__name{grid-area:list-name;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-item--overview .list-item__details{display:flex;align-items:center;gap:var(--ck-space-4);grid-area:list-details;height:100%}.list-item--overview .list-item__info{grid-area:list-info;place-self:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*{box-sizing:inherit;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}input{color:inherit}button,input,output,textarea{background-color:transparent;outline:none;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0;color:var(--font-color)}img,svg{max-width:100%;max-height:100%}a{text-decoration:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@font-face{font-family:RedHat;src:local("RedHat-Regular"),url(/assets/RedHatText-VariableFont_wght-DisJPunE.ttf)}body{font-family:RedHat,sans-serif}.section-heading{--max_font: var(--ck-fontSizes-3xl);--min_font: var(--ck-fontSizes-3xl);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:var(--ck-fontWeights-bold);margin-bottom:var(--ck-space-6)}.font-w-700-xl-primary,.cart__title{--max_font: var(--ck-fontSizes-xl);--min_font: var(--ck-fontSizes-xl);color:var(--ck-colors-primary-standard-500);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:700}.font-thick-sm-primary,.shopping-card__price{--max_font: var(--ck-fontSizes-sm);--min_font: var(--ck-fontSizes-sm);color:var(--ck-colors-primary-standard-500);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:500}.font-thick-xs-primary,.cart__selected{--max_font: var(--ck-fontSizes-xs);--min_font: var(--ck-fontSizes-xs);color:var(--ck-colors-primary-standard-500);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:500}.font-pale-xs-w-500,.cart__price-total{--max_font: var(--ck-fontSizes-xs);--min_font: var(--ck-fontSizes-xs);color:var(--ck-colors-blackAlpha-600);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:500}.font-pale-xs,.shopping-card__category,.cart__price-piece,.cart-modal__heading-add{--max_font: var(--ck-fontSizes-xs);--min_font: var(--ck-fontSizes-xs);color:var(--ck-colors-blackAlpha-600);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font))}.font-w-700-xl-black,.cart__sum__total{--max_font: var(--ck-fontSizes-xl);--min_font: var(--ck-fontSizes-xl);color:var(--ck-colors-black);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:700}.font-thick-sm,.shopping-card__name,.shopping-card__button--unselected{--max_font: var(--ck-fontSizes-sm);--min_font: var(--ck-fontSizes-sm);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:500}.font-thick-xs,.cart__list--removable .list-item__name,.cart__list--overview .list-item__name,.cart__list--overview .list-item__info{--max_font: var(--ck-fontSizes-xs);--min_font: var(--ck-fontSizes-xs);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font));font-weight:500}.font-xs-black,.cart__sum{--max_font: var(--ck-fontSizes-xs);--min_font: var(--ck-fontSizes-xs);color:var(--ck-colors-black);font-size:clamp(var(--min_font),var(--min_font) + 1vw,var(--max_font))}.container-text{max-width:70ch}.container--xl{max-width:var(--ck-sizes-7xl);width:100%;padding-inline:var(--ck-space-4)}@media screen and (min-width: 48em){.container--xl{padding-inline:var(--ck-space-8)}}.container--sm{max-width:var(--ck-sizes-sm);width:100%;padding-inline:var(--ck-space-4)}.button--primary{padding:1em 1.5em;font-size:var(--ck-fontSizes-sm);font-weight:500;border-radius:var(--ck-radii-full);background:var(--ck-colors-primary-standard-500);color:var(--ck-colors-white);transition:filter .05s linear}.button--primary:active{filter:brightness(.8)}@media (hover: hover) and (pointer: fine){.button--primary:hover,.button--primary:focus{filter:brightness(.8)}}html{scroll-behavior:smooth}body{background-color:var(--ck-colors-secondary-50)}
