/* Shared block styles — used by page.php and admin/page-preview.php */
.block-item{}

/* text */
.block-text{margin-bottom:4px;color:var(--theme-text-color)}
.block-text.is-heading{color:var(--theme-heading-color)}
.block-text.size-sm{font-size:.875rem;opacity:.65}
.block-text.align-center{text-align:center}
.block-text.align-right{text-align:right}

/* link thumb */
.btn-link>.thumb{margin-right:6px}

/* link style-two: outline */
.btn-link.style-two{background:transparent;border:2px solid var(--block-link-background);color:var(--block-link-background)}
.btn-link.style-two .btn-link-title,.btn-link.style-two .btn-link-subtitle{color:var(--block-link-background)}
.btn-link.style-two svg[data-mode=stroke]{stroke:var(--block-link-background)}

/* link style-three: transparent */
.btn-link.style-three{background:transparent;color:var(--theme-text-color)}
.btn-link.style-three .btn-link-title,.btn-link.style-three .btn-link-subtitle{color:var(--theme-text-color)}
.btn-link.style-three svg[data-mode=stroke]{stroke:var(--theme-text-color)}

/* break */
.break-line.style-line{border-top:1px solid rgba(128,128,128,.25)}
.break-line.style-dashed{border-top:1px dashed rgba(128,128,128,.25)}

/* video — wrapper is .block-video */
.block-video{position:relative;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#000}
.block-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* banner — wrapper is .block-banner */
.block-banner{border-radius:12px;overflow:hidden}
.banner-inner{display:block}
.block-banner img{display:block;width:100%;height:auto}

/* map — wrapper is .block-map */
.block-map{border-radius:12px;overflow:hidden}
.block-map iframe{display:block;width:100%;height:320px;border:0}

/* avatar — wrapper is .block-avatar */
.block-avatar{display:flex;justify-content:center}
.block-avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover}

/* collapse / FAQ */
.collapse-item{border-bottom:1px solid rgba(128,128,128,.2)}
.collapse-item summary{padding:14px 0;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text-color)}
.collapse-item summary::after{content:'+';font-size:1.25rem;line-height:1}
.collapse-item[open] summary::after{content:'−'}
.collapse-item p{padding:0 0 14px;color:var(--theme-text-color);opacity:.7}

/* media (icon+text) */
.media-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(128,128,128,.15)}
.media-item:last-child{border:0}
.media-item-thumb{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.media-item-thumb img{width:40px;height:40px;object-fit:contain}
.media-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--theme-text-color)}
.media-item-icon svg{width:28px;height:28px}
.media-item-text{flex:1;min-width:0}
.media-item-text .title{font-weight:600;margin-bottom:4px;color:var(--theme-text-color)}
.media-item-text .text{color:var(--theme-text-color);opacity:.7;font-size:.9rem}

/* pricing */
.pricing-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(128,128,128,.15);color:var(--theme-text-color)}
.pricing-item:last-child{border:0}
.pricing-item .price{font-weight:600}

/* timer — wrapper is .block-timer */
.block-timer{text-align:center;padding:24px;background:rgba(128,128,128,.07);border-radius:12px}
.timer-display{display:flex;justify-content:center;gap:16px}
.timer-unit{text-align:center;color:var(--theme-text-color)}
.timer-unit .num{font-size:2.5rem;font-weight:700;line-height:1}
.timer-unit .label{font-size:.7rem;text-transform:uppercase;opacity:.5}

/* messenger */
.messenger-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;text-decoration:none;color:#fff;font-weight:500;margin-bottom:8px}
.messenger-btn.telegram{background:#229ED9}
.messenger-btn.whatsapp{background:#25D366}
.messenger-btn.viber{background:#7360F2}
.messenger-btn.instagram{background:#E1306C}
.messenger-btn.vk{background:#0077FF}
.messenger-btn.default{background:#555}

/* social networks */
.block-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.social-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;text-decoration:none;color:#fff;font-size:.9rem;font-weight:500}
.social-btn.instagram{background:#E1306C}
.social-btn.vk{background:#0077FF}
.social-btn.telegram{background:#229ED9}
.social-btn.youtube{background:#FF0000}
.social-btn.facebook{background:#1877F2}
.social-btn.twitter{background:#1DA1F2}
.social-btn.tiktok{background:#010101}
.social-btn.default{background:#555}

/* section structure */
.section-main>div{padding:var(--section-padding-top,0px) var(--section-padding-right,0px) var(--section-padding-bottom,0px) var(--section-padding-left,0px)}

@media(min-width:992px){.page-container{max-width:820px}}



/* form */
.block-form{display:flex;flex-direction:column;gap:12px}
.form-field{display:flex;flex-direction:column;gap:5px}
.form-field label{font-size:13px;opacity:.65}
.form-field input{padding:10px 14px;border:1.5px solid rgba(128,128,128,.25);border-radius:var(--theme-link-border-radius,8px);background:rgba(128,128,128,.07);color:inherit;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s}
.form-field input:focus{border-color:var(--theme-link-background)}
.block-form button[type=submit]:disabled{opacity:.6;cursor:default}
.form-success{text-align:center;padding:20px 0;font-size:15px;opacity:.65}

/* pictures slider */
.block-slider{display:block}
.block-slider-inner{overflow:hidden;border-radius:var(--block-radius,8px)}
.slider-pictures .slider-inner{display:flex;transition:transform .45s ease;will-change:transform}
.slider-pictures .slider-slide{min-width:100%;max-width:100%;flex-shrink:0}
.picture-container{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:var(--block-radius,8px)}
.slider-nav{padding:8px 0;text-align:center;font-size:0}
.slider-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--dot-color,var(--block-pictures-nav-color,#333));opacity:.3;cursor:pointer;margin:0 4px;transition:opacity .15s,background-color .15s}
.slider-dot.active{opacity:1}
.block-slider.is-indicator-square .slider-dot{border-radius:2px}
.block-slider.is-indicator-line .slider-dot{width:20px;height:5px;border-radius:3px}