/*
Theme Name: OKTW Oral Strips Sky
Theme URI: https://oktworalstrips.com/
Author: OKTW
Description: A light sky-blue Full Site Editing theme for oral strips OEM and private label projects.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: oktw-sky
Tags: full-site-editing, block-patterns, custom-colors, custom-logo
*/

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.oktw-shell { padding: 0 24px; }
.oktw-header { position: sticky; top: 0; z-index: 20; padding: 14px 24px; background: rgba(255,255,255,.96); border-bottom: 1px solid #dcecf5; backdrop-filter: blur(12px); }
.oktw-brand-row { max-width: 1180px; margin: 0 auto; }
.oktw-hero { padding: 84px 24px 74px; background: linear-gradient(135deg,#f7fcff 0%,#e6f6ff 100%); }
.oktw-hero-inner { max-width: 1180px; margin: 0 auto; }
.oktw-kicker { color: #167bae; font-size: .78rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.oktw-hero-copy { max-width: 650px; }
.oktw-hero-media img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; box-shadow: 0 24px 60px rgba(32,112,154,.15); }
.oktw-section { padding: 78px 24px; }
.oktw-section-blue { padding: 78px 24px; background: #eef8ff; }
.oktw-section-white { padding: 78px 24px; background: #fff; }
.oktw-section-inner { max-width: 1180px; margin: 0 auto; }
.oktw-section-head { max-width: 720px; margin-bottom: 36px; }
.oktw-card { height: 100%; box-sizing: border-box; padding: 26px; background: #fff; border: 1px solid #dbeef8; border-radius: 8px; box-shadow: 0 10px 28px rgba(44,124,166,.08); }
.oktw-card-accent { border-top: 4px solid #58bce9; }
.oktw-number { color: #1886bc; font-size: 1.9rem; font-weight: 800; line-height: 1; }
.oktw-media img { width: 100%; aspect-ratio: 16/11; object-fit: cover; border-radius: 8px; }
.oktw-cta { padding: 60px 24px; background: #dff3ff; }
.oktw-form { min-height: 220px; padding: 28px; background: #fff; border: 1px dashed #63b8df; border-radius: 8px; }
.oktw-footer { padding: 60px 24px 28px; background: #f3f9fc; border-top: 1px solid #dcecf5; }
.oktw-footer-inner { max-width: 1180px; margin: 0 auto; }
.wp-block-button__link { transition: transform .2s ease, box-shadow .2s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(22,123,174,.2); }
@media (max-width: 781px) {
  .oktw-header { position: relative; }
  .oktw-hero, .oktw-section, .oktw-section-blue, .oktw-section-white { padding-top: 54px; padding-bottom: 54px; }
  .oktw-hero-copy { text-align: center; }
  .oktw-hero-copy .wp-block-buttons { justify-content: center; }
}