@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#1d2926;--forest:#213a33;--cream:#f6f4ee;--line:#deded2;--orange:#dc8b55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.top{background:#f8f7f2;align-items:center;gap:52px;height:80px;padding:0 clamp(20px,4vw,72px);display:flex}.logo{letter-spacing:-.055em;white-space:nowrap;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.logo b{color:var(--orange);font-size:22px}.top nav{gap:30px;margin-left:auto;display:flex}.top nav a{font-size:14px;font-weight:600}.basket{border:1px solid var(--ink);white-space:nowrap;background:0 0;border-radius:30px;padding:10px 14px 10px 18px;font-size:14px;font-weight:700}.basket span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;margin-left:12px;font-size:12px;display:inline-grid}.hero{color:#fff;background:#192d2a url(/alpaka-krkonose.png) 50%/cover no-repeat;height:min(690px,100svh - 80px);min-height:520px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#091b17e6,#091b17ab 36%,#0000 76%),linear-gradient(#0000 60%,#091b174d);position:absolute;inset:0}.hero-text{width:min(690px,60%);margin-left:clamp(24px,8vw,128px);position:relative;top:50%;transform:translateY(-50%)}.kicker{letter-spacing:.2em;color:#aa5b32;margin:0 0 20px;font-size:12px;font-weight:800}.hero .kicker{color:#edb98e}.hero h1{letter-spacing:-.075em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(48px,5.5vw,88px);font-weight:800;line-height:1.06}.hero h1 em{color:#efb889;font-style:normal}.hero-text>p:not(.kicker){color:#eef0e9;max-width:430px;margin:28px 0 34px;font-size:18px;line-height:1.6}.primary{color:var(--ink);background:#f5f0e4;border-radius:3px;padding:17px 20px;font-size:14px;font-weight:800;display:inline-block}.story{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;padding:76px clamp(24px,8vw,128px);display:grid}h2{letter-spacing:-.055em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(34px,3.2vw,52px);line-height:1.15}.story>p{color:#5b655e;max-width:440px;margin:0 0 5px;font-size:16px;line-height:1.65}.shop{padding:78px clamp(24px,8vw,128px) 110px}.heading{justify-content:space-between;align-items:end;display:flex}.heading small{color:#767c74;font-weight:700}.filters{scrollbar-width:thin;gap:8px;padding:32px 0 18px;display:flex;overflow:auto}.filters button{white-space:nowrap;color:#526058;background:0 0;border:1px solid #c9cdc4;border-radius:30px;padding:10px 16px;font-size:13px;font-weight:700}.filters button.active{background:var(--forest);border-color:var(--forest);color:#fff}.search{align-items:center;gap:18px;max-width:410px;margin:5px 0 32px;font-size:12px;font-weight:700;display:flex}.search input{background:0 0;border:0;border-bottom:1px solid #aab0a6;outline:0;flex:1;min-width:0;padding:9px 4px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.item{background:#fff;min-width:0}.art{background:linear-gradient(135deg,#d6ddd2,#f0e4d4);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.item:nth-child(4n+2) .art{background:linear-gradient(135deg,#e8d3bd,#f3ece0)}.item:nth-child(4n+3) .art{background:linear-gradient(135deg,#c9d4cf,#e4e8df)}.item:nth-child(4n+4) .art{background:linear-gradient(135deg,#d7ccc0,#eee9df)}.art span{background:#ffffffcf;border-radius:3px;padding:6px 9px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.art strong{color:#7a8e76;opacity:.45;font-family:Georgia,serif;font-size:112px;font-weight:400;transform:rotate(-12deg)}.detail{flex-direction:column;min-height:160px;padding:20px 18px 17px;display:flex}.detail small{color:#9d6e55;margin-bottom:8px;font-size:11px;font-weight:700}.detail h3{margin:0 0 22px;font-size:15px;line-height:1.4}.bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.bottom b{white-space:nowrap;font-size:14px}.bottom button{border:0;border-bottom:1px solid var(--ink);white-space:nowrap;background:0 0;padding:3px 0;font-size:12px;font-weight:800}.bottom button:disabled{opacity:.5;border:0}footer{color:#eee9dc;background:#1d2926;justify-content:space-between;align-items:center;gap:20px;padding:55px clamp(24px,8vw,128px);display:flex}footer span{color:#abb8ac;font-size:13px}.shade{z-index:20;background:#0d1913a8;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--cream);flex-direction:column;width:min(480px,100%);height:100%;padding:32px;display:flex}.drawer-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:25px;display:flex}.drawer-title h2{font-size:36px}.drawer-title button{background:0 0;border:0;font-size:32px;line-height:1}.lines{flex:1;overflow:auto}.line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.line b{font-size:15px}.line p{color:#6c776c;margin:7px 0 0;font-size:13px}.quantity{border:1px solid #c5cbc0;align-items:center;font-size:13px;display:flex}.quantity button{background:0 0;border:0;padding:8px 11px}.drawer-bottom{border-top:1px solid var(--line);padding-top:22px}.drawer-bottom>div{justify-content:space-between;margin-bottom:20px;display:flex}.pay{color:#1d2926;background:#eab386;border:0;width:100%;padding:17px;font-weight:800}.pay:disabled{opacity:.55}.drawer-bottom small{color:#7d867c;text-align:center;margin-top:14px;font-size:11px;display:block}.error{color:#a52d23;font-size:13px;line-height:1.45}@media (max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.top{gap:12px;height:64px}.logo{font-size:16px}.top nav{display:none}.basket{margin-left:auto;padding:6px 7px 6px 12px;font-size:12px}.basket span{margin-left:4px}.hero{background-position:61%;height:calc(100svh - 64px);min-height:620px}.hero:before{background:linear-gradient(#08191629 22%,#081916f0)}.hero-text{width:auto;margin:0 24px;position:absolute;top:auto;bottom:65px;transform:none}.hero h1{font-size:clamp(48px,12vw,70px)}.hero-text>p:not(.kicker){margin:20px 0 26px;font-size:16px}.story{grid-template-columns:1fr;gap:22px;padding:56px 24px}.shop{padding:60px 20px 80px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art{height:170px}.detail{min-height:167px;padding:14px}.bottom{flex-direction:column;align-items:flex-start}.detail h3{margin-bottom:12px}footer{flex-direction:column;align-items:flex-start;padding:42px 24px}.drawer{padding:22px}}@media (max-width:380px){.grid{grid-template-columns:1fr}.art{height:200px}}.stock-notice{color:#26312e;background:#f0e5d5;border-left:4px solid #b66d3f;margin:0 0 26px;padding:14px 18px;font-size:15px;line-height:1.5}.size-label{color:#30403a;gap:6px;margin:14px 0;font-size:14px;font-weight:600;display:grid}.size-label select{color:#1a2b26;width:100%;font:inherit;background:#fff;border:1px solid #c4c7c1;border-radius:6px;padding:11px 12px}.art.has-image{background:#eadfce}.art.has-image strong{display:none}.product-image{object-fit:cover;object-position:center 43%;width:100%;height:100%;position:absolute;inset:0}.art.has-image span{z-index:1;background:#f8f7f2e8;border-radius:2px;padding:6px 9px}.product-description{color:#5b675f;margin:0 0 9px;font-size:12px;line-height:1.45}.manufacturer-info{color:#5b675f;overflow-wrap:anywhere;margin:0 0 8px;font-size:10px;line-height:1.4}.product-specs{color:#445048;margin-bottom:12px;font-size:12px}.product-specs summary{cursor:pointer;padding:6px 0;font-weight:700}.product-specs dl{gap:8px;margin:10px 0 0;display:grid}.product-specs dl div{border-top:1px solid #eee;grid-template-columns:minmax(68px,.8fr) 1.3fr;gap:8px;padding-top:6px;display:grid}.product-specs dt{font-weight:700}.product-specs dd{margin:0;line-height:1.4}.manufacturer-source{color:#7b4a2c;text-underline-offset:3px;margin:0 8px 12px 0;font-size:11px;font-weight:700;text-decoration:underline;display:inline-block}.hero-mark{opacity:1;flex-direction:column;align-items:flex-start;gap:0;width:clamp(150px,16vw,188px);margin:-8px 0 16px;display:flex}.hero-mark img{width:100%;height:auto;display:block}.hero-mark span{letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 1px 5px #071611;margin-top:-4px;font-family:Manrope,sans-serif;font-size:clamp(12px,1.05vw,14px);font-weight:800}@media (max-width:720px){.hero-mark{width:120px;margin:-12px 0 14px}.hero-mark span{margin-top:-3px;font-size:11px}}.art.tee-art{aspect-ratio:4/5;height:auto}.tee-art .product-image{object-fit:contain;object-position:center}.tee-art span{font-size:12px}.art.alpaca-art{aspect-ratio:1;background:#e5ebe1;height:auto}.alpaca-art .product-image{object-fit:contain;object-position:center}.alpaca-art span{top:auto;bottom:12px;left:12px}.qr-payment{border:1px solid var(--line);background:#fff;max-height:60svh;margin-top:20px;padding:16px;overflow:auto}.qr-payment h3{margin:0 0 12px}.qr-payment img{width:min(100%,260px);height:auto;margin:12px auto;display:block}.qr-payment p{font-size:12px;line-height:1.5}.qr-payment .qr-test{color:#8f3f22;background:#fff1df;padding:12px;font-weight:700}.qr-payment dl{font-size:12px}.qr-payment dl div{justify-content:space-between;gap:12px;margin:8px 0;display:flex}.qr-payment dd{margin:0;font-weight:700}.qr-payment a{text-align:center;font-size:13px;font-weight:700;text-decoration:underline;display:block}.test-banner{text-align:center;color:#42260e;background:#ffe1b4;border-bottom:1px solid #d0a771;padding:12px 20px;font-size:13px;line-height:1.5}.test-banner strong{letter-spacing:.05em}
