/*
Theme Name: Peaklamen Store
Theme URI: https://mediumspringgreen-armadillo-725576.hostingersite.com/
Author: Peaklamen
Description: Editable WooCommerce storefront with two hero product slots and ten catalog slots.
Version: 1.1.1
Text Domain: peaklamen
*/
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Karla:wght@400;500;600;700&display=swap');
:root{--cream:#f4efe2;--paper:#fffdf7;--oat:#ebe4d2;--forest:#3c5a3b;--sage:#93ad8a;--coral:#f27361;--ink:#292621;--muted:#6e695c;--line:#ded5be}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Karla,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pk-wrap{width:min(1280px,100%);margin:auto;padding-inline:clamp(18px,4vw,40px)}
.pk-announce{background:var(--forest);color:#e7efe3;text-align:center;padding:9px 20px;font-size:13px;letter-spacing:.02em}.pk-header{position:sticky;top:0;z-index:50;background:rgba(235,228,210,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.pk-nav{min-height:72px;display:flex;align-items:center;gap:clamp(18px,3vw,40px)}.pk-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font:600 23px Fredoka,sans-serif}.pk-brand img{width:42px;height:42px;object-fit:contain;mix-blend-mode:multiply}.pk-links{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);font-weight:500;font-size:15px}.pk-links a:hover,.pk-footer a:hover{color:var(--coral)}.pk-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.pk-icon,.pk-bag{min-width:44px;height:44px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.pk-bag{padding:0 17px;font-weight:600}.pk-icon svg{width:19px;height:19px}.pk-menu{display:none}.pk-mobile-links{display:none;padding:0 18px 18px;gap:10px}.pk-mobile-links.open{display:grid}
.pk-intro{padding-block:clamp(42px,6vw,76px) clamp(28px,4vw,48px);display:flex;align-items:end;justify-content:space-between;gap:30px}.pk-kicker{display:inline-flex;align-items:center;gap:8px;background:#e7efe3;color:var(--forest);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.pk-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--coral)}.pk-intro h1,.pk-section-title h2,.pk-feature-copy h2{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:-.025em;text-wrap:balance}.pk-intro h1{font-size:clamp(44px,7vw,82px);line-height:.96;margin:18px 0 0;max-width:11ch}.pk-intro p{max-width:42ch;margin:0;color:var(--muted);font-size:clamp(16px,1.7vw,18px);line-height:1.65}
.pk-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,30px)}.pk-feature{position:relative;min-height:clamp(520px,54vw,650px);border-radius:24px;overflow:hidden;background:var(--forest);isolation:isolate}.pk-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pk-feature:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(41,38,33,.04) 25%,rgba(41,38,33,.78) 100%)}.pk-feature-copy{position:absolute;inset:auto 0 0;z-index:2;padding:clamp(24px,4vw,42px);color:var(--paper)}.pk-feature-copy .pk-kicker{background:rgba(255,253,247,.92);color:var(--forest)}.pk-feature-copy h2{font-size:clamp(37px,4.7vw,62px);line-height:.98;margin:18px 0 12px;max-width:10ch}.pk-feature-copy p{color:rgba(255,253,247,.86);font-size:16px;line-height:1.55;max-width:38ch;margin:0}.pk-feature-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;flex-wrap:wrap}.pk-price{font:600 21px Fredoka,sans-serif}.pk-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:999px;background:var(--coral);color:var(--ink);padding:0 22px;font:700 15px Fredoka,sans-serif;cursor:pointer;transition:.2s ease}.pk-cta:hover{background:#dc6858;transform:translateY(-2px)}.pk-cta:focus-visible,.pk-icon:focus-visible,.pk-bag:focus-visible,.pk-product-add:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
.pk-promises{margin-top:clamp(24px,4vw,44px);background:var(--oat);border-radius:22px;padding:clamp(24px,3vw,34px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.pk-promise{display:flex;gap:13px}.pk-promise i{width:10px;height:10px;border-radius:50%;background:var(--coral);margin-top:6px;flex:0 0 auto}.pk-promise:nth-child(even) i{background:var(--sage)}.pk-promise b{display:block;font:600 17px Fredoka,sans-serif}.pk-promise span{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:3px}
.pk-catalog{padding-block:clamp(62px,8vw,100px)}.pk-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.pk-section-title h2{font-size:clamp(34px,4.8vw,52px);line-height:1;margin:14px 0 0}.pk-section-title p{color:var(--muted);max-width:45ch;margin:0;line-height:1.55}.pk-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}.pk-product{background:var(--paper);border:1px solid #e4dcc7;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .22s ease,box-shadow .22s ease}.pk-product:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(41,38,33,.11)}.pk-product-media{position:relative;aspect-ratio:1;background:var(--oat);overflow:hidden}.pk-product-media img{width:100%;height:100%;object-fit:cover}.pk-slot{position:absolute;top:10px;left:10px;background:rgba(255,253,247,.94);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.pk-product-add{position:absolute;right:10px;bottom:10px;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;cursor:pointer}.pk-product-add:hover{background:var(--coral);color:var(--ink)}.pk-product-add svg{width:17px;height:17px}.pk-product-body{padding:15px 15px 17px;display:flex;flex-direction:column;min-height:138px}.pk-product-body h3{font:600 17px/1.25 Fredoka,sans-serif;margin:0}.pk-product-body p{font-size:13px;line-height:1.45;color:var(--muted);margin:6px 0 0}.pk-product-meta{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.pk-product-meta span{font-size:11px;color:var(--forest);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pk-product-meta b{font:600 16px Fredoka,sans-serif}.pk-import-note{margin-top:24px;padding:18px 22px;border:1px dashed #c9bfa4;border-radius:16px;color:var(--muted);font-size:14px;line-height:1.5}
.pk-story{background:var(--forest);color:#e7efe3;padding-block:clamp(56px,7vw,88px)}.pk-story-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(34px,7vw,90px)}.pk-story h2{font:600 clamp(36px,5vw,58px)/1 Fredoka,sans-serif;letter-spacing:-.025em;margin:16px 0}.pk-story p{color:rgba(231,239,227,.78);font-size:17px;line-height:1.65;max-width:50ch}.pk-story img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}.pk-news{background:var(--oat);padding-block:clamp(46px,6vw,70px)}.pk-news-grid{display:flex;align-items:center;justify-content:space-between;gap:32px}.pk-news h2{font:600 clamp(30px,4vw,44px)/1.05 Fredoka,sans-serif;margin:0}.pk-news p{margin:10px 0 0;color:var(--muted)}.pk-form{display:flex;gap:10px;flex:1 1 420px;max-width:520px}.pk-form input{min-width:0;flex:1;border:1px solid #c9bfa4;border-radius:999px;background:var(--paper);padding:14px 18px}.pk-form input:focus{outline:3px solid rgba(242,115,97,.24);border-color:var(--coral)}
.pk-footer{padding-block:44px 26px}.pk-footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.pk-footer-logo{display:flex;align-items:center;gap:10px;font:600 22px Fredoka,sans-serif}.pk-footer-logo img{width:46px;height:46px;object-fit:contain}.pk-footer p{color:var(--muted);max-width:31ch;line-height:1.55}.pk-footer h3{font:600 14px Fredoka,sans-serif;margin:0 0 12px}.pk-footer a{display:block;color:var(--muted);font-size:14px;margin:9px 0}.pk-copyright{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}
.pk-content{min-height:65vh;padding-block:60px}.pk-content h1{font:600 clamp(38px,6vw,64px)/1 Fredoka,sans-serif}.woocommerce .button,.woocommerce button.button,.woocommerce input.button{background:var(--coral)!important;color:var(--ink)!important;border-radius:999px!important}.woocommerce div.product{background:var(--paper);padding:30px;border-radius:22px}.woocommerce-message,.woocommerce-info{border-top-color:var(--forest)}
@media(max-width:1050px){.pk-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pk-promises{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.pk-links{display:none}.pk-menu{display:grid}.pk-feature-grid{grid-template-columns:1fr}.pk-feature{min-height:570px}.pk-section-title,.pk-news-grid,.pk-intro{align-items:flex-start;flex-direction:column}.pk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-story-grid{grid-template-columns:1fr}.pk-footer-top{grid-template-columns:repeat(2,1fr)}.pk-footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.pk-announce{font-size:12px}.pk-nav{min-height:64px}.pk-brand{font-size:20px}.pk-brand img{width:36px;height:36px}.pk-actions .pk-icon:first-child{display:none}.pk-bag{padding:0 13px}.pk-intro{padding-top:34px}.pk-feature{min-height:500px;border-radius:18px}.pk-feature-copy{padding:22px}.pk-promises{grid-template-columns:1fr}.pk-product-grid{gap:12px}.pk-product-body{padding:12px;min-height:132px}.pk-product-body h3{font-size:15px}.pk-product-meta{align-items:flex-end;flex-direction:column}.pk-footer-top{grid-template-columns:1fr 1fr;gap:30px 22px}.pk-copyright{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}