/*
Theme Name: Lizzis Creativ Accessories
Theme URI: https://example.com/
Author: Lizzis Creativ Accessories
Description: Individuelles WordPress-Theme im Stil der Lizzis Creativ Accessories Vorlage.
Version: 1.0.0
Text Domain: lizzis-creativ-accessories
*/


:root{--pink:#ff2f87;--pink-light:#ffe7f1;--black:#0c0c0f;--grey:#777;--border:#e9e9e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#151319;background:#fff}
.top{height:34px;background:#101012;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;font-size:12px}
.top span{margin-right:25px}.top .p{color:#ff5a9d}
.header{height:76px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 3.5%;gap:30px;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:9px;min-width:330px}.brand img{width:58px;height:58px;object-fit:cover}.brand strong{font-size:18px;white-space:nowrap}
.nav{display:flex;justify-content:center;gap:27px;flex:1}.nav a{font-size:14px;font-weight:650;color:#151319;text-decoration:none}.nav a:hover{color:var(--pink)}
.icons{display:flex;align-items:center;gap:20px;font-size:24px}.cart{position:relative}.cartCount{position:absolute;top:-7px;right:-10px;width:18px;height:18px;border-radius:50%;background:var(--pink);color:#fff;font-size:10px;display:grid;place-items:center}
.hero{height:420px;background:#050506;display:grid;grid-template-columns:43% 57%;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,#63274f 0,transparent 37%),linear-gradient(90deg,#000 0,#0007 45%,transparent 100%);pointer-events:none}
.heroText{z-index:2;padding:35px 4% 30px 8%;color:#fff}.heroLogo{width:365px;max-width:92%;filter:drop-shadow(0 0 15px #ff2f8760)}
.heroTitle{font-family:"Brush Script MT","Segoe Script",cursive;font-style:italic;font-weight:500;font-size:49px;line-height:.98;margin:5px 0 12px}.heroTitle span{color:#ff579c}
.heroSub{letter-spacing:3px;font-size:12px;line-height:1.6;color:#eee;margin-bottom:18px}
.cta{border:0;border-radius:25px;padding:13px 30px;background:var(--pink);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}
.heroRight{z-index:1;display:flex;align-items:center;justify-content:center;position:relative}
.mug{width:220px;height:168px;border-radius:15px 15px 42px 42px;background:linear-gradient(135deg,#222,#050505);box-shadow:0 25px 70px #000,0 0 28px #ff2f8740;transform:rotate(-4deg);position:relative}
.mug:before{content:"♞";position:absolute;left:70px;top:25px;font-size:72px;color:var(--pink)}
.mug:after{content:"Lizzi’s Creativ Accessories";position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:9px;color:#fff}
.mugHandle{position:absolute;width:72px;height:80px;border:14px solid #111;border-left:0;border-radius:0 50px 50px 0;right:-60px;top:39px}
.scriptRight{position:absolute;right:4%;top:34%;color:#ff9bc2;font-family:"Brush Script MT",cursive;font-style:italic;font-size:31px;line-height:1.05;transform:rotate(-4deg)}
.heart{position:absolute;color:#ff72ae;font-size:43px}.heart1{left:5%;top:10%}.heart2{right:7%;bottom:10%}
.cats{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:9px 2.2%;background:#fff}
.cat{height:130px;background:#fff1f6;border-radius:8px;text-align:center;font-weight:700;font-size:11px;padding:10px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.catImg{width:82px;height:78px;border-radius:7px;background:linear-gradient(135deg,#fff,#ffe0ed);display:grid;place-items:center;font-size:45px;margin-bottom:7px}
.features{height:75px;background:#ffedf5;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 6%;gap:25px}
.feature{display:flex;gap:12px;align-items:center}.featureIcon{font-size:31px;color:var(--pink)}.feature b{display:block;font-size:14px}.feature small{color:#777;font-size:12px}
.section{padding:45px 4.3%}.heading{text-align:center}.heading small{color:var(--pink);font-size:11px;letter-spacing:4px;font-weight:800}.heading h2{font-family:Georgia,serif;font-size:35px;margin:7px 0 9px}.heading .line{width:45px;height:3px;background:var(--pink);margin:auto}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:25px}.product{min-width:0}.productImage{height:205px;background:#f6f6f6;border-radius:4px;position:relative;display:grid;place-items:center;overflow:hidden}.productImage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fff,#f0f0f0)}.prodIcon{position:relative;font-size:86px;z-index:1;filter:drop-shadow(0 12px 8px #0002)}
.productTag{position:absolute;z-index:2;top:9px;left:9px;background:var(--pink);color:#fff;border-radius:14px;padding:6px 10px;font-size:10px;font-weight:800}.favorite{position:absolute;z-index:2;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:var(--pink);font-size:19px}
.productInfo{text-align:center;padding:8px 4px}.productInfo h3{font-family:Georgia,serif;font-size:17px;margin:0 0 4px}.productInfo .price{font-weight:900;font-size:15px;margin-bottom:8px}.buy{border:0;background:var(--pink);color:#fff;border-radius:4px;width:100%;padding:9px;font-weight:800;cursor:pointer}
.banner{height:155px;margin:0 4.3% 48px;background:linear-gradient(90deg,#f7afc8,#e89ab7 20%,#1b151b 55%,#0a090b);display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:#fff;overflow:hidden}.banner h2{font-family:"Brush Script MT","Segoe Script",cursive;font-style:italic;font-weight:500;font-size:34px;margin:0 0 8px}.banner p{font-size:11px;letter-spacing:2px;color:#ddd}
.about{background:#111;min-height:300px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:55px 8%}.about h2{font-family:Georgia,serif;font-size:37px}.about p{color:#ccc;line-height:1.8}.aboutLogo{width:min(420px,100%);margin:auto;filter:drop-shadow(0 0 18px #ff2f8755)}
footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:32px 6%;gap:30px;border-top:1px solid #eee;background:#fff}footer h4{margin:0 0 12px}footer a{display:block;color:#666;text-decoration:none;font-size:13px;margin:7px 0}.copy{grid-column:1/-1;border-top:1px solid #eee;padding-top:14px;color:#999;font-size:11px}
.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.show{display:flex}.box{background:#fff;border-radius:14px;padding:25px;width:min(480px,100%)}.close{float:right;border:0;border-radius:50%;width:30px;height:30px}
input,textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px;margin-top:8px}textarea{height:100px}
@media(max-width:1000px){.nav{display:none}.cats{grid-template-columns:repeat(5,1fr)}.hero{grid-template-columns:1fr;height:auto;min-height:600px}.heroRight{min-height:230px}.products{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(2,1fr);height:auto;padding:15px}.about{grid-template-columns:1fr}}
@media(max-width:600px){.top{font-size:9px;padding:0 10px}.top div:last-child{display:none}.header{height:65px;padding:0 12px}.brand{min-width:0}.brand img{width:45px;height:45px}.brand strong{font-size:13px}.icons{margin-left:auto}.cats{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.productImage{height:160px}.prodIcon{font-size:65px}.banner{margin:0 15px 35px;height:auto;min-height:180px;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.heroText{padding-left:6%}.heroTitle{font-size:42px}.scriptRight{font-size:24px}.features{grid-template-columns:1fr}footer{grid-template-columns:1fr}}