:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--brand-50: #ecfeff;--brand-100: #cffafe;--brand-500: #0097A7;--brand-600: #007f8e;--brand-700: #0f5f68;--text-900: #111827;--text-600: #4b5563;--line-200: #e5e7eb}body{background:linear-gradient(180deg,#f8fafc,#f7fbfb 45%,#f8fafc);color:var(--text-900)}.pk-shell{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}.pk-card{background:#fff;border:1px solid var(--line-200);border-radius:14px;box-shadow:0 6px 20px #0a17240d}.pk-btn-primary{background:var(--brand-500);color:#fff;border:1px solid var(--brand-500);border-radius:10px;font-weight:600;transition:all .2s ease}.pk-btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600)}.pk-btn-secondary{background:var(--brand-500);color:#fff;border:1px solid var(--brand-500);border-radius:10px;font-weight:600;transition:all .2s ease}.pk-btn-secondary:hover{background:var(--brand-600);border-color:var(--brand-600)}.bg-brand{background-color:#0097a7!important}.text-brand{color:#0097a7!important}.border-brand{border-color:#0097a7!important}.pk-qty-wrap{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f9fafb;border:1px solid var(--line-200);border-radius:10px;padding:.25rem}.pk-qty-btn{width:36px;height:36px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:var(--text-600);font-weight:700;transition:all .2s ease;cursor:pointer;font-size:16px}.pk-qty-btn:active{transform:scale(.95)}@media(max-width:640px){.pk-qty-btn{width:40px;height:40px;font-size:18px}}.pk-qty-input{width:56px;text-align:center;border:0;background:transparent;color:var(--text-900);font-weight:600}.pk-purchase-panel{background:transparent;border:0;border-radius:0;padding:0;overflow-x:hidden}.pk-panel-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#4b5563;font-weight:700}.pk-weight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.pk-weight-btn{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;font-weight:600;font-size:13px;padding:.5rem .25rem;line-height:1.1;transition:all .2s ease;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:center}.pk-weight-btn:active{transform:scale(.95)}.pk-weight-btn.is-active{background:#111827;color:#fff;border-color:#111827}@media(max-width:640px){.pk-weight-btn{font-size:12px;padding:.5rem .25rem;min-height:44px}}.pk-stepper{display:inline-flex;align-items:center;justify-content:flex-start;border:1px solid #d1d5db;border-radius:10px;padding:.35rem;background:transparent;gap:.5rem;width:fit-content;margin:0}.pk-stepper-value{font-weight:600;color:#111827;text-align:center;font-size:24px;line-height:1;min-width:2rem;padding:0 .25rem;flex-shrink:0}.pk-qty-btn{flex-shrink:0;width:36px;height:36px}@media(max-width:640px){.pk-stepper{padding:.5rem;gap:.75rem}.pk-stepper-value{font-size:20px;min-width:2.5rem;padding:0 .5rem}.pk-qty-btn{width:44px;height:44px;font-size:18px}}@media(max-width:380px){.pk-stepper{padding:.35rem;gap:.5rem}.pk-qty-btn{width:40px;height:40px;font-size:16px}.pk-stepper-value{font-size:18px;min-width:2rem;padding:0 .25rem}}.pk-note-input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:.625rem .75rem;font-size:13px;color:#111827;background:#fff}.pk-total-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-200);padding-top:.75rem}.pk-total-label{font-size:12px;color:#4b5563}.pk-total-value{font-size:34px;font-weight:700;color:#111827;line-height:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){button,a.btn,[role=button]{min-height:44px;min-width:44px;padding:.75rem}input,textarea,select{font-size:16px;padding:.75rem;border-radius:.5rem}input:focus,textarea:focus,select:focus{outline:2px solid #0097A7;outline-offset:2px}}@media(max-width:640px){h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.25rem;line-height:1.4}h3{font-size:1.1rem;line-height:1.5}p{font-size:.95rem;line-height:1.6}}@media(min-width:641px)and (max-width:1024px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(max-width:640px){.container,main,[role=main]{padding-left:1rem;padding-right:1rem}}@media(min-width:641px)and (max-width:1024px){.container,main,[role=main]{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:640px){.hero-image{max-height:300px}.thumbnail{max-width:100px}}@media(max-width:640px){.grid{gap:1rem}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:1024px){.grid{gap:1.5rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.flex-col-mobile{flex-direction:column}.flex-col-mobile>*{width:100%}}@media(max-width:640px){.modal{width:95%;max-width:calc(100% - 2rem);margin:auto;border-radius:.75rem}dialog{width:95%;max-height:90vh;border-radius:.75rem}}@media(max-width:1024px){.desktop-only{display:none}.mobile-menu{transition:transform .3s ease-in-out}.mobile-menu.open{transform:translate(0)}}@media(min-width:1025px){.mobile-only{display:none}}@media(max-width:640px){.my-auto{margin-top:auto!important;margin-bottom:auto!important}.p-8{padding:1.5rem}.py-12{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1rem;padding-right:1rem}.gap-8{gap:1rem}.gap-6{gap:.75rem}}@media(max-width:640px){table{font-size:.875rem}table th,table td{padding:.5rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:640px){.button-group{display:flex;flex-direction:column;gap:.75rem}.button-group button,.button-group a{width:100%}}@media print{.no-print{display:none}body{font-size:12pt;line-height:1.5}a{text-decoration:underline}}@media(prefers-contrast:more){button,a,input{outline:2px solid currentColor}}section{margin-bottom:2rem}@media(max-width:640px){section{margin-bottom:1.5rem}}@media(min-width:1025px){section{margin-bottom:3rem}}@media(max-width:640px){.hidden-mobile{display:none!important}}@media(min-width:641px)and (max-width:1024px){.hidden-tablet{display:none!important}}@media(min-width:1025px){.hidden-desktop{display:none!important}}.group{position:relative}.pk-card,[class*=rounded-2xl][class*=border]{box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.group:hover .pk-card,.group:hover [class*=rounded-2xl][class*=border]{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.group img[loading=lazy]{transition:transform .3s ease-out;will-change:transform}.group:hover img[loading=lazy]{transform:scale(1.08)}[class*=badge],[class*=px-3][class*=py-1][class*=rounded-full]{animation:slideInDown .4s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}button[type=submit],a[class*=bg-brand],button[class*=pk-btn]{transition:all .2s ease}button[type=submit]:active,a[class*=bg-brand]:active,button[class*=pk-btn]:active{transform:scale(.98)}input[placeholder*=Search],input[type=text]{transition:all .3s ease}input[placeholder*=Search]:focus,input[type=text]:focus{box-shadow:0 0 0 3px #0097a71a}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@media(max-width:640px){.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}}button,input,select,textarea,a,.cart-check,.payment-input,.address-card,[role=button],[onclick]{transition-property:background-color,border-color,color,fill,stroke,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){a[href*=market],a[href*=product]{min-height:44px;display:flex;align-items:center}.grid{gap:1rem}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #0097A7;outline-offset:2px}input,select,textarea{font-size:16px}button:not([class*=w-]){min-width:44px}section{padding-left:1rem;padding-right:1rem}h1{word-break:break-word;line-height:1.2}h2{word-break:break-word;line-height:1.3}}@media(min-width:641px)and (max-width:1024px){section{padding-left:1.5rem;padding-right:1.5rem}}nav[role=navigation],.pagination{display:flex;justify-content:center;gap:.25rem sm:.5rem;flex-wrap:wrap;padding:1rem 0}.pagination a,.pagination span{padding:.5rem .75rem;border-radius:8px;font-size:14px;transition:all .2s ease;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.pagination a{border:1px solid #d1d5db;color:#0097a7;background:#fff;text-decoration:none}.pagination a:hover{background:#f3f4f6;border-color:#0097a7}.pagination span.active{background:#0097a7;color:#fff;border:1px solid #0097A7}@media(max-width:640px){nav[role=navigation],.pagination{gap:.25rem;padding:.75rem 0}.pagination a,.pagination span{padding:.375rem .5rem;font-size:12px;min-height:32px}.pagination span:not(.active):not(.prev):not(.next){display:none}.pagination a.relative{display:inline-flex}}section[class*=hero],section[class*=min-h]{padding-left:1rem;padding-right:1rem}@media(min-width:768px){section[class*=hero],section[class*=min-h]{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){section[class*=hero],section[class*=min-h]{padding-left:2rem;padding-right:2rem}}h1{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-width:480px){h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.25rem;line-height:1.3}h3{font-size:1.1rem;line-height:1.4}}@media(min-width:481px)and (max-width:768px){h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}}@media(min-width:769px){h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.875rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}}@media(max-width:640px){.flex button,.flex a[class*=btn],.flex a[class*=px-]{min-width:100%}button,a[class*=px-6],a[class*=px-8]{padding-left:1rem;padding-right:1rem}button,a[role=button]{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media(max-width:640px){.grid,.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:768px){.grid,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.grid,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px){.grid,.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){input,textarea,select{font-size:16px;padding:.75rem;width:100%;border-radius:.5rem}.flex-col-mobile{flex-direction:column}.flex-col-mobile>*{width:100%}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{overflow-x:hidden}img{max-width:100%;height:auto;display:block}nav[class*=sticky],nav[class*=top-0]{position:sticky;top:0;z-index:50;will-change:transform}@media(max-width:768px){nav{box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}nav.scrolled{box-shadow:0 4px 12px #0000001f}nav [id*=menu],nav [id*=dropdown],nav [id*=toggle]{position:relative;z-index:51}}@media(max-width:640px){nav{padding-top:.5rem;padding-bottom:.5rem}nav .fixed{z-index:40}}main,[role=main]{scroll-margin-top:60px}@media(max-width:768px){main,[role=main]{scroll-margin-top:80px}}
