/*
Theme Name: POPTUFT
Version: 0.1.0
Requires PHP: 8.3
Text Domain: poptuft
*/
:root{--ink:#17151b;--pink:#fa52b8;--cream:#fff9f0;--blue:#134c9b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.6 Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #1688ff;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;z-index:99;background:white;padding:1rem}.announcement{text-align:center;background:#502043;color:white;padding:8px;font-size:12px;letter-spacing:.12em}.masthead{background:#101013;color:white;text-align:center;padding:15px 24px}.brand img{width:290px;height:100px;object-fit:contain}.utility{display:flex;justify-content:flex-end;gap:22px;font-size:13px}.nav{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding:12px}.nav a{text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:.06em}.nav a:hover{color:var(--pink)}.hero{background:linear-gradient(#33182966,#26152ba8),url('assets/hero.png') center/cover;padding:62px 24px 70px;color:white;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:bold}h1{font-size:clamp(40px,6vw,80px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 24px}h2{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.035em}.hero p{max-width:550px;margin:0 auto 25px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0 45px}.button,button,input[type=submit],.woocommerce a.button,.woocommerce button.button{display:inline-block;background:var(--ink);color:white;border:0;border-radius:7px;padding:14px 22px;text-decoration:none;font-weight:bold;cursor:pointer}.button.pink{background:var(--pink);color:#201221}.button.light{background:white;color:var(--ink)}.wrap{max-width:1160px;margin:auto;padding:55px 24px}.hero .wrap{padding:0;max-width:980px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border-radius:12px;overflow:hidden;color:var(--ink);text-align:left;padding:8px 8px 18px}.card .body{padding:8px 12px}.card h3{margin:5px 0;font-size:16px}.photo{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:7px}.photo img{width:100%;height:100%;object-fit:cover}.photo .second{position:absolute;inset:0;opacity:0;transition:opacity .25s}.photo:hover .second,.photo:focus .second,.photo.show-second .second{opacity:1}.image-toggle{background:#eee;color:#222;font-size:12px;padding:7px 12px;margin-top:8px}.idea{background:#eed8f3;min-height:220px;display:grid;place-content:center;text-align:center;border-radius:7px;padding:24px}.idea b{font-size:32px;line-height:1.15}.card .button{font-size:12px;padding:10px 14px;margin-top:10px}.strip{background:#ffba53;text-align:center;padding:15px;letter-spacing:.07em;font-size:12px;font-weight:bold}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article:before{counter-increment:steps;content:'0' counter(steps);color:var(--blue);font-size:32px;font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split img{border-radius:14px}.footer{background:#17151b;color:#eee}.footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer a{display:block;margin:8px 0;font-size:14px}.footer h3{color:var(--pink);font-size:13px}.footer small{color:#bbb}.prose{max-width:800px;min-height:45vh}.prose h1{font-size:48px}details{border-bottom:1px solid #ccc;padding:18px 0}summary{cursor:pointer;font-weight:bold}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:bold;margin-bottom:7px}input:not([type=checkbox]),select,textarea{width:100%;padding:12px;border:1px solid #a49da5;border-radius:5px;background:white;color:#17151b}textarea{min-height:120px}.full{grid-column:1/-1}.notice{padding:15px;border-left:4px solid var(--blue);background:#eef4ff;margin:18px 0}.woocommerce ul.products li.product .second{display:none}.woocommerce ul.products li.product:hover .second{display:block}.woocommerce ul.products li.product:hover .second+img{display:none}.woocommerce .quantity .qty{width:80px}.woocommerce div.product .product_title{font-size:42px}.woocommerce form .form-row input.input-text{padding:12px}.woocommerce table.shop_table{background:white}.woocommerce a.button{line-height:1.3}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){.masthead{padding:10px 14px}.brand img{width:220px;height:75px}.utility{font-size:12px}.nav{gap:15px}.hero{padding:38px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.steps{grid-template-columns:1fr 1fr;gap:20px}.split{grid-template-columns:1fr;gap:25px}.wrap{padding:35px 18px}.footer .wrap{grid-template-columns:1fr 1fr}.footer .wrap>div:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.idea{min-height:150px}.idea b{font-size:24px}.card .body{padding:7px}.card h3{font-size:14px}.hero .actions{margin-bottom:30px}.prose h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}