/*
Theme Name: Atinan Studio
Author: Atinan.Studio
Description: Cozy handmade WordPress theme converted from the Atinan Studio demo.
Version: 1.0.0
Text Domain: atinan-studio
*/

:root{--ink:#322d25;--green:#314635;--cream:#f8f0df;--paper:#fff9ec;--pink:#f4c8bf;--line:#ded2bd;--brown:#8d6043}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:#f7eedc;font-family:"Trebuchet MS",system-ui,sans-serif;background-image:radial-gradient(#b9aa8a55 .7px,transparent .7px);background-size:6px 6px}.hand{font-family:"Comic Sans MS","Bradley Hand",cursive}.bar{background:var(--green);color:#fff;padding:8px 4vw;display:flex;justify-content:space-between;font-size:13px}.nav{position:sticky;top:0;z-index:10;background:#fffaf0ee;backdrop-filter:blur(10px);display:flex;align-items:center;gap:28px;padding:15px 4vw;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;margin-right:auto}.brand small{display:block;font-size:9px;letter-spacing:2px}.nav a{color:inherit;text-decoration:none}.search{border:1px solid var(--line);border-radius:30px;padding:10px 16px;background:white}.hero{min-height:570px;position:relative;overflow:hidden;padding:70px 7vw;background:linear-gradient(90deg,#f6e2b9 0 37%,transparent 60%),radial-gradient(circle at 72% 38%,#f6d494 0 5%,transparent 30%),linear-gradient(135deg,#967050,#3e513c);display:flex;align-items:center}.hero:after{content:"🐱   🐷   🐸   🐶";position:absolute;right:6vw;bottom:70px;font-size:80px;letter-spacing:12px;filter:drop-shadow(0 12px 8px #0005)}.note{max-width:450px;background:#fff6df;padding:30px;transform:rotate(-1deg);box-shadow:0 12px 30px #0002;border:1px solid #ead9bd}.note h1{font-size:43px;line-height:1.08;margin:0 0 15px}.btn{display:inline-block;background:var(--green);color:white;text-decoration:none;border:0;border-radius:30px;padding:13px 22px;font-weight:700;cursor:pointer}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.feature{background:#fffaf0;padding:20px;text-align:center}.section{padding:50px 4vw}.title{display:flex;align-items:end;justify-content:space-between}.title h2{font-size:38px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:0;border-radius:20px;padding:9px 17px;background:#eadfca}.chip.active{background:var(--green);color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.card{background:#fffaf0;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 6px 15px #66533b12;transition:.2s}.card:hover{transform:translateY(-6px) rotate(.3deg);box-shadow:0 15px 25px #66533b22}.pic{aspect-ratio:1;background:linear-gradient(145deg,#d8c4a4,#8c6c4f);border-radius:13px;display:grid;place-items:center;font-size:88px}.cardrow{display:flex;justify-content:space-between;align-items:center}.heart{font-size:22px;cursor:pointer}.panels{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;padding:10px 4vw 55px}.panel{min-height:330px;padding:28px;background:#fff4dc;border:1px solid #e3d3b9;box-shadow:0 7px 20px #5d4a3415;position:relative;overflow:hidden}.panel:nth-child(1){transform:rotate(-.5deg)}.panel:nth-child(2){background:#f3e9d6}.panel:nth-child(3){background:#f7edd9}.panel h3{font-size:36px;margin:0 0 10px}.panel .deco{font-size:80px;position:absolute;right:20px;bottom:20px}.letter{margin:0 4vw 40px;background:#f5cbc2;padding:28px;border-radius:20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.letter input{min-width:300px;border:0;border-radius:25px;padding:14px 18px}.footer{background:var(--green);color:#fff;padding:35px 4vw;display:flex;justify-content:space-between;align-items:center}.toast{position:fixed;right:20px;bottom:20px;background:#26382a;color:white;padding:14px 18px;border-radius:15px;display:none;z-index:30}@media(max-width:850px){.nav{gap:12px;flex-wrap:wrap}.nav .search{display:none}.hero{min-height:610px;padding:45px 5vw;align-items:flex-start}.hero:after{font-size:48px;right:2vw}.note h1{font-size:34px}.features{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr}.letter{flex-direction:column;align-items:flex-start}.letter input{min-width:0;width:100%}}@media(max-width:500px){.bar span:nth-child(2){display:none}.nav a{font-size:13px}.brand{width:100%;font-size:23px}.products{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.hero:after{font-size:36px}.pic{font-size:70px}}

/* WordPress compatibility */
body.admin-bar .nav{top:32px}
img{max-width:100%;height:auto}
.woocommerce ul.products{padding:0}