*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#152d31;background:#f6f7f4;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.top{background:#14383b;color:#fff;padding:12px 6%;font-size:11px;letter-spacing:2px}.top span{float:right;letter-spacing:0}header{padding:28px 6%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e2e8e1}.brand{font-weight:900;font-size:33px;letter-spacing:3px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:26px;font-size:14px}main{max-width:1320px;margin:auto;padding:32px 5% 70px}.hero{background:#e5ebe1;border-radius:22px;display:grid;grid-template-columns:1.2fr 1fr;padding:64px 48px;gap:30px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#426d61}h1{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-2px;margin:20px 0}h2{font-size:30px;letter-spacing:-1px}h3{line-height:1.4}.hero p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:390px;color:#49605c}.button,button{display:inline-block;background:#173c3b;color:#fff;padding:16px 23px;border:0;border-radius:7px;font:inherit;cursor:pointer}.button{margin-top:18px}.visual{display:grid;place-items:center}.ring{width:300px;height:300px;border:1px solid #a4baac;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 35px #dbe5d8,0 0 0 36px #c7d5c5}.panel{height:210px;width:200px;border:8px solid white;border-radius:25px;background:#15373c;box-shadow:16px 25px 40px #193f342f;color:white;text-align:center;transform:rotate(-8deg);padding:16px}.panel span{font-size:12px;letter-spacing:3px}.panel strong{display:block;font-size:67px;color:#c4e390}.panel small{font-size:8px;letter-spacing:2px}.dots{font-size:10px;margin-top:18px;color:#c4e390}.benefits{display:flex;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid #d8e1d7;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:45px 0 22px}.section-title h2{margin-top:10px}.filters{display:flex;gap:12px;margin-bottom:25px;align-items:center}.filters input{flex:1}.filters select{max-width:260px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:20px;background:white;border:1px solid #e1e6df;border-radius:14px}.card:hover{text-decoration:none;border-color:#688d78}.product-visual{background:#edf1e8;height:175px;border-radius:9px;display:grid;place-items:center;font-size:90px;color:#779680;margin-bottom:22px}.card h3{font-size:17px;margin:12px 0}.muted{font-size:12px;color:#687975}.price{font-weight:bold;font-size:22px;margin:20px 0}.price span{display:block;font-size:11px;color:#697a73;font-weight:normal;margin-top:7px}.detail{display:block;border-top:1px solid #e3e9e1;padding-top:17px;font-size:12px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #bbcbbc;border-radius:12px;padding:60px;background:#fff}.pagination{margin-top:25px}.pagination nav{justify-content:space-between}footer{background:#15383a;color:#fff;padding:45px 6%;font-size:13px}footer small{color:#b4c9bd}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #c5d0c7;border-radius:6px;background:#fff;font:inherit;color:inherit}label{display:block;font-size:13px;line-height:1.6;margin:16px 0}label input,label select,label textarea{margin-top:6px}.notice,.errors{padding:18px;border-radius:8px;background:#e6eedf;margin:15px 0;line-height:1.6}.errors{background:#ffe9e3;color:#8a271b}.login{max-width:440px;margin:50px auto}.login h1{font-size:34px}.admin-grid,.columns,.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.box{padding:30px;background:white;border:1px solid #dde5db;border-radius:12px;margin-bottom:25px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:14px;border-bottom:1px solid #e5e9e2}.table-wrap{overflow:auto}.edit{max-width:700px;margin:auto}.product-detail{margin:40px 0;align-items:start}.large{height:400px;font-size:170px}.description{white-space:pre-wrap;line-height:1.8}.product-detail h1{font-size:36px}@media(max-width:760px){.top span{display:none}header{padding:22px 5%;gap:20px}nav{gap:12px;font-size:12px}.brand{font-size:26px}.hero{padding:35px 24px;grid-template-columns:1fr}.visual{padding:35px}.ring{width:220px;height:220px}.benefits{flex-direction:column;gap:12px}.grid,.admin-grid,.product-detail{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input,.filters select{max-width:none;flex:auto}.section-title{gap:15px}.section-title h2{font-size:25px}.box{padding:20px}h1{letter-spacing:-1px}}
.section-title{flex-wrap:wrap;gap:16px}nav{flex-wrap:wrap} @media(max-width:760px){.columns{grid-template-columns:1fr}header{flex-wrap:wrap}}

/* Shared OBİEM brand */
body{color:#191b19;background:#f7f7f3}.top{background:#191b19}.hero{background:#eeeee5;border-radius:0}.eyebrow{color:#686a5d}.hero p:not(.eyebrow){color:#5f6257}.button,button{background:#f4d600;color:#191b19;border-radius:0}.card{border-radius:0}.shop-hero-image{display:flex;align-items:center;background:#fff;padding:18px}.shop-hero-image img{width:100%;height:auto;object-fit:contain}.product-visual img{width:100%;height:100%;object-fit:contain}.notice{background:#f3efce}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b59e00;outline-offset:3px}@media(max-width:760px){.hero{padding:30px 24px}.shop-hero-image{max-width:100%}}
