.snappy-outfitters {
  --cream: #fffaf0;
  --paper: #f7ecd7;
  --ink: #342417;
  --orange: #e85d18;
  --blue: #1873a8;
  --pink: #df5b91;
  --purple: #7542a8;
  --green: #4f8b42;
  --gold: #e0a51b;
  --wood: #8a5427;
  color: var(--ink);
  background: linear-gradient(180deg,#fffdf8 0%,#f7ecd9 100%);
  padding: clamp(18px,3vw,44px) 14px;
}
.snappy-outfitters * { box-sizing: border-box; }
.snappy-outfitters .wp-block-heading { font-family: Georgia, 'Times New Roman', serif; }
.snappy-shop-hero,
.snappy-featured-card,
.snappy-department-card {
  background-color: var(--cream);
  background-image: radial-gradient(rgba(90,55,24,.06) 1px, transparent 1px);
  background-size: 8px 8px;
  border-radius: 26px;
  box-shadow: 0 8px 22px rgba(74,44,18,.18);
}
.snappy-shop-hero {
  border: 9px solid #7f4b25;
  padding: clamp(18px,3vw,38px);
  position: relative;
  overflow: hidden;
}
.snappy-shop-hero:before,
.snappy-shop-hero:after {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 18px;
  background: linear-gradient(90deg,#5b3219,#a76e37,#5b3219);
}
.snappy-shop-hero:after { left:auto; right:0; }
.snappy-main-sign {
  background: #f8e9c9;
  border: 5px solid #81502a;
  border-radius: 32% 32% 12px 12px / 22% 22% 12px 12px;
  padding: 18px 20px 8px;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.65),0 6px 0 #5e351c;
}
.snappy-main-sign h1 { color: var(--orange); font-size: clamp(45px,6vw,84px); line-height: .9; margin: 0; text-shadow: 0 2px 0 #fff,0 4px 0 rgba(110,58,20,.18); }
.snappy-blue-ribbon { display:inline-block; width:100%; background:var(--blue); color:#fff; margin:14px 0 -18px!important; padding:9px 14px; letter-spacing:.04em; box-shadow:0 5px 0 #0d4c72; }
.snappy-welcome { color:#c94c1c; margin-top:32px!important; }
.snappy-hero-photo img { width:100%; aspect-ratio: 4 / 5; object-fit:cover; object-position:center 28%; border:10px solid #e8c17d; box-shadow:0 8px 18px rgba(0,0,0,.2); border-radius:16px; }
.snappy-hanging-sign,.snappy-section-sign,.snappy-shopkeeper-sign,.snappy-grand-opening {
  background:linear-gradient(180deg,#d9a96d,#b8793f);
  border:3px solid #6d3b1c;
  border-radius:8px;
  box-shadow:0 5px 0 #593117,0 8px 14px rgba(0,0,0,.15);
  padding:12px 18px;
}
.snappy-hanging-sign { max-width:390px; margin:-18px auto 0!important; transform:rotate(-1deg); }
.snappy-featured-card { border:3px solid var(--orange); padding:26px; margin-top:24px; position:relative; }
.snappy-featured-label { display:inline-block; color:#fff; background:var(--orange); padding:8px 18px; margin:-8px 0 18px!important; box-shadow:0 5px 0 #a43a0c; }
.snappy-featured-card h2 { color:#c94c1c; font-size:clamp(31px,4vw,50px); line-height:1.03; }
.snappy-size-tag { display:inline-block; background:#efd49d; padding:7px 14px; border-radius:6px; letter-spacing:.02em; }
.snappy-duo-gallery { gap:0!important; display:grid!important; grid-template-columns:1fr 1fr!important; border-radius:50%; overflow:hidden; border:8px solid #e6bc70; aspect-ratio:1/1; }
.snappy-duo-gallery figure { width:100%!important; height:100%!important; margin:0!important; }
.snappy-duo-gallery img { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 28%; }
.snappy-circle-photo img { display:block; width:min(100%,320px); aspect-ratio:1/1; object-fit:cover; object-position:center; margin:auto; border-radius:50%; border:8px solid #e6bc70; }
.snappy-shopkeeper-sign em { font-family:Georgia,serif; font-size:1.35em; color:#b63d1c; }
.snappy-section-sign { width:max-content; max-width:92%; margin:18px auto -8px!important; font-size:clamp(20px,3vw,34px); position:relative; z-index:3; }
.snappy-department-grid { gap:18px; align-items:stretch!important; }
.snappy-department-grid > .wp-block-column { display:flex; }
.snappy-department-card { width:100%; padding:22px; border:3px solid; display:flex; flex-direction:column; }
.snappy-department-card h3 { font-size:clamp(28px,3vw,43px); line-height:1.03; margin-top:0; }
.snappy-department-card h3 span { color:var(--pink); text-transform:uppercase; }
.snappy-department-card h3 small { font-size:.45em; letter-spacing:.08em; }
.snappy-card-blue { border-color:var(--blue); }
.snappy-card-blue h3 { color:var(--blue); }
.snappy-card-purple { border-color:var(--purple); }
.snappy-card-purple h3 { color:var(--purple); }
.snappy-card-gold { border-color:var(--gold); }
.snappy-card-gold h3 { color:#3b2b1d; text-transform:uppercase; }
.snappy-blue-tag { background:var(--blue); color:#fff; }
.snappy-purple-tag { background:var(--purple); color:#fff; }
.snappy-button .wp-block-button__link { border-radius:8px; font-weight:800; box-shadow:0 4px 0 rgba(70,30,5,.35); padding:.75em 1.15em; }
.snappy-button-orange .wp-block-button__link { background:var(--orange); }
.snappy-button-blue .wp-block-button__link { background:var(--blue); }
.snappy-button-purple .wp-block-button__link { background:var(--purple); }
.snappy-opening-circle { width:min(100%,280px); aspect-ratio:1/1; margin:auto; border:7px solid #e4b957; border-radius:50%; display:grid; place-items:center; }
.snappy-opening-sign { width:72%; background:linear-gradient(180deg,#8e592c,#623716); color:#fff; border:4px solid #4f2a12; border-radius:6px; padding:18px 8px; font-size:clamp(25px,3vw,40px); line-height:1.05; box-shadow:0 6px 0 #3d210e; transform:rotate(-1deg); }
.snappy-grand-opening { margin-top:auto!important; }
.snappy-thank-you { background:linear-gradient(180deg,#9d6633,#6d3d1d); color:#fff; padding:14px; font-weight:800; letter-spacing:.04em; border-radius:7px; }
@media (max-width: 900px) {
  .snappy-hero-columns,.snappy-featured-card > .wp-block-columns,.snappy-department-grid { flex-wrap:wrap!important; }
  .snappy-hero-columns > .wp-block-column,.snappy-featured-card > .wp-block-columns > .wp-block-column,.snappy-department-grid > .wp-block-column { flex-basis:100%!important; }
  .snappy-featured-card .snappy-shopkeeper-sign { max-width:320px; margin-left:auto!important; margin-right:auto!important; }
  .snappy-duo-gallery,.snappy-circle-photo img { max-width:420px; margin-left:auto!important; margin-right:auto!important; }
}
@media (max-width: 600px) {
  .snappy-outfitters { padding-left:8px; padding-right:8px; }
  .snappy-shop-hero { border-width:5px; padding:16px 12px; }
  .snappy-main-sign h1 { font-size:45px; }
  .snappy-blue-ribbon { font-size:14px; }
  .snappy-featured-card,.snappy-department-card { padding:18px 14px; border-radius:18px; }
  .snappy-featured-card h2,.snappy-department-card h3 { text-align:center; }
  .snappy-featured-card p { text-align:center; }
  .snappy-featured-card .wp-block-buttons { justify-content:center; }
  .snappy-section-sign { width:auto; }
}