/* === TESBİH SAYFASI TARZI CSS === */
/* Aynı tesbih sayfasındaki tüm CSS buraya gelecek */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',sans-serif;background:linear-gradient(135deg,#000,#89828f);color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh;}
.logo{position:fixed;top:20px;left:20px;width:160px;cursor:pointer;z-index:50;}
.main-container{display:flex;gap:30px;max-width:1200px;width:100%;margin-top:90px;flex-wrap:wrap;align-items:flex-start;}
.image-container{position:relative;flex:1 1 500px;max-width:500px;width:100%;aspect-ratio:1/1;overflow:hidden;border:2px solid #d4af37;border-radius:15px;box-shadow:0 5px 20px rgba(212,175,55,0.3);}
.slider{display:flex;transition:transform 0.5s ease-in-out;height:100%;}
.slider img{min-width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;user-select:none;-webkit-user-drag:none;cursor:zoom-in;}
.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);border:none;color:#fff;font-size:24px;padding:6px 10px;cursor:pointer;border-radius:5px;z-index:10;}
.prev{left:8px;} .next{right:8px;}
.description-container{flex:1 1 300px;max-width:450px;display:flex;flex-direction:column;gap:15px;}
.description-container h2{font-size:24px;color:#d4af37;}
.description-container p{font-size:15px;line-height:1.6;}
.order-btn{background:#d4af37;color:#000;font-weight:bold;padding:12px;border:none;border-radius:8px;cursor:pointer;transition:0.3s;}
.order-btn:hover{background:#b8962f;}
.form-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);justify-content:center;align-items:center;z-index:100;}
.form-content{background:#fff;color:#000;padding:25px 30px;border-radius:12px;max-width:400px;width:90%;position:relative;}
.form-content h3{text-align:center;margin-bottom:15px;color:#333;}
.form-content input,.form-content textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;}
.form-content textarea{resize:none;overflow-y:auto;height:60px;}
.form-content button{width:48%;padding:10px;border:none;border-radius:8px;font-weight:bold;cursor:pointer;}
.submit-btn{background:#d4af37;color:#000;}
.close-btn{background:#888;color:#fff;}
button:hover{opacity:0.9;}
footer{width:100%;text-align:center;color:#d4af37;font-size:14px;padding:20px 10px;border-top:1px solid rgba(212,175,55,0.3);margin-top:auto;}
@media(max-width:900px){.main-container{flex-direction:column;align-items:center;margin-top:100px;}.description-container{text-align:center;}.slider img{cursor:auto;}}