/*
Theme Name: Conny · Gezien & gevonden
Version: 1.1.0
Description: Een rustige, mobiele link-in-bio-pagina voor Conny Sieraden en Edelstenen.
*/
:root{--cream:#f8f6f0;--green:#284c42;--ink:#253f37;--muted:#6e796e;--tan:#b68a56;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bc7c38;outline-offset:6px}header,main,footer{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}header{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:32px Georgia,serif}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;margin-top:5px}.monogram{border:1px solid #b7bda9;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;position:relative}.monogram span{position:absolute;font-size:20px;right:-6px;top:-9px;background:var(--cream)}.shop-nav{font-size:13px;font-weight:bold}.shop-nav span{margin-left:18px}.intro{padding:66px 20px 64px;text-align:center;position:relative}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:bold;color:#9e794a;margin:0 0 17px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(38px,5vw,62px);line-height:1.13;margin:0 0 23px;letter-spacing:-1.5px}h1 em{font-weight:normal;color:#637a58}h2{font-size:30px;line-height:1.2;margin:0}.intro>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:15px;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:#fff;padding:13px 22px;border-radius:4px;font-size:13px;font-weight:bold}.button:hover{background:#3b5e50}.spark{position:absolute;right:11%;top:60px;font-size:53px;color:#bba77e;transform:rotate(15deg)}.section-heading{border-top:1px solid var(--line);padding:32px 0 26px;display:flex;align-items:end;justify-content:space-between;gap:15px}.section-heading .eyebrow{margin-bottom:9px}.subtle{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.card{display:block}.photo{aspect-ratio:1;overflow:hidden;background:#e9e7de;border-radius:7px;position:relative}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.035)}.tag{position:absolute;top:13px;left:13px;padding:5px 11px;font-size:10px;font-weight:bold;letter-spacing:.4px;background:var(--cream);border-radius:3px}.card-text{padding:14px 1px}.card h3{font-size:20px;line-height:1.35;margin:0 0 11px}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;font-size:11px;color:#657660}.card-link span{font-size:16px}.outro{display:flex;align-items:center;gap:25px;background:#e9ede3;padding:32px;margin:48px 0;border-radius:7px}.outro>span{font-size:50px;color:#75805d}.outro h2{font-size:26px}.outro p{font-size:13px;color:var(--muted);margin:10px 0 0}.outro .button{margin-left:auto;white-space:nowrap}.light{background:#fff;color:var(--green)}.light:hover{background:#f7f8f3}footer{padding-top:23px;padding-bottom:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.empty{text-align:center;background:#edeee5;padding:35px;border-radius:6px}.empty>span{font-size:40px;color:#9e794a}.empty h3{font-size:26px;margin:8px}.empty p{color:var(--muted);font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:100;padding:10px}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header{padding-top:20px;padding-bottom:19px}.brand{font-size:27px}.brand small{font-size:7px;letter-spacing:1.4px}.monogram{width:46px;height:46px}.shop-nav{font-size:11px}.shop-nav span{margin-left:4px}.intro{padding:47px 0 40px}h1{font-size:39px;letter-spacing:-1px}.intro>p:not(.eyebrow){font-size:14px}.spark{display:none}.section-heading{align-items:start;padding-top:25px}.section-heading h2{font-size:25px}.subtle{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.card h3{font-size:17px}.card-link{font-size:10px}.tag{top:8px;left:8px;font-size:9px;padding:3px 7px}.outro{padding:25px 20px;display:block;text-align:center;margin:35px 0}.outro>span{font-size:35px}.outro h2{font-size:25px}.outro .button{margin:18px 0 0}footer{flex-direction:column;text-align:center;gap:5px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

/* Mineral Chic: kleuren, typografie en beeld uit de Conny-webshop. */
:root{--cream:#fff8fc;--green:#5b3566;--ink:#352b38;--muted:#756979;--tan:#c890a8;--line:#e7ddea}
body{font-family:Lato,Arial,sans-serif;background:#f5effb;-webkit-font-smoothing:antialiased}
.announcement{text-align:center;background:#5b3566;color:#f3ecfa;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;padding:10px 15px}
header{background:#fff8fc;max-width:none;padding:25px max(36px,calc((100vw - 1088px)/2));border-color:#e7ddea}
.brand{font:600 30px 'Cormorant Garamond',Georgia,serif;color:#5b3566;letter-spacing:.3px}.brand small{font:700 9px Lato,Arial,sans-serif;color:#ac627f;letter-spacing:1.2px;margin-top:2px}.shop-nav{color:#5b3566}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;color:#5b3566;font-weight:600}h1{font-size:clamp(44px,5.5vw,70px);letter-spacing:-1px}h1 em{color:#8d659c;font-style:normal}
.intro{background:linear-gradient(90deg,rgba(255,248,252,.45),rgba(255,248,252,.2)),url('assets/hero.png') center/cover;border-radius:0 0 40px 40px;margin:0 -36px;padding:62px 30px 58px}.intro>p:not(.eyebrow){color:#625269}.eyebrow{color:#a66483}.spark{display:none}
.button{border-radius:99px;padding:14px 23px;letter-spacing:.7px;text-transform:uppercase;font-size:12px;color:#f3ecfa}.button:hover{background:#754582}.section-heading{border-top:0;padding-top:40px}h2{font-size:34px}
.card{background:#fff;border:1px solid rgba(91,53,102,.08);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(53,43,56,.06)}.photo{border-radius:0;background:#ede5f2}.card-text{padding:18px}.card h3{font-size:23px}.card-link{color:#5b3566;font-size:12px}.tag{background:#fff8fc;color:#5b3566;border-radius:99px;padding:6px 12px}
.outro{background:#5b3566;border-radius:24px;color:#f3ecfa}.outro h2{color:#fff;font-size:30px}.outro p{color:#e6d7ee}.outro>span{color:#f1c6da}.light{background:#fff8fc;color:#5b3566}.light:hover{background:#f1c6da}
footer{color:#5b3566}.empty{background:#fff8fc;border-radius:20px}.empty>span{color:#c890a8}a:focus-visible{outline-color:#a986c8}
@media(max-width:700px){header{padding:19px 20px;gap:15px}.brand{font-size:30px}.brand-rest{display:block;font:600 15px 'Cormorant Garamond',Georgia,serif;letter-spacing:0}.brand small{font-size:6px;letter-spacing:.4px;margin-top:5px}.shop-nav{font-size:11px;white-space:nowrap}.intro{margin:0 -20px;padding:42px 20px 40px;border-radius:0 0 28px 28px;background-position:55% center}h1{font-size:45px}.eyebrow{font-size:9px;letter-spacing:1.7px}.section-heading h2{font-size:29px}.card{border-radius:15px}.card-text{padding:12px}.card h3{font-size:20px}.card-link{font-size:10px}.tag{font-size:9px;padding:4px 8px}.outro h2{font-size:30px}}