
:root{--cream:#f5e6cb;--gold:#d7a96a;--ink:#1c110c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);font-family:Georgia,serif;background:#21160f}body{isolation:isolate} .crafts-backdrop{position:fixed;top:0;left:0;width:var(--crafts-width,100vw);height:var(--crafts-height,100vh);z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(18,11,7,.79),rgba(18,11,7,.44),rgba(18,11,7,.78)),url('cabin_background.jpg') center center/cover no-repeat;transform:none;backface-visibility:visible}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px max(18px,calc((100vw - 1140px)/2));background:rgba(16,10,7,.38);border-bottom:1px solid #a87b4b66}.nav strong{font-size:clamp(15px,2.1vw,21px);letter-spacing:1px}.links{display:flex;gap:clamp(10px,2vw,24px);font-size:14px;flex-wrap:wrap}.links a:hover{color:#f7c88a}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.hero{text-align:center;padding:60px 0 40px}.eyebrow{color:#edc690;letter-spacing:4px;text-transform:uppercase;font:700 12px Arial,sans-serif}.hero img{display:block;width:min(100%,860px);margin:22px auto;border-radius:12px;box-shadow:0 18px 50px #0009}.hero h1{font-size:clamp(32px,5vw,58px);margin:20px 0 12px}.hero p{max-width:690px;margin:0 auto 25px;line-height:1.7;font-size:17px;color:#f2dfc4}.buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-block;background:linear-gradient(#e7bc80,#ba834b);border:1px solid #f5d3a0;color:#21140c;padding:13px 22px;border-radius:8px;font:700 13px Arial,sans-serif;cursor:pointer}.btn.secondary{background:rgba(29,17,11,.7);color:#f9e8cb}.btn:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.section{padding:35px 0 52px}.section h2{font-size:clamp(27px,3vw,38px);text-align:center;margin:0 0 10px}.section .intro{text-align:center;max-width:690px;margin:0 auto 28px;color:#e4d0b7;line-height:1.6}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category,.product{background:rgba(25,15,10,.84);border:1px solid rgba(227,181,119,.45);border-radius:14px;overflow:hidden;box-shadow:0 10px 25px #0005}.art{height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#180f0a66)}.art.sign{background:repeating-linear-gradient(0deg,#93643c 0px,#9d7045 27px,#835832 29px,#8c5d37 32px)}.art.gift{background:radial-gradient(circle at 50% 40%,#a77949,#4a2a16)}.art.digital{background:linear-gradient(135deg,#d6bd90,#7e5837)}.signpiece{position:relative;z-index:1;border:8px ridge #c59a62;background:#56351d;color:#f5d8a8;padding:23px 18px;text-align:center;transform:rotate(-3deg);box-shadow:5px 10px 12px #0008;font-size:22px}.giftpiece{position:relative;z-index:1;background:#d2a46b;color:#4c2912;border-radius:50%;width:155px;height:155px;display:grid;place-items:center;text-align:center;border:7px solid #7d4b24;font-size:20px;box-shadow:0 10px 20px #0007}.digitalpiece{position:relative;z-index:1;background:#f2dfb7;color:#38200f;border:2px solid #6b4627;padding:25px 20px;transform:rotate(4deg);font-size:24px;box-shadow:0 10px 20px #0006}.copy{padding:20px;text-align:center}.copy h3{margin:0 0 9px;font-size:23px}.copy p{font-size:15px;line-height:1.6;color:#e4d0b7;min-height:73px}.notice{padding:28px;background:rgba(28,16,10,.83);border:1px solid #b98d5a;border-radius:14px;text-align:center;margin:25px auto 55px;max-width:850px}.notice h2{margin:0 0 10px}.notice p{line-height:1.65;color:#e7d2b7}.footer{text-align:center;background:#1b100bd9;padding:26px 12px;color:#e6cda8;font-size:13px}.tag{font:700 11px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#efc78e}.cartpill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5a66c;border-radius:40px;padding:8px 12px;font:700 12px Arial,sans-serif;background:#24150f}.cartnote{display:none;text-align:center;margin-top:12px;color:#f5cf97}.cartnote.show{display:block}@media(max-width:760px){.nav{padding:14px 16px;align-items:flex-start;flex-direction:column}.links{gap:15px}.hero{padding-top:34px}.categories{grid-template-columns:1fr}.art{height:200px}.copy p{min-height:0}.hero img{margin:15px auto}.section{padding-top:25px}}

/* V24 enhanced Etsy buttons only. Preserve the fixed backdrop and approved layout. */
.category .btn.secondary, .notice .btn, .hero .btn.secondary{
 display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;
 padding:14px 24px;border:2px solid #f2c784;border-radius:12px;
 background:linear-gradient(145deg,#a96b34 0%,#75421e 46%,#432510 100%);
 color:#fff4df;font:700 16px Arial,sans-serif;letter-spacing:.25px;
 box-shadow:inset 0 1px 0 #ffe3a080,inset 0 -2px 0 #2a140a,0 5px 0 #291509,0 10px 22px #0007;
 text-shadow:0 2px 2px #2a130b;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.category .btn.secondary:before,.notice .btn:before,.hero .btn.secondary:before{content:'✦';font-size:18px;color:#ffdc9c;text-shadow:0 0 8px #ffc16b88}
.category .btn.secondary:after,.notice .btn:after,.hero .btn.secondary:after{content:'›';font:700 26px Georgia,serif;line-height:.7;color:#ffe1a9}
.category .btn.secondary:hover,.notice .btn:hover,.hero .btn.secondary:hover{filter:brightness(1.17);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffe3a080,0 7px 0 #291509,0 14px 26px #0008}
.category .btn.secondary:active,.notice .btn:active,.hero .btn.secondary:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffe3a080,0 2px 0 #291509,0 4px 12px #0008}
@media(max-width:760px){.category .btn.secondary{min-width:220px}}
@media(prefers-reduced-motion:reduce){.category .btn.secondary,.notice .btn,.hero .btn.secondary{transition:none}}

/* V25 real rustic plank texture for wooden sign and custom gift illustrations */
.art.sign{background:linear-gradient(rgba(35,17,8,.16),rgba(35,17,8,.28)),url('rustic_wood_planks.jpg') center/cover no-repeat}
.signpiece{background:linear-gradient(rgba(36,18,8,.40),rgba(36,18,8,.40)),url('rustic_wood_planks.jpg') center/cover no-repeat;border:9px ridge #d5a46a;color:#fff1d5;text-shadow:0 2px 4px #190d06,0 0 12px #190d06;box-shadow:5px 12px 20px #000a}
.art.gift{background:linear-gradient(rgba(40,20,9,.24),rgba(40,20,9,.42)),url('rustic_wood_planks.jpg') center/cover no-repeat}
.giftpiece{background:linear-gradient(rgba(224,169,103,.25),rgba(95,47,19,.20)),url('rustic_wood_planks.jpg') center/cover no-repeat;color:#fff2d8;text-shadow:0 2px 4px #160a04;border:7px solid #b88147}

/* V26 wood plank digital panel and richer collection descriptions */
.art.digital{background:linear-gradient(rgba(31,15,7,.22),rgba(31,15,7,.34)),url('rustic_wood_planks.jpg') center/cover no-repeat}
.digitalpiece{background:linear-gradient(140deg,rgba(49,26,12,.88),rgba(87,48,23,.82));color:#fff0d4;border:4px double #e7b978;border-radius:9px;transform:rotate(3deg);font-weight:bold;text-shadow:0 2px 3px #180b05;box-shadow:0 12px 25px #000a,inset 0 0 0 2px #3a1c0e}
.category .copy{padding:24px 24px 28px;background:linear-gradient(155deg,rgba(51,29,16,.88),rgba(22,12,8,.94));position:relative}
.category .copy:before{content:'✦  ❧  ✦';display:block;color:#d9a968;font-size:17px;letter-spacing:12px;margin:0 auto 12px;text-shadow:0 1px 8px #0008}
.category .tag{display:inline-block;color:#ffe2aa;background:rgba(176,114,57,.17);border:1px solid #c4925966;padding:7px 13px;border-radius:30px;letter-spacing:2.6px;font-size:11px}
.category .copy h3{font-size:clamp(27px,3vw,32px);color:#fff0d4;margin:12px 0 6px;text-shadow:0 2px 8px #0009}
.category .copy h3:after{content:'';display:block;height:2px;width:74px;margin:15px auto 0;background:linear-gradient(90deg,transparent,#f0bd76,transparent)}
.category .copy p{font-size:16px;line-height:1.7;color:#f3ddbd;min-height:85px;margin:14px auto 23px;max-width:320px}
@media(max-width:760px){.category .copy p{min-height:0}.category .copy{padding:25px 23px 31px}}

/* V27 real handcrafted products, without modifying the approved cards or navigation */
.art.sign.product-photo{background:#2c1b11}
.art.sign.product-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 51%;display:block}
.art.sign.product-photo:after{background:linear-gradient(180deg,transparent 72%,rgba(17,9,5,.12))}
.art.gift.cow-display{isolation:isolate;background:radial-gradient(ellipse at 50% 38%,rgba(239,180,105,.28),transparent 60%),linear-gradient(rgba(28,15,8,.25),rgba(28,15,8,.5)),url('rustic_wood_planks.jpg') center/cover no-repeat}
.art.gift.cow-display:after{background:linear-gradient(180deg,transparent 70%,rgba(21,10,5,.36))}
.cow-display .cow-halo{position:absolute;inset:12% 18% 7%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,210,145,.27),transparent 70%);filter:blur(9px)}
.art.gift.cow-display img{position:relative;z-index:2;max-width:77%;max-height:92%;object-fit:contain;filter:drop-shadow(0 11px 9px rgba(0,0,0,.75));display:block}
.cow-display .display-shelf{position:absolute;z-index:1;bottom:0;left:0;right:0;height:12%;background:linear-gradient(180deg,#9a6138,#422310 65%,#23130c);box-shadow:0 -5px 14px #12090480;border-top:2px solid #c48b56}
@media(max-width:760px){.art.sign.product-photo,.art.gift.cow-display{height:245px}.art.gift.cow-display img{max-height:94%;max-width:76%}}

/* V28 requested Highland cow photo, preserving the card text and working Etsy link */
.art.gift.cow-scene{background:#27180f}
.art.gift.cow-scene img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.art.gift.cow-scene:after{background:linear-gradient(180deg,transparent 78%,rgba(17,9,5,.15))}
@media(max-width:760px){.art.gift.cow-scene{height:245px}}
