html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}@font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-thai-400.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-latin-400.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-thai-500.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-latin-500.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-thai-600.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-latin-600.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-thai-700.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
} @font-face {
font-family: 'Prompt';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/fonts/prompt-latin-700.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}:root {
--apy-logo-phone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%225.3%22 fill=%22%2334C759%22/%3E%3Cg transform=%22translate%284.6 4.6%29 scale%28.62%29%22 fill=%22%23fff%22%3E%3Cpath d=%22M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1Z%22/%3E%3C/g%3E%3C/svg%3E");
--apy-logo-facebook: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect width=%2224%22 height=%2224%22 rx=%225.3%22 fill=%22%230866FF%22/%3E%3Cpath fill=%22%23fff%22 d=%22M16.1 24v-9.1h3l.46-3.55H16.1V9.07c0-1.03.29-1.72 1.76-1.72h1.88V4.18c-.33-.04-1.44-.14-2.74-.14-2.71 0-4.57 1.66-4.57 4.7v2.62H9.36v3.55h3.07V24Z%22/%3E%3C/svg%3E");
--apy-logo-gmail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3ClinearGradient id=%22apy-gm-v%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23FF6BA6%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23FF4340%22/%3E%3Cstop offset=%22.62%22 stop-color=%22%23FF4340%22/%3E%3Cstop offset=%22.82%22 stop-color=%22%23FF8A1E%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFD60F%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22apy-gm-r%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2355CC6A%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%230DB866%22/%3E%3Cstop offset=%22.65%22 stop-color=%22%2303A9C0%22/%3E%3Cstop offset=%221%22 stop-color=%22%233388FF%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%2224%22 height=%2224%22 rx=%225.3%22 fill=%22%23fff%22/%3E%3Crect x=%223.9%22 y=%227.6%22 width=%223.3%22 height=%2210.4%22 rx=%221%22 fill=%22%23FF4340%22/%3E%3Crect x=%2216.8%22 y=%227.6%22 width=%223.3%22 height=%2210.4%22 rx=%221%22 fill=%22url%28%23apy-gm-r%29%22/%3E%3Cpath d=%22M5.55 7.7 12 13.1l6.45-5.4%22 fill=%22none%22 stroke=%22url%28%23apy-gm-v%29%22 stroke-width=%223.3%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
--apy-logo-line: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22scale%28.025%29%22%3E%3Crect width=%22960%22 height=%22960%22 rx=%22215%22 fill=%22%2306C755%22/%3E%3Cg fill=%22%23fff%22%3E%3Cellipse cx=%22480%22 cy=%22432%22 rx=%22320%22 ry=%22258%22/%3E%3Cpath d=%22M380 668Q460 690 456 732L449 770Q446 792 474 780Q650 700 772 540L600 600Z%22/%3E%3C/g%3E%3Cg fill=%22%2306C755%22%3E%3Crect x=%22265%22 y=%22365%22 width=%2235%22 height=%22152%22 rx=%226%22/%3E%3Crect x=%22265%22 y=%22482%22 width=%22101%22 height=%2235%22 rx=%226%22/%3E%3Crect x=%22386%22 y=%22365%22 width=%2235%22 height=%22152%22 rx=%226%22/%3E%3Cpath d=%22M443 371a6 6 0 0 1 6-6h29l62 88v-82a6 6 0 0 1 6-6h23a6 6 0 0 1 6 6v140a6 6 0 0 1-6 6h-29l-62-87v81a6 6 0 0 1-6 6h-23a6 6 0 0 1-6-6Z%22/%3E%3Crect x=%22598%22 y=%22365%22 width=%2235%22 height=%22152%22 rx=%226%22/%3E%3Crect x=%22598%22 y=%22365%22 width=%22101%22 height=%2234%22 rx=%226%22/%3E%3Crect x=%22598%22 y=%22425%22 width=%22101%22 height=%2233%22 rx=%226%22/%3E%3Crect x=%22598%22 y=%22482%22 width=%22101%22 height=%2235%22 rx=%226%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--apy-logo-line-bubble: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22scale%28.025%29%22%3E%3Cg fill=%22%23fff%22%3E%3Cellipse cx=%22480%22 cy=%22432%22 rx=%22320%22 ry=%22258%22/%3E%3Cpath d=%22M380 668Q460 690 456 732L449 770Q446 792 474 780Q650 700 772 540L600 600Z%22/%3E%3C/g%3E%3Cg fill=%22%2306C755%22%3E%3Crect x=%22265%22 y=%22365%22 width=%2235%22 height=%22152%22 rx=%226%22/%3E%3Crect x=%22265%22 y=%22482%22 width=%22101%22 height=%2235%22 rx=%226%22/%3E%3Crect x=%22386%22 y=%22365%22 width=%2235%22 height=%22152%22 rx=%226%22/%3E%3Cpath d=%22M443 371a6 6 0 0 1 6-6h29l62 88v-82a6 6 0 0 1 6-6h23a6 6 0 0 1 6 6v140a6 6 0 0 1-6 6h-29l-62-87v81a6 6 0 0 1-6 6h-23a6 6 0 0 1-6-6Z%22/%3E%3Crect x=%22598%22 y=%22365%22 width=%2235%22 height=%22152%22 rx=%226%22/%3E%3Crect x=%22598%22 y=%22365%22 width=%22101%22 height=%2234%22 rx=%226%22/%3E%3Crect x=%22598%22 y=%22425%22 width=%22101%22 height=%2233%22 rx=%226%22/%3E%3Crect x=%22598%22 y=%22482%22 width=%22101%22 height=%2235%22 rx=%226%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--apy-i-phone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E");
--apy-i-chat: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7.9 20A9 9 0 1 0 4 16.1L2 22Z%22/%3E%3C/svg%3E");
--apy-i-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E");
--apy-i-facebook: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z%22/%3E%3C/svg%3E");
--apy-i-star: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22black%22%3E%3Cpath d=%22M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z%22/%3E%3C/svg%3E");
--apy-i-mail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22/%3E%3C/svg%3E");
--apy-i-alert: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3%22/%3E%3Cpath d=%22M12 9v4%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E");
--apy-navy: #133D5D;
--apy-navy-700: #0D2A41;
--apy-navy-100: #E8F1F7;
--apy-mint: #4ECDC4;
--apy-mint-600: #3BBDB4;
--apy-mint-ink: #247F79; --apy-mint-50: #E6F7F5;
--apy-gray: #F5F5F5;
--apy-text: #1A1D23;
--apy-muted: #5B6472;
--apy-border: #E4E8EC;
--apy-danger: #C81E4A;
--apy-line: #06C755;
--apy-line-700: #05A847;
--apy-font: 'Prompt', 'Noto Sans Thai', 'Sukhumvit Set', 'Leelawadee UI', 'Thonburi', system-ui, -apple-system, 'Segoe UI', sans-serif;
--apy-radius: 12px;
--apy-radius-lg: 18px;
--apy-shadow: 0 1px 2px rgba(19, 61, 93, .06), 0 6px 18px rgba(19, 61, 93, .08);
--apy-shadow-lg: 0 14px 36px rgba(19, 61, 93, .16);
--apy-wrap: 1180px;
--apy-gutter: 20px;
--apy-ease: cubic-bezier(.16, 1, .3, 1);
--apy-ease-out: cubic-bezier(.22, 1, .36, 1);
--apy-dur: 1.5s;
--apy-adminbar: var(--wp-admin--admin-bar--height, 0px);
} html:has(body.apy) { scroll-behavior: smooth; }
body.apy .apy-main [id] { scroll-margin-top: 96px; }
body.apy {
margin: 0;
font-family: var(--apy-font);
font-size: 17px;
line-height: 1.8;
color: var(--apy-text);
background: #fff;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
body.apy *, body.apy *::before, body.apy *::after { box-sizing: border-box; }
body.apy h1, body.apy h2, body.apy h3, body.apy h4 {
font-family: var(--apy-font);
color: var(--apy-navy);
font-weight: 700;
line-height: 1.3;
margin: 0 0 .5em;
}
body.apy h1 { font-size: clamp(32px, 4.8vw, 54px); line-height: 1.2; }
body.apy h2 { font-size: clamp(26px, 3.2vw, 38px); }
body.apy h3 { font-size: clamp(19px, 2vw, 23px); font-weight: 600; }
body.apy p { margin: 0 0 1em; }
body.apy a { color: var(--apy-mint-ink); text-underline-offset: 3px; }
body.apy a:hover { color: var(--apy-navy); }
body.apy img { max-width: 100%; height: auto; }
body.apy :focus-visible { outline: 3px solid var(--apy-mint); outline-offset: 3px; }
.screen-reader-text {
position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
body.apy .apy-skip { position: absolute; left: -9999px; top: 0; z-index: 10001; background: var(--apy-navy); color: #fff; padding: 12px 18px; border-radius: 0 0 8px 0; }
body.apy .apy-skip:focus { left: 0; }
.apy-wrap { width: 100%; max-width: var(--apy-wrap); margin-inline: auto; padding-inline: var(--apy-gutter); } body.apy .apy-btn,
body.apy [class*="apy-btn-"] .wp-block-button__link {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
min-height: 48px; padding: 12px 24px;
border: 2px solid transparent; border-radius: 10px;
font-family: var(--apy-font); font-size: 16px; font-weight: 600; line-height: 1.2;
text-decoration: none; cursor: pointer;
transition: transform .45s var(--apy-ease-out), background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .45s var(--apy-ease-out);
}
body.apy .apy-btn:hover,
body.apy [class*="apy-btn-"] .wp-block-button__link:hover { transform: translateY(-2px); }
body.apy .apy-btn--line,
body.apy .apy-btn-line .wp-block-button__link { background: var(--apy-line); color: #fff; font-weight: 700; box-shadow: 0 6px 18px rgba(6, 199, 85, .3); }
body.apy .apy-btn--line:hover,
body.apy .apy-btn-line .wp-block-button__link:hover { background: var(--apy-line-700); color: #fff; }
body.apy .apy-btn--navy,
body.apy .apy-btn-navy .wp-block-button__link { background: var(--apy-navy); color: #fff; }
body.apy .apy-btn--navy:hover,
body.apy .apy-btn-navy .wp-block-button__link:hover { background: var(--apy-navy-700); color: #fff; }
body.apy .apy-btn-mint .wp-block-button__link { background: var(--apy-mint); color: var(--apy-navy); }
body.apy .apy-btn-mint .wp-block-button__link:hover { background: var(--apy-mint-600); color: var(--apy-navy); }
body.apy .apy-btn--ghost,
body.apy .apy-btn-outline .wp-block-button__link { background: transparent; color: var(--apy-navy); border-color: var(--apy-navy); }
body.apy .apy-btn--ghost:hover,
body.apy .apy-btn-outline .wp-block-button__link:hover { background: var(--apy-navy); color: #fff; }
body.apy .apy-btn-outline-light .wp-block-button__link { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .85); }
body.apy .apy-btn-outline-light .wp-block-button__link:hover { background: #fff; color: var(--apy-navy); } .apy-masthead { position: sticky; top: var(--apy-adminbar); z-index: 1000; background: #fff; box-shadow: 0 1px 0 var(--apy-border); transition: background-color .5s ease, box-shadow .5s ease; }
.apy-topbar { background: var(--apy-navy); color: #fff; font-size: 14px; }
.apy-topbar__inner { display: flex; justify-content: flex-end; align-items: center; gap: 24px; min-height: 36px; }
body.apy .apy-topbar a { color: #fff; text-decoration: none; }
.apy-header__inner { display: flex; align-items: center; gap: 24px; min-height: 78px; }
.apy-brand { margin-right: auto; }
body.apy .apy-brand__text { display: flex; flex-direction: column; line-height: 1.25; text-decoration: none; }
.apy-brand__name { font-size: 20px; font-weight: 700; color: var(--apy-navy); }
.apy-brand__sub { font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--apy-mint-ink); }
.apy-brand .custom-logo { display: block; max-height: 56px; width: auto; }
.apy-nav { display: flex; align-items: center; gap: 24px; }
.apy-nav__list { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.apy-nav__list > li { position: relative; }
body.apy .apy-nav__list a { display: block; padding: 10px 14px; border-radius: 8px; color: var(--apy-navy); font-weight: 500; text-decoration: none; }
body.apy .apy-nav__list a:hover,
body.apy .apy-nav__list .current-menu-item > a,
body.apy .apy-nav__list .current-menu-ancestor > a { color: var(--apy-mint-ink); background: var(--apy-mint-50); }
.apy-nav__list .menu-item-has-children > a::after { content: ""; display: inline-block; margin-left: 8px; border: 5px solid transparent; border-top-color: currentColor; transform: translateY(3px); }
.apy-nav__list .sub-menu { position: absolute; top: 100%; left: 0; min-width: 250px; list-style: none; margin: 0; padding: 8px; background: #fff; border-radius: var(--apy-radius); box-shadow: var(--apy-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .35s ease, transform .45s var(--apy-ease-out), visibility .35s; }
.apy-nav__list li:hover > .sub-menu,
.apy-nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
body.apy .apy-nav__list .sub-menu a { color: var(--apy-navy) !important; }
.apy-nav__cta { display: flex; gap: 10px; }
body.apy .apy-nav__cta .apy-btn { min-height: 44px; padding: 8px 18px; font-size: 15px; }
body.apy .apy-burger, body.apy .apy-sub-toggle { display: none; }
body.apy .apy-burger:hover, body.apy .apy-burger:focus, body.apy .apy-sub-toggle:hover, body.apy .apy-sub-toggle:focus { background: transparent; color: inherit; } body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-masthead { position: fixed; left: 0; right: 0; background: transparent; box-shadow: none; }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-topbar { background: rgba(13, 42, 65, .35); }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-brand__name,
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-nav__list > li > a { color: #fff; }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-brand__sub { color: var(--apy-mint); }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-nav__list > li > a:hover { background: rgba(255, 255, 255, .14); color: #fff; }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-nav__list > .current-menu-item > a,
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-nav__list > .current-menu-ancestor > a { background: rgba(255, 255, 255, .16); color: #fff; box-shadow: inset 0 -2px 0 var(--apy-mint); }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-btn--ghost { color: #fff; border-color: rgba(255, 255, 255, .8); }
body.apy:has(.apy-main > .apy-hero--photo:first-child) .apy-burger__bar { background: #fff; }
body.apy.apy-scrolled .apy-masthead,
body.apy.apy-nav-open .apy-masthead { background: #fff !important; box-shadow: var(--apy-shadow) !important; }
body.apy.apy-scrolled .apy-topbar { display: none; }
body.apy.apy-scrolled .apy-brand__name,
body.apy.apy-scrolled .apy-nav__list > li > a,
body.apy.apy-nav-open .apy-brand__name { color: var(--apy-navy) !important; }
body.apy.apy-scrolled .apy-nav__list > .current-menu-item > a,
body.apy.apy-scrolled .apy-nav__list > .current-menu-ancestor > a { background: var(--apy-mint-50) !important; color: var(--apy-mint-ink) !important; box-shadow: none; }
body.apy.apy-scrolled .apy-brand__sub,
body.apy.apy-nav-open .apy-brand__sub { color: var(--apy-mint-ink) !important; }
body.apy.apy-scrolled .apy-btn--ghost { color: var(--apy-navy) !important; border-color: var(--apy-navy) !important; }
body.apy.apy-scrolled .apy-burger__bar,
body.apy.apy-nav-open .apy-burger__bar { background: var(--apy-navy) !important; } @media (max-width: 960px) {
.apy-topbar { display: none; }
.apy-header__inner { min-height: 66px; }
.apy-brand__name { font-size: 17px; }
body.apy .apy-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 46px; height: 46px; padding: 11px; border: 0; background: transparent; cursor: pointer; }
.apy-burger__bar { display: block; width: 24px; height: 2px; border-radius: 2px; background: var(--apy-navy); transition: transform .2s, opacity .2s; }
body.apy-nav-open .apy-burger__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.apy-nav-open .apy-burger__bar:nth-child(2) { opacity: 0; }
body.apy-nav-open .apy-burger__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.apy-nav { position: fixed; top: calc(66px + var(--apy-adminbar)); left: 0; right: 0; bottom: 0; flex-direction: column; align-items: stretch; gap: 20px; padding: 16px 20px 32px; background: #fff; overflow-y: auto; transform: translateX(100%); visibility: hidden; transition: transform .25s var(--apy-ease), visibility .25s; }
body.apy-nav-open .apy-nav { transform: none; visibility: visible; }
body.apy-nav-open { overflow: hidden; }
.apy-nav__list { flex-direction: column; gap: 0; }
.apy-nav__list > li { border-bottom: 1px solid var(--apy-border); }
body.apy .apy-nav__list > li > a { color: var(--apy-navy) !important; font-size: 18px; padding: 14px 52px 14px 6px; background: none !important; }
body.apy .apy-nav__list > li > a { box-shadow: none !important; }
body.apy .apy-nav__list > .current-menu-item > a, body.apy .apy-nav__list > .current-menu-ancestor > a { color: var(--apy-mint-ink) !important; }
.apy-nav__list .menu-item-has-children > a::after { display: none; }
.apy-nav__list .sub-menu { position: static; display: none; min-width: 0; padding: 0 0 10px 12px; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
.apy-nav__list li.is-open > .sub-menu { display: block; }
body.apy .apy-sub-toggle { display: block; position: absolute; top: 4px; right: 0; width: 48px; height: 48px; border: 0; background: transparent; cursor: pointer; }
.apy-sub-toggle::before { content: ""; position: absolute; left: 50%; top: 50%; border: 6px solid transparent; border-top-color: var(--apy-navy); transform: translate(-50%, -25%); transition: transform .2s; }
.is-open > .apy-sub-toggle::before { transform: translate(-50%, -75%) rotate(180deg); }
.apy-nav__cta { flex-direction: column; }
body.apy .apy-nav__cta .apy-btn { min-height: 52px; font-size: 16px; }
body.apy.apy-nav-open .apy-nav__cta .apy-btn--ghost { color: var(--apy-navy) !important; border-color: var(--apy-navy) !important; }
} .apy-hero { position: relative; isolation: isolate; color: #fff; background-color: var(--apy-navy); background-size: cover; background-position: center; }
.apy-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(13, 42, 65, .82) 0%, rgba(19, 61, 93, .62) 50%, rgba(13, 42, 65, .88) 100%); }
.apy-hero--photo { display: flex; align-items: center; min-height: min(78vh, 700px); padding: calc(150px + var(--apy-adminbar)) 0 88px; }
.apy-hero--contact { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-reception-citylink.jpg); background-position: center 35%; }
.apy-hero .apy-wrap { text-align: center; }
body.apy .apy-hero h1 { color: #fff; margin-bottom: .3em; text-shadow: 0 2px 20px rgba(0, 0, 0, .25); }
body.apy .apy-hero .apy-eyebrow { color: var(--apy-mint); }
.apy-hero__lead { max-width: 720px; margin-inline: auto !important; font-size: clamp(17px, 2vw, 21px); color: rgba(255, 255, 255, .92); }
body.apy .apy-hero .apy-actions { justify-content: center; gap: 12px; margin: 28px 0 22px; }
.apy-hero__trust { display: inline-block; margin: 0 !important; padding: 8px 18px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; background: rgba(255, 255, 255, .1); font-size: 15px; color: rgba(255, 255, 255, .92); }
@media (max-width: 767px) {
.apy-hero--photo { min-height: 0; padding: calc(118px + var(--apy-adminbar)) 0 56px; }
body.apy .apy-hero .apy-actions { flex-direction: column; align-items: stretch; }
body.apy .apy-hero .apy-actions .wp-block-button__link { width: 100%; }
.apy-hero__trust { border-radius: 14px; font-size: 14px; }
} .apy-section { padding: 88px 0; }
.apy-section--gray { background: var(--apy-gray); }
.apy-section__head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
body.apy .apy-eyebrow { margin: 0 0 10px; font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--apy-mint-ink); line-height: 1.4; }
body.apy .apy-h2 { margin-bottom: 0; }
body.apy .apy-h2::after { content: ""; display: block; width: 64px; height: 4px; margin: 16px auto 0; border-radius: 2px; background: var(--apy-mint); }
.apy-section__lead { margin: 18px 0 0 !important; color: var(--apy-muted); }
@media (max-width: 767px) { .apy-section { padding: 60px 0; } .apy-section__head { margin-bottom: 32px; } } .apy-grid { display: grid; gap: 24px; }
.apy-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.apy-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1024px) { .apy-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .apy-grid--2, .apy-grid--4 { grid-template-columns: 1fr; } }
.apy-card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--apy-border); border-radius: var(--apy-radius-lg); box-shadow: var(--apy-shadow); transition: transform .7s var(--apy-ease-out), box-shadow .7s var(--apy-ease-out), border-color .5s ease; }
.apy-card:hover { transform: translateY(-4px); box-shadow: var(--apy-shadow-lg); }
body.apy .apy-card h3 { margin: 0 0 6px; }
.apy-card--contact { align-items: center; padding: 30px 22px 24px; text-align: center; }
body.apy .apy-card__icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: var(--apy-mint-50); color: var(--apy-mint-ink); line-height: 1; }
body.apy .apy-card__text { overflow-wrap: anywhere; margin-bottom: 18px; font-size: 15.5px; line-height: 1.65; color: var(--apy-muted); }
body.apy .apy-card .wp-block-buttons { margin-top: auto; justify-content: center; width: 100%; }
body.apy .apy-card--contact .wp-block-button,
body.apy .apy-card--contact .wp-block-button__link { width: 100%; }
@media (max-width: 767px) {
.apy-grid--4 { gap: 14px; }
body.apy .apy-card--contact { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 16px; align-items: center; padding: 18px; text-align: left; }
body.apy .apy-card--contact .apy-card__icon { grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0; font-size: 24px; }
body.apy .apy-card--contact h3 { margin: 0; align-self: end; }
body.apy .apy-card--contact .apy-card__text { margin: 0; align-self: start; }
body.apy .apy-card--contact .wp-block-buttons { grid-column: 1 / -1; margin-top: 14px; }
}
body.apy .apy-card__media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; }
body.apy .apy-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.apy-card__body { display: flex; flex-direction: column; flex: 1; padding: 26px 26px 28px; }
body.apy .apy-badge { align-self: flex-start; margin: 0 0 12px; padding: 4px 12px; border-radius: 999px; background: var(--apy-mint-50); color: var(--apy-mint-ink); font-size: 13.5px; font-weight: 600; line-height: 1.5; }
body.apy .apy-landmark { margin: 0 0 14px; color: var(--apy-mint-ink); font-weight: 500; }
body.apy .apy-info-row { margin: 0 0 6px; font-size: 15.5px; line-height: 1.65; }
body.apy .apy-license { margin: 10px 0 16px; font-size: 13.5px; color: var(--apy-muted); }
body.apy .apy-card--branch .wp-block-buttons { justify-content: flex-start; gap: 10px; } body.apy .apy-grid > *, body.apy .apy-card > .apy-card__body { margin: 0; }
body.apy [class*="apy-"] > .wp-block-group__inner-container { display: contents; } body.apy .apy-map { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; margin: 6px 0 18px; overflow: hidden; border-radius: var(--apy-radius); background: linear-gradient(135deg, var(--apy-navy-100), var(--apy-mint-50)); }
.apy-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.apy .apy-map__btn { min-height: 46px; padding: 10px 20px; border: 2px solid var(--apy-navy); border-radius: 10px; background: #fff; color: var(--apy-navy); font: 600 15px var(--apy-font); cursor: pointer; }
body.apy .apy-map__btn:hover { background: var(--apy-navy); color: #fff; } .apy-faq-list { max-width: 860px; margin: 0 auto; }
body.apy .apy-faq { margin: 0 0 12px; padding: 0; overflow: hidden; background: #fff; border: 1px solid var(--apy-border); border-radius: var(--apy-radius); }
body.apy .apy-faq summary { position: relative; padding: 18px 58px 18px 22px; font-weight: 600; color: var(--apy-navy); line-height: 1.55; cursor: pointer; list-style: none; }
body.apy .apy-faq summary::-webkit-details-marker { display: none; }
body.apy .apy-faq summary::after { content: "+"; position: absolute; right: 22px; top: 50%; font-size: 26px; font-weight: 400; line-height: 1; color: var(--apy-mint-ink); transform: translateY(-50%); transition: transform .2s; }
body.apy .apy-faq[open] summary { background: var(--apy-mint-50); }
body.apy .apy-faq[open] summary::after { transform: translateY(-50%) rotate(45deg); }
body.apy .apy-faq > p { margin: 0; padding: 0 22px 18px; color: #333; }
body.apy .apy-faq > summary + p { padding-top: 16px; } .apy-cta { position: relative; overflow: hidden; padding: 88px 0; background: linear-gradient(135deg, var(--apy-navy) 0%, var(--apy-navy-700) 100%); color: #fff; text-align: center; }
.apy-cta::after { content: ""; position: absolute; right: -120px; top: -120px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(78, 205, 196, .28), rgba(78, 205, 196, 0) 70%); pointer-events: none; }
body.apy .apy-cta h2 { color: #fff; }
body.apy .apy-cta .apy-eyebrow { color: var(--apy-mint); }
body.apy .apy-cta p { max-width: 640px; margin-inline: auto; color: rgba(255, 255, 255, .88); }
body.apy .apy-cta .wp-block-buttons { justify-content: center; gap: 12px; margin-top: 26px; }
@media (max-width: 767px) { .apy-cta { padding: 60px 0; } body.apy .apy-cta .wp-block-buttons { flex-direction: column; align-items: stretch; } body.apy .apy-cta .wp-block-button__link { width: 100%; } }  .apy-hero--home { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/home-hero-team.jpg); background-position: center 60%; min-height: min(92vh, 820px); padding-bottom: 150px; }
.apy-hero--home::before { background: linear-gradient(90deg, rgba(13, 42, 65, .94) 0%, rgba(19, 61, 93, .82) 45%, rgba(19, 61, 93, .38) 100%); }
body.apy .apy-hero--home .apy-wrap { text-align: left; }
body.apy .apy-hero--home h1 { max-width: 980px; font-size: clamp(30px, 3.9vw, 50px); text-wrap: balance; }
body.apy .apy-hero--home .apy-hero__lead { max-width: 640px; margin-inline: 0 !important; }
body.apy .apy-hero--home .apy-actions { justify-content: flex-start; }
@media (max-width: 767px) {
.apy-hero--home { padding-bottom: 88px; }
body.apy .apy-hero--home h1 { font-size: clamp(23px, 6.4vw, 28px); line-height: 1.3; }
.apy-hero--home::before { background: linear-gradient(180deg, rgba(13, 42, 65, .88) 0%, rgba(19, 61, 93, .78) 60%, rgba(13, 42, 65, .92) 100%); }
} .apy-stats-band { position: relative; z-index: 2; margin-top: -84px; }
body.apy .apy-stats { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); overflow: hidden; background: #fff; border-radius: var(--apy-radius-lg); box-shadow: var(--apy-shadow-lg); }
body.apy .apy-stats > * { margin: 0; }
body.apy .apy-stat { position: relative; padding: 26px 18px; text-align: center; border-right: 1px solid var(--apy-border); transition: background-color .2s; }
body.apy .apy-stat:has(a):hover { background: var(--apy-mint-50); }
body.apy .apy-stat__num a { color: inherit; text-decoration: none; }
body.apy .apy-stat__num a::after { content: ""; position: absolute; inset: 0; }
body.apy .apy-stat__more { margin: 8px 0 0; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--apy-mint-ink); }
body.apy .apy-stat:last-child { border-right: 0; }
body.apy .apy-stat__num { margin: 0; font-size: clamp(28px, 3vw, 38px); font-weight: 700; line-height: 1.2; color: var(--apy-navy); }
body.apy .apy-stat__label { margin: 4px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--apy-muted); }
@media (max-width: 767px) {
.apy-stats-band { margin-top: -52px; }
body.apy .apy-stats { grid-auto-flow: row; grid-template-columns: 1fr; }
body.apy .apy-stat { padding: 16px 14px; border-right: 0; }
body.apy .apy-stat + .apy-stat { border-top: 1px solid var(--apy-border); }
body.apy .apy-stat__num { font-size: 24px; }
body.apy .apy-stat__label { font-size: 13.5px; }
body.apy .apy-stat__more { font-size: 13px; }
} .apy-grid--symptoms { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body.apy .apy-symptom { position: relative; padding: 22px 20px 20px; background: #fff; border: 1px solid var(--apy-border); border-radius: var(--apy-radius); transition: transform .2s var(--apy-ease), box-shadow .2s, border-color .2s; }
body.apy .apy-symptom:hover { transform: translateY(-3px); border-color: var(--apy-mint); box-shadow: var(--apy-shadow); }
body.apy .apy-symptom > * { margin: 0; }
body.apy .apy-symptom__icon { font-size: 30px; line-height: 1.2; }
body.apy .apy-symptom h3 { margin: 10px 0 4px; font-size: 18px; }
body.apy .apy-symptom h3 a { color: var(--apy-navy); text-decoration: none; }
body.apy .apy-symptom h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
body.apy .apy-symptom:hover h3 a { color: var(--apy-mint-ink); }
body.apy .apy-symptom__text { font-size: 14.5px; line-height: 1.6; color: var(--apy-muted); }
@media (max-width: 1024px) { .apy-grid--symptoms { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
.apy-grid--symptoms { gap: 12px; }
body.apy .apy-symptom { padding: 16px 14px; }
body.apy .apy-symptom__icon { font-size: 26px; }
body.apy .apy-symptom h3 { font-size: 16px; }
body.apy .apy-symptom__text { font-size: 13.5px; }
} .apy-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
body.apy .apy-split > * { margin: 0; }
body.apy .apy-split__media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--apy-radius-lg); box-shadow: var(--apy-shadow-lg); }
body.apy .apy-split__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.apy .apy-split .apy-h2::after { margin-left: 0; }
body.apy .apy-split__body > p:not(.apy-eyebrow) { color: #333; }
body.apy .apy-split .wp-block-buttons { gap: 10px; margin-top: 26px; }
@media (max-width: 900px) { .apy-split { grid-template-columns: 1fr; gap: 32px; } } body.apy .apy-card--feature { padding: 30px 24px 26px; }
body.apy .apy-card--feature .apy-card__icon { margin: 0 0 16px; }
body.apy .apy-card--feature p:not(.apy-card__icon) { margin: 0; font-size: 15.5px; line-height: 1.7; color: var(--apy-muted); }
body.apy .apy-card--feature p.apy-note { margin-top: 12px; font-size: 14px; }
@media (max-width: 767px) {
body.apy .apy-card--feature { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 16px; padding: 20px 18px; }
body.apy .apy-card--feature .apy-card__icon { grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0; font-size: 24px; }
body.apy .apy-card--feature h3 { margin: 0 0 4px; }
body.apy .apy-card--feature > *:not(.apy-card__icon) { grid-column: 2; }
} .apy-reviews { position: relative; }
body.apy .apy-reviews__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); gap: 24px; margin: 0 -6px; padding: 6px 6px 22px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
body.apy .apy-reviews__track::-webkit-scrollbar { display: none; }
body.apy .apy-reviews__track > * { margin: 0; }
body.apy .apy-review { position: relative; display: flex; flex-direction: column; padding: 28px 26px 24px; scroll-snap-align: start; background: #fff; border: 1px solid var(--apy-border); border-radius: var(--apy-radius-lg); box-shadow: var(--apy-shadow); }
body.apy .apy-review::before { content: "\201C"; position: absolute; top: 10px; right: 22px; font: 700 76px/1 Georgia, 'Times New Roman', serif; color: var(--apy-mint-50); pointer-events: none; }
body.apy .apy-review > * { margin: 0; }
body.apy .apy-review__stars { font-size: 18px; line-height: 1.4; letter-spacing: 2px; color: #F5A524; }
body.apy .apy-review__text { flex: 1; display: -webkit-box; margin: 12px 0 20px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7; font-size: 16px; line-height: 1.75; color: #333; }
body.apy .apy-review__author { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--apy-border); }
body.apy .apy-review__avatar { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--apy-mint-50); }
body.apy .apy-review__avatar--initial { display: grid; place-items: center; font-size: 18px; font-weight: 700; color: var(--apy-mint-ink); text-transform: uppercase; }
body.apy .apy-review__who { display: flex; flex-direction: column; min-width: 0; line-height: 1.45; }
body.apy .apy-review__name { overflow: hidden; font-size: 15.5px; font-weight: 600; color: var(--apy-navy); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
body.apy a.apy-review__name:hover { color: var(--apy-mint-ink); }
body.apy .apy-review__meta { font-size: 13px; color: var(--apy-muted); }
body.apy .apy-review__source { align-self: flex-start; margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--apy-mint-ink); text-decoration: none; }
body.apy .apy-admin-note { max-width: 760px; margin: 0 auto; padding: 14px 18px; background: #fff; border: 2px dashed var(--apy-mint); border-radius: 12px; font-size: 15px; text-align: center; }
.apy-reviews__nav { display: flex; justify-content: center; gap: 12px; margin-top: 6px; }
body.apy .apy-reviews__btn { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 2px solid var(--apy-navy); border-radius: 50%; background: #fff; color: var(--apy-navy); font-size: 20px; line-height: 1; cursor: pointer; transition: background-color .15s, color .15s, opacity .15s; }
body.apy .apy-reviews__btn:hover:not(:disabled),
body.apy .apy-reviews__btn:focus-visible { background: var(--apy-navy); color: #fff; }
body.apy .apy-reviews__btn:disabled,
body.apy .apy-reviews__btn[disabled] { opacity: 1; border-color: #C9D2DA; background: transparent; color: #A7B1BC; cursor: default; }
@media (max-width: 1024px) { body.apy .apy-reviews__track { grid-auto-columns: calc((100% - 24px) / 2); } }
@media (max-width: 767px) { body.apy .apy-reviews__track { grid-auto-columns: 86%; gap: 14px; } body.apy .apy-review { padding: 24px 20px 20px; } } .apy-hero--services { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-services-room.jpg); background-position: center 55%; } body.apy .apy-btn-fb .wp-block-button__link { background: #1877F2; color: #fff; }
body.apy .apy-btn-fb .wp-block-button__link:hover { background: #0F5FD1; color: #fff; }
body.apy .apy-split--fb .wp-block-buttons { gap: 10px; }
body.apy .apy-map--fb { width: 100%; max-width: 500px; height: 640px; aspect-ratio: auto; margin: 0 0 0 auto; background: #fff; border: 1px solid var(--apy-border); box-shadow: var(--apy-shadow); }
.apy-fb-facade { padding: 28px; text-align: center; }
body.apy .apy-fb-facade p { margin: 0 0 6px; }
body.apy .apy-fb-facade__icon { font-size: 44px; line-height: 1.2; }
body.apy .apy-fb-facade__title { font-size: 18px; font-weight: 700; color: var(--apy-navy); }
body.apy .apy-fb-facade__note { margin-bottom: 18px !important; font-size: 14.5px; color: var(--apy-muted); }
@media (max-width: 900px) { body.apy .apy-map--fb { height: 560px; margin: 0 auto; } }
@media (max-width: 767px) { body.apy .apy-split .wp-block-buttons { flex-direction: column; align-items: stretch; } body.apy .apy-split .wp-block-button__link { width: 100%; } } @media (min-width: 901px) { body.apy .apy-split--reverse > .apy-split__media { order: 2; } }
body.apy .apy-split__media--team { aspect-ratio: 3 / 2; }
.apy-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }
body.apy .apy-gallery > * { margin: 0; }
body.apy .apy-gallery__item { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--apy-radius); }
body.apy .apy-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--apy-ease-out); }
body.apy .apy-gallery__item:hover img { transform: scale(1.04); }
body.apy .apy-gallery__item figcaption { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 24px 14px 10px; background: linear-gradient(180deg, rgba(13, 42, 65, 0), rgba(13, 42, 65, .85)); color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: left; }
@media (max-width: 767px) {
.apy-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
body.apy .apy-gallery__item figcaption { padding: 18px 10px 8px; font-size: 12.5px; }
} body.apy .apy-card--service .apy-card__media--wide img,
body.apy .apy-card--tech .apy-card__media--wide img { object-position: center; } .apy-chipnav-band { padding: 20px 0; background: #fff; border-bottom: 1px solid var(--apy-border); }
body.apy .apy-chipnav { justify-content: center; gap: 8px; }
body.apy .apy-chip .wp-block-button__link { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border: 1px solid var(--apy-border); border-radius: 999px; background: #fff; color: var(--apy-navy); font-family: var(--apy-font); font-size: 14.5px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background-color .15s, border-color .15s, color .15s; }
body.apy .apy-chip .wp-block-button__link:hover { border-color: var(--apy-mint); background: var(--apy-mint-50); color: var(--apy-mint-ink); }
@media (max-width: 767px) {
body.apy .apy-chipnav { flex-wrap: nowrap; justify-content: flex-start; margin-inline: calc(var(--apy-gutter) * -1); padding: 0 var(--apy-gutter) 4px; overflow-x: auto; scrollbar-width: none; }
body.apy .apy-chipnav::-webkit-scrollbar { display: none; }
body.apy .apy-chip { flex: 0 0 auto; }
}
body.apy .apy-card--program:hover { transform: none; }
body.apy .apy-card--program .apy-card__body { padding: 26px 28px 28px; }
body.apy .apy-card--program .apy-card__media--wide img { object-position: center; }
body.apy .apy-card__media--top img { object-position: center top !important; }
body.apy .apy-card--program h3 { font-size: clamp(20px, 2vw, 24px); }
body.apy .apy-card--program .apy-checklist { margin-bottom: 4px; }
body.apy .apy-note { margin: 14px 0 0; font-size: 14.5px; line-height: 1.65; color: var(--apy-muted); }
@media (max-width: 767px) { body.apy .apy-card--program .apy-card__body { padding: 22px 18px 24px; } }
body.apy .apy-price-table { margin: 16px 0 0; overflow-x: auto; }
body.apy .apy-price-table table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--apy-border); border-radius: var(--apy-radius); font-size: 15px; line-height: 1.5; }
body.apy .apy-price-table thead { border: 0; }
body.apy .apy-price-table th { padding: 10px 14px; border: 0; background: var(--apy-navy); color: #fff; font-weight: 600; text-align: left; white-space: nowrap; }
body.apy .apy-price-table td { padding: 10px 14px; border: 0; border-top: 1px solid var(--apy-border); background: #fff; white-space: nowrap; }
body.apy .apy-price-table tbody tr:nth-child(even) td { background: #FAFBFC; }
body.apy .apy-price-table td:nth-child(2) { font-weight: 700; color: var(--apy-navy); }
body.apy .apy-price-table td:nth-child(3) { color: var(--apy-muted); text-decoration: line-through; }
body.apy .apy-price-table td:nth-child(4) { font-weight: 600; color: var(--apy-mint-ink); }
body.apy .apy-price-table figcaption { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: var(--apy-navy); text-align: left; caption-side: top; }
body.apy .apy-price-table:has(figcaption) { display: flex; flex-direction: column-reverse; }
@media (max-width: 767px) { body.apy .apy-price-table table { font-size: 13px; } body.apy .apy-price-table th, body.apy .apy-price-table td { padding: 8px 7px; } body.apy .apy-price-table th { white-space: normal; line-height: 1.3; } }
.apy-split--top { align-items: start; }
body.apy .apy-split__media--tall { aspect-ratio: 4 / 5; }
@media (max-width: 900px) { body.apy .apy-split__media--tall { aspect-ratio: 4 / 3; } }
.apy-massage-extra { margin-top: 32px; align-items: start; }
body.apy .apy-massage-extra > * { margin: 0; }
body.apy .apy-massage-extra__table .apy-price-table { margin: 0; }
body.apy .apy-massage-extra__benefits { padding: 22px 26px; background: var(--apy-mint-50); border-radius: var(--apy-radius-lg); }
body.apy .apy-massage-extra__benefits h3 { margin: 0 0 10px; font-size: 19px; }
body.apy .apy-massage-extra__benefits .apy-checklist { margin: 0; padding-top: 0; border-top: 0; }
body.apy .apy-terms { max-width: 880px; margin: 0 auto; padding: 30px 34px; }
body.apy .apy-terms:hover { transform: none; box-shadow: var(--apy-shadow); }
body.apy .apy-terms__list { margin: 0; padding-left: 22px; }
body.apy .apy-terms__list li { margin: 0 0 12px; padding-left: 6px; line-height: 1.7; }
body.apy .apy-terms__list li::marker { font-weight: 700; color: var(--apy-mint-ink); }
@media (max-width: 767px) { body.apy .apy-terms { padding: 22px 20px; } } .apy-hero--sura2 { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-sura2.jpg); background-position: center 55%; }
.apy-hero--citylink { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-citylink.jpg); background-position: center 50%; }
.apy-hero--about { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-about.jpg); background-position: center 40%; }
.apy-hero--signature { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-signature.jpg); background-position: center 35%; }
.apy-split--stretch { align-items: stretch; }
body.apy .apy-info-card { padding: 34px 32px; }
body.apy .apy-info-card:hover { transform: none; box-shadow: var(--apy-shadow); }
body.apy .apy-info-card > * { margin-top: 0; }
body.apy .apy-info-card .apy-h2 { margin-bottom: 22px; }
body.apy .apy-info-card .apy-h2::after { margin-left: 0; }
body.apy .apy-info-card .apy-info-row { margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px dashed var(--apy-border); font-size: 16px; line-height: 1.65; }
body.apy .apy-info-card .wp-block-buttons { gap: 10px; margin-top: 20px; }
body.apy .apy-map.apy-map--tall { height: 100%; min-height: 460px; aspect-ratio: auto; margin: 0; border-radius: var(--apy-radius-lg); box-shadow: var(--apy-shadow); }
@media (max-width: 900px) { body.apy .apy-map.apy-map--tall { height: auto; min-height: 0; aspect-ratio: 4 / 3; } }
@media (max-width: 767px) { body.apy .apy-info-card { padding: 24px 20px; } }
.apy-grid--single { grid-template-columns: minmax(0, 560px); justify-content: center; }
body.apy .apy-section .apy-chipnav { margin-top: 4px; }
body.apy .apy-compare-table { max-width: 880px; margin: 0 auto; overflow-x: auto; }
body.apy .apy-compare-table table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; border: 1px solid var(--apy-border); border-radius: var(--apy-radius-lg); box-shadow: var(--apy-shadow); font-size: 16px; line-height: 1.5; }
body.apy .apy-compare-table thead { border: 0; }
body.apy .apy-compare-table th { padding: 14px 18px; border: 0; background: var(--apy-navy); color: #fff; font-weight: 600; text-align: center; }
body.apy .apy-compare-table th:first-child { text-align: left; }
body.apy .apy-compare-table td { padding: 12px 18px; border: 0; border-top: 1px solid var(--apy-border); text-align: center; }
body.apy .apy-compare-table td:first-child { font-weight: 600; color: var(--apy-navy); text-align: left; }
body.apy .apy-compare-table tbody tr:nth-child(even) td { background: #FAFBFC; }
body.apy .apy-compare-table td:last-child { background: var(--apy-mint-50) !important; font-weight: 600; color: var(--apy-navy); }
@media (max-width: 767px) { body.apy .apy-compare-table table { font-size: 13.5px; } body.apy .apy-compare-table th, body.apy .apy-compare-table td { padding: 10px 8px; } body.apy .apy-compare-table td:not(:first-child) { white-space: nowrap; } } .apy-hero--office-syndrome { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-office-syndrome.jpg); background-position: center 30%; }
.apy-hero--back-pain { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-back-pain.jpg); background-position: center 50%; }
.apy-hero--knee { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-knee.jpg); background-position: center 50%; }
.apy-hero--plantar-fasciitis { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-plantar-fasciitis.jpg); background-position: center 50%; }
.apy-hero--sports-injury { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-sports-injury.jpg); background-position: center 40%; }
.apy-cause-grid { align-items: stretch; }
body.apy .apy-cause { max-width: none; margin: 0; }
body.apy .apy-cause h3, body.apy .apy-alert h3 { margin: 0 0 12px; font-size: 20px; }
body.apy .apy-cause .apy-checklist { margin: 0; padding-top: 0; border-top: 0; }
body.apy .apy-alert { margin: 0; padding: 30px 34px; background: #FFF4F6; border: 1px solid #F3C7D2; border-left: 5px solid var(--apy-danger); border-radius: var(--apy-radius-lg); }
body.apy .apy-alert h3 { color: var(--apy-danger); }
body.apy .apy-alert > p { margin: 0; color: #3A2A2E; }
body.apy .apy-alert .apy-note { margin-top: 12px; }
@media (max-width: 767px) { body.apy .apy-alert { padding: 22px 20px; } }
body.apy .apy-card--link .apy-from { margin-top: 16px; }
body.apy .apy-card--link .apy-from a { color: var(--apy-mint-ink); }
@media (max-width: 767px) { body.apy .apy-card--feature.apy-card--link .apy-from { grid-column: 2; } } body.apy .apy-icon { flex: 0 0 auto; display: inline-block; vertical-align: -0.2em; }
body.apy .apy-card__icon svg { width: 28px; height: 28px; }
@media (max-width: 767px) { body.apy .apy-card--contact .apy-card__icon svg, body.apy .apy-card--feature .apy-card__icon svg { width: 24px; height: 24px; } }
body.apy .apy-fb-facade__icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 12px; border-radius: 50%; background: #E7F0FE; color: #1877F2; } body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line):is([href^="tel:"], [href*="lin.ee"], [href*="maps.app.goo.gl"], [href*="facebook.com"], [href^="mailto:"])::before {
content: ""; flex: 0 0 auto; width: 1.15em; height: 1.15em; background: currentColor;
-webkit-mask: var(--apy-i) center / contain no-repeat; mask: var(--apy-i) center / contain no-repeat;
}
body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line)[href^="tel:"] { --apy-i: var(--apy-i-phone); }
body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line)[href*="lin.ee"] { --apy-i: var(--apy-i-chat); }
body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line)[href*="maps.app.goo.gl"] { --apy-i: var(--apy-i-pin); }
body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line)[href*="facebook.com"] { --apy-i: var(--apy-i-facebook); }
body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line)[href^="mailto:"] { --apy-i: var(--apy-i-mail); } body.apy :is(.apy-badge, .apy-hero__trust, .apy-landmark, .apy-alert h3, .apy-stat__num a[href="#reviews"])::before {
content: ""; display: inline-block; width: 1em; height: 1em; margin-right: .4em; vertical-align: -0.12em; background: currentColor;
-webkit-mask: var(--apy-i) center / contain no-repeat; mask: var(--apy-i) center / contain no-repeat;
}
body.apy :is(.apy-badge, .apy-hero__trust, .apy-stat__num a[href="#reviews"])::before { --apy-i: var(--apy-i-star); }
body.apy .apy-hero__trust::before { color: #F5C04E; }
body.apy .apy-stat__num a[href="#reviews"]::before { width: .8em; height: .8em; margin-right: .3em; vertical-align: 0; color: #F5A524; }
body.apy .apy-landmark::before { --apy-i: var(--apy-i-pin); }
body.apy .apy-alert h3::before { --apy-i: var(--apy-i-alert); }
body.apy .apy-stat__num a::after { content: ""; position: absolute; inset: 0; } .apy-topbar__inner > * { display: inline-flex; align-items: center; gap: 6px; }
body.apy .apy-topbar .apy-icon { opacity: .85; }
body.apy .apy-mobilebar a .apy-icon { width: 22px; height: 22px; } body.apy .apy-review__stars { display: flex; gap: 2px; color: #F5A524; }
body.apy .apy-review__stars .apy-star { width: 17px; height: 17px; } .apy-404 { padding: 96px 0 110px; text-align: center; }
body.apy .apy-404 h1 { margin: 0 0 .3em; }
.apy-404__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 34px 0 0; }
body.apy .apy-404__links a { padding: 9px 18px; border: 1px solid var(--apy-border); border-radius: 999px; background: #fff; color: var(--apy-navy); font-weight: 600; text-decoration: none; }
body.apy .apy-404__links a:hover { border-color: var(--apy-mint); background: var(--apy-mint-50); color: var(--apy-mint-ink); }
body.apy .apy-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }
body.apy .apy-prose h2 { margin: 2em 0 .6em; font-size: clamp(21px, 2.4vw, 26px); }
body.apy .apy-prose ul { padding-left: 1.3em; }
body.apy .apy-prose li { margin: 0 0 .45em; }
body.apy .apy-doc-lead { font-size: 18px; color: var(--apy-muted); }
body.apy .apy-doc-table { margin: 1em 0 1.5em; overflow-x: auto; }
body.apy .apy-doc-table table { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.6; }
body.apy .apy-doc-table th { padding: 10px 14px; border: 1px solid var(--apy-border); background: var(--apy-navy); color: #fff; text-align: left; }
body.apy .apy-doc-table td { padding: 10px 14px; border: 1px solid var(--apy-border); vertical-align: top; }
body.apy mark.apy-todo { padding: 1px 6px; border-radius: 4px; background: #FFF3C4; color: #7A5B00; font-weight: 600; } .apy-hero--photo { overflow: hidden; background-color: var(--apy-navy-700); }
.apy-hero--photo::after { content: ""; position: absolute; inset: 0; z-index: -2; background: inherit; background-size: cover; animation: apy-hero-zoom 4.5s cubic-bezier(.25, .1, .25, 1) both; }
@keyframes apy-hero-zoom { from { transform: scale(1.06); } to { transform: scale(1); } }
.apy-hero .apy-wrap { animation: apy-soft-in 1.6s var(--apy-ease-out) .2s both; }
@keyframes apy-soft-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
body.apy-motion .apy-reveal { transition: opacity var(--apy-dur) var(--apy-ease-out) var(--d, 0s), transform var(--apy-dur) var(--apy-ease-out) var(--d, 0s); }
body.apy-motion .apy-reveal--text, body.apy-motion .apy-footer .apy-reveal { opacity: 0; transform: translateY(14px); }
body.apy-motion .apy-reveal--card { opacity: 0; transform: translateY(18px); }
body.apy-motion .apy-reveal--img { opacity: 0; }
body.apy-motion .apy-reveal--img img { transform: scale(1.04); transition: transform 2.2s var(--apy-ease-out) var(--d, 0s); }
body.apy-motion .apy-reveal.is-in { opacity: 1; transform: none; }
body.apy-motion .apy-reveal--img.is-in img { transform: scale(1); }
@media (hover: hover) {
body.apy .apy-card:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(19, 61, 93, .04), 0 18px 40px rgba(19, 61, 93, .12); }
body.apy .apy-card__media img { transition: transform 1.4s var(--apy-ease-out); }
body.apy .apy-card:hover .apy-card__media img { transform: scale(1.03); }
body.apy .apy-gallery__item:hover img { transform: scale(1.04); }
body.apy .apy-btn:hover, body.apy [class*="apy-btn-"] .wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(19, 61, 93, .14); }
body.apy .apy-btn-line .wp-block-button__link:hover, body.apy .apy-btn--line:hover { box-shadow: 0 12px 26px rgba(6, 199, 85, .3); }
body.apy .apy-float-line:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) { .apy-hero--photo::after, .apy-hero .apy-wrap { animation: none !important; } } body.apy .cky-consent-container { width: 420px !important; animation: apy-cky-in 1s var(--apy-ease-out) both; }
@keyframes apy-cky-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
body.apy .cky-box-bottom-left { left: 24px !important; bottom: 24px !important; }
body.apy .cky-consent-container *, body.apy .cky-modal * { font-family: var(--apy-font) !important; }
body.apy .cky-consent-container .cky-consent-bar { padding: 22px 22px 16px !important; border: 1px solid rgba(19, 61, 93, .08) !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 2px 6px rgba(19, 61, 93, .06), 0 24px 60px rgba(13, 42, 65, .22) !important; }
body.apy .cky-notice .cky-title { display: flex; align-items: center; gap: 12px; margin: 0 0 10px !important; padding: 0 !important; color: var(--apy-navy) !important; font-size: 16.5px !important; font-weight: 700 !important; line-height: 1.4 !important; text-wrap: balance; }
body.apy .cky-notice .cky-title::before { content: ""; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; background: var(--apy-mint-50) center / 21px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23247F79%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5%22/%3E%3Cpath d=%22M8.5 8.5v.01%22/%3E%3Cpath d=%22M16 15.5v.01%22/%3E%3Cpath d=%22M12 12v.01%22/%3E%3Cpath d=%22M11 17v.01%22/%3E%3Cpath d=%22M7 14v.01%22/%3E%3C/svg%3E"); }
body.apy .cky-notice-des { max-height: none !important; overflow: visible !important; padding: 0 !important; }
body.apy .cky-notice-des, body.apy .cky-notice-des * { color: var(--apy-muted) !important; font-size: 14px !important; line-height: 1.7 !important; }
body.apy .cky-notice-des p { margin: 0 !important; }
body.apy .cky-notice-btn-wrapper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px; margin: 16px 0 0 !important; padding: 0 !important; }
body.apy .cky-notice-btn-wrapper .cky-btn { flex: 1 1 0; width: auto !important; min-height: 46px; margin: 0 !important; padding: 10px 12px !important; border: 1.5px solid transparent !important; border-radius: 12px !important; font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; opacity: 1 !important; cursor: pointer; transition: background-color .35s ease, color .35s ease, border-color .35s ease, transform .5s var(--apy-ease-out), box-shadow .5s var(--apy-ease-out) !important; }
body.apy .cky-notice-btn-wrapper .cky-btn-accept { order: 2 !important; background: var(--apy-navy) !important; border-color: var(--apy-navy) !important; color: #fff !important; }
body.apy .cky-notice-btn-wrapper .cky-btn-accept:hover { background: var(--apy-navy-700) !important; border-color: var(--apy-navy-700) !important; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(19, 61, 93, .22) !important; }
body.apy .cky-notice-btn-wrapper .cky-btn-reject { order: 1 !important; background: #fff !important; border-color: #CBD5DD !important; color: var(--apy-navy) !important; }
body.apy .cky-notice-btn-wrapper .cky-btn-reject:hover { border-color: var(--apy-navy) !important; background: var(--apy-navy-100) !important; }
body.apy .cky-notice-btn-wrapper .cky-btn-customize { order: 3 !important; flex: 1 1 100%; min-height: 36px; padding: 6px !important; background: transparent !important; border-color: transparent !important; color: var(--apy-mint-ink) !important; font-size: 14px !important; text-decoration: underline !important; text-underline-offset: 4px; text-decoration-thickness: 1px; }
body.apy .cky-notice-btn-wrapper .cky-btn-customize:hover { color: var(--apy-navy) !important; }
body.apy .cky-consent-container .cky-btn:focus-visible, body.apy .cky-modal .cky-btn:focus-visible, body.apy .cky-switch input:focus-visible { outline: 2px solid var(--apy-mint) !important; outline-offset: 2px; } body.apy .cky-modal .cky-preference-center { overflow: hidden; border: 0 !important; border-radius: 22px !important; box-shadow: 0 30px 80px rgba(13, 42, 65, .3); }
body.apy .cky-overlay { background: var(--apy-navy-700) !important; opacity: .45 !important; }
body.apy .cky-preference-header { padding: 20px 24px !important; border-bottom: 1px solid var(--apy-border) !important; }
body.apy .cky-preference-header .cky-preference-title { color: var(--apy-navy) !important; font-size: 18px !important; font-weight: 700 !important; }
body.apy .cky-preference-header .cky-btn-close { width: 36px; height: 36px; border-radius: 50%; background: var(--apy-gray) !important; transition: background-color .3s ease; }
body.apy .cky-preference-header .cky-btn-close:hover { background: var(--apy-border) !important; }
body.apy .cky-preference-header .cky-btn-close img { width: 12px !important; height: 12px !important; }
body.apy .cky-preference-content-wrapper, body.apy .cky-preference-content-wrapper *, body.apy .cky-accordion-header-des, body.apy .cky-accordion-header-des * { color: var(--apy-muted) !important; font-size: 13.5px !important; line-height: 1.7 !important; }
body.apy .cky-preference-content-wrapper, body.apy .cky-accordion { border-color: var(--apy-border) !important; }
body.apy .cky-accordion-header .cky-accordion-btn { color: var(--apy-navy) !important; font-size: 15px !important; font-weight: 600 !important; }
body.apy .cky-accordion-chevron i::before { border-color: var(--apy-navy) !important; }
body.apy .cky-always-active { padding: 2px 10px; border-radius: 999px; background: var(--apy-mint-50); color: var(--apy-mint-ink) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 22px !important; }
body.apy .cky-preference-content-wrapper .cky-show-desc-btn { color: var(--apy-mint-ink) !important; font-weight: 600 !important; }
body.apy .cky-switch input[type="checkbox"] { background: #CBD5DD !important; transition: background-color .35s ease; }
body.apy .cky-switch input[type="checkbox"]:checked { background: var(--apy-mint-ink) !important; }
body.apy .cky-audit-table { border-radius: 12px; background: var(--apy-gray) !important; border-color: var(--apy-border) !important; }
body.apy .cky-footer-wrapper { border-top: 1px solid var(--apy-border) !important; }
body.apy .cky-footer-shadow { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff) !important; }
body.apy .cky-prefrence-btn-wrapper { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px; padding: 16px 24px !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn { flex: 1 1 0; width: auto !important; min-height: 46px; margin: 0 !important; padding: 10px 12px !important; border: 1.5px solid #CBD5DD !important; border-radius: 12px !important; background: #fff !important; color: var(--apy-navy) !important; font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.2 !important; opacity: 1 !important; transition: background-color .35s ease, border-color .35s ease !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn:hover { border-color: var(--apy-navy) !important; background: var(--apy-navy-100) !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-reject { order: 1 !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-preferences { order: 2 !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-accept { order: 3 !important; background: var(--apy-navy) !important; border-color: var(--apy-navy) !important; color: #fff !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-accept:hover { background: var(--apy-navy-700) !important; border-color: var(--apy-navy-700) !important; } body.apy .cky-btn-revisit-wrapper { width: 44px !important; height: 44px !important; left: 20px !important; bottom: 20px !important; background: var(--apy-navy) !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, .92), 0 10px 24px rgba(13, 42, 65, .26); transition: transform .5s var(--apy-ease-out), background-color .35s ease; }
body.apy .cky-btn-revisit-wrapper:hover { transform: translateY(-2px); background: var(--apy-navy-700) !important; }
body.apy .cky-btn-revisit-wrapper .cky-btn-revisit img { width: 22px !important; height: 22px !important; }
@media (max-width: 767px) { body.apy .cky-consent-container { width: auto !important; max-width: none !important; left: 12px !important; right: 12px !important; bottom: calc(74px + env(safe-area-inset-bottom)) !important; }
body.apy .cky-consent-container .cky-consent-bar { padding: 18px 18px 12px !important; border-radius: 18px !important; }
body.apy .cky-notice .cky-title { font-size: 15.5px !important; }
body.apy .cky-notice .cky-title::before { width: 34px; height: 34px; border-radius: 10px; background-size: 19px; }
body.apy .cky-notice-des, body.apy .cky-notice-des * { font-size: 13.5px !important; line-height: 1.65 !important; }
body.apy .cky-notice-btn-wrapper { margin-top: 14px !important; }
body.apy .cky-notice-btn-wrapper .cky-btn { min-height: 44px; font-size: 14px !important; }
body.apy .cky-modal .cky-preference-center { border-radius: 18px !important; max-height: calc(100vh - 32px) !important; }
body.apy .cky-prefrence-btn-wrapper { padding: 12px 16px !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn { flex: 1 1 100%; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-accept { order: 1 !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-reject { order: 2 !important; }
body.apy .cky-prefrence-btn-wrapper .cky-btn-preferences { order: 3 !important; }
body.apy .cky-btn-revisit-wrapper { bottom: calc(78px + env(safe-area-inset-bottom)) !important; left: 12px !important; }
}
@media (prefers-reduced-motion: reduce) { body.apy .cky-consent-container { animation: none; } } body.apy :is(.apy-btn, .wp-block-button__link, .apy-float-line)[href*="lin.ee"]::before { width: 1.45em; height: 1.45em; background: var(--apy-logo-line-bubble) center / contain no-repeat; -webkit-mask: none; mask: none; } body.apy .apy-float-line::before { content: none !important; display: none !important; }
body.apy .apy-float-line { padding: 13px 24px !important; letter-spacing: .01em; } body.apy .apy-nav__cta .apy-btn--line::before { content: none !important; display: none !important; }
body.apy .apy-nav__cta .apy-btn--line { padding-inline: 24px !important; }
body.apy .apy-brand-icon--line { border-radius: 22%; }
.apy-footer__social-ic--line .apy-brand-icon { width: 22px; height: 22px; }
.apy-topbar__inner .apy-brand-icon { width: 16px; height: 16px; }
body.apy .apy-footer__contact .apy-brand-icon { width: 18px; height: 18px; }
body.apy .apy-mobilebar a .apy-brand-icon { width: 26px; height: 26px; } body.apy .apy-card--contact .apy-card__icon { width: 64px; height: 64px; margin-bottom: 18px; border-radius: 23%; background: var(--apy-i-logo, var(--apy-mint-50)) center / 100% no-repeat; box-shadow: 0 1px 2px rgba(19, 61, 93, .06), 0 10px 22px rgba(19, 61, 93, .12); transition: transform .7s var(--apy-ease-out), box-shadow .7s var(--apy-ease-out); }
body.apy .apy-card--contact .apy-card__icon svg { display: none; }
body.apy .apy-card--contact:has(a[href*="lin.ee"]) { --apy-i-logo: var(--apy-logo-line); }
body.apy .apy-card--contact:has(a[href^="tel:"]) { --apy-i-logo: var(--apy-logo-phone); }
body.apy .apy-card--contact:has(a[href*="facebook.com"]) { --apy-i-logo: var(--apy-logo-facebook); }
body.apy .apy-card--contact:has(a[href^="mailto:"]) { --apy-i-logo: var(--apy-logo-gmail); }
body.apy .apy-card--contact:has(a[href^="mailto:"]) .apy-card__icon { box-shadow: inset 0 0 0 1px var(--apy-border), 0 10px 22px rgba(19, 61, 93, .1); }
@media (hover: hover) { body.apy .apy-card--contact:hover .apy-card__icon { transform: translateY(-3px) scale(1.04); box-shadow: 0 16px 30px rgba(19, 61, 93, .18); } }
@media (max-width: 767px) { body.apy .apy-card--contact .apy-card__icon { width: 56px; height: 56px; margin: 0; } } @media (max-width: 767px) {
.apy-hero--home { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/home-hero-team-m.jpg); background-position: center center; }
.apy-hero--contact { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-reception-citylink-m.jpg); background-position: center center; }
.apy-hero--services { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-services-room-m.jpg); background-position: center center; }
.apy-hero--sura2 { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-sura2-m.jpg); background-position: center center; }
.apy-hero--citylink { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-citylink-m.jpg); background-position: center center; }
.apy-hero--about { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-about-m.jpg); background-position: center center; }
.apy-hero--signature { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-signature-m.jpg); background-position: center center; }
.apy-hero--office-syndrome { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-office-syndrome-m.jpg); background-position: center center; }
.apy-hero--back-pain { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-back-pain-m.jpg); background-position: center center; }
.apy-hero--knee { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-knee-m.jpg); background-position: center center; }
.apy-hero--plantar-fasciitis { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-plantar-fasciitis-m.jpg); background-position: center center; }
.apy-hero--sports-injury { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-sports-injury-m.jpg); background-position: center center; }
} body.apy .apy-grid > .apy-card { height: 100%; }
body.apy .apy-card--program .apy-card__body,
body.apy .apy-card--service .apy-card__body { display: flex; flex-direction: column; height: 100%; }
body.apy .apy-card--service .apy-from { margin-top: auto; }
body.apy .apy-card--program .apy-note { margin-top: auto; padding-top: 12px; } body.apy .apy-hero__tagline { margin: -6px 0 18px; color: var(--apy-mint); font-size: clamp(15px, 1.5vw, 18px); font-weight: 500; letter-spacing: .01em; }
@media (max-width: 767px) { body.apy .apy-hero__tagline { font-size: 14px; margin: -2px 0 14px; } } body.apy .apy-card--tech .apy-card__media { aspect-ratio: 16 / 10; }
body.apy .apy-card--tech .apy-card__media img { object-position: center; } body.apy .apy-slider { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
body.apy .apy-slider::-webkit-scrollbar { display: none; }
body.apy .apy-slider > * { flex: 0 0 clamp(268px, 31%, 372px); scroll-snap-align: start; margin: 0; }
body.apy .apy-slider__nav { display: flex; justify-content: flex-end; gap: 10px; margin: -6px 0 16px; }
body.apy .apy-slider__nav button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--apy-border); border-radius: 50%; background: #fff; color: var(--apy-navy); font-size: 22px; line-height: 1; cursor: pointer; transition: background-color .3s ease, border-color .3s ease, opacity .3s ease; }
body.apy .apy-slider__nav button:hover:not(:disabled) { background: var(--apy-navy-100); border-color: var(--apy-navy); }
body.apy .apy-slider__nav button:disabled { opacity: .3; cursor: default; }
body.apy .apy-section--navy .apy-slider__nav button { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .3); color: #fff; }
body.apy .apy-section--navy .apy-slider__nav button:hover:not(:disabled) { background: rgba(255, 255, 255, .2); border-color: var(--apy-mint); }
@media (max-width: 767px) { body.apy .apy-slider > * { flex: 0 0 84%; } body.apy .apy-slider { gap: 14px; } } body.apy .apy-slider > .apy-card { display: flex; flex-direction: column; }
body.apy .apy-slider > .apy-card .apy-card__media { aspect-ratio: 16 / 10; }
body.apy .apy-slider > .apy-card .apy-card__body { flex: 1; } body.apy .apy-subhead { margin: 0 0 18px; font-size: clamp(18px, 2.2vw, 21px); font-weight: 600; color: var(--apy-navy); }
body.apy .apy-subhead + .apy-slider__nav { margin-top: -8px; }
body.apy .apy-videos + .apy-subhead { margin-top: 34px; } body.apy .apy-slider--vid > * { flex: 0 0 clamp(216px, 22%, 258px); }
body.apy .apy-vid-note { margin: -8px 0 18px; max-width: 740px; font-size: 14px; line-height: 1.6; color: var(--apy-muted); }
body.apy .apy-vid { position: relative; margin: 0; overflow: hidden; border-radius: var(--apy-radius-lg); background: var(--apy-navy-700); box-shadow: var(--apy-shadow); }
body.apy .apy-vid__btn { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; }
body.apy .apy-vid__btn img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--apy-ease-out); }
body.apy .apy-vid__btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 42, 65, 0) 46%, rgba(13, 42, 65, .86) 100%); }
body.apy .apy-vid__play { position: absolute; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 8px 22px rgba(0, 0, 0, .3); transition: transform .45s var(--apy-ease-out), background-color .3s ease; }
body.apy .apy-vid__play::after { content: ""; position: absolute; left: 23px; top: 18px; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 17px; border-color: transparent transparent transparent var(--apy-navy); }
body.apy .apy-vid__btn:hover img, body.apy .apy-vid__btn:focus-visible img { transform: scale(1.06); }
body.apy .apy-vid__btn:hover .apy-vid__play, body.apy .apy-vid__btn:focus-visible .apy-vid__play { transform: scale(1.12); background: #fff; }
body.apy .apy-vid__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 15px 15px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.45; text-align: left; text-shadow: 0 1px 8px rgba(0, 0, 0, .45); }
body.apy .apy-vid iframe { display: block; width: 100%; aspect-ratio: 9 / 16; border: 0; }
@media (prefers-reduced-motion: reduce) {
body.apy .apy-vid__btn img, body.apy .apy-vid__play { transition: none; }
}
@media (max-width: 767px) { body.apy .apy-slider--vid > * { flex: 0 0 64%; } body.apy .apy-vid__cap { font-size: 13.5px; } } @media (min-width: 901px) {
body.apy .apy-split--stretch > .apy-split__media { aspect-ratio: auto; height: 100%; min-height: 420px; }
} body.apy .apy-hero--contact .apy-hero__lead { max-width: 860px; } body.apy .apy-split__media--logo img { object-position: 62% 45%; }
@media (min-width: 901px) and (max-width: 1120px) { body.apy .apy-split__media--logo img { object-position: 56% 45%; } }
@media (max-width: 900px) { body.apy .apy-split__media--logo img { object-position: center 42%; } } body.apy .apy-grid--why .apy-card__media { aspect-ratio: 16 / 9; }
@media (min-width: 901px) { body.apy .apy-grid--why .apy-card__body { padding: 26px 28px 28px; } }
@media (max-width: 767px) { body.apy .apy-grid--why { grid-template-columns: 1fr; } } .apy-hero--trigger-finger { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-trigger-finger.jpg); background-position: center 50%; }
.apy-hero--ankle-sprain { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-ankle-sprain.jpg); background-position: center 50%; }
.apy-hero--frozen-shoulder { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-frozen-shoulder.jpg); background-position: center 50%; }
.apy-hero--herniated-disc { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-herniated-disc.jpg); background-position: center 50%; }
.apy-hero--nerve-compression { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-nerve-compression.jpg); background-position: center 50%; }
.apy-hero--flat-foot { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-flat-foot.jpg); background-position: center 50%; }
.apy-hero--post-surgery-rehab { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-post-surgery-rehab.jpg); background-position: center 50%; }
.apy-hero--stroke-rehab { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-stroke-rehab.jpg); background-position: center 50%; }
@media (max-width: 767px) {
.apy-hero--trigger-finger { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-trigger-finger-m.jpg); background-position: center center; }
.apy-hero--ankle-sprain { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-ankle-sprain-m.jpg); background-position: center center; }
.apy-hero--frozen-shoulder { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-frozen-shoulder-m.jpg); background-position: center center; }
.apy-hero--herniated-disc { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-herniated-disc-m.jpg); background-position: center center; }
.apy-hero--nerve-compression { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-nerve-compression-m.jpg); background-position: center center; }
.apy-hero--flat-foot { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-flat-foot-m.jpg); background-position: center center; }
.apy-hero--post-surgery-rehab { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-post-surgery-rehab-m.jpg); background-position: center center; }
.apy-hero--stroke-rehab { background-image: url(//apinyaclinic.com/wp-content/themes/apinya-clinic/assets/images/hero-stroke-rehab-m.jpg); background-position: center center; }
} body.apy .apy-card--branch .apy-card__media img { object-position: 72% center; } .apy-grid--pricing { max-width: 960px; margin-inline: auto; }
body.apy .apy-card--price { position: relative; padding: 34px 32px 30px; }
body.apy .apy-card--price.is-featured { border: 2px solid var(--apy-mint); }
body.apy .apy-card--price > * { margin-top: 0; }
body.apy .apy-ribbon { position: absolute; top: 24px; right: 24px; margin: 0; padding: 4px 12px; border-radius: 999px; background: var(--apy-navy); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.5; }
body.apy .apy-card--price.is-featured .apy-ribbon { background: var(--apy-mint); color: var(--apy-navy); }
body.apy .apy-size { margin: 0 0 6px; font-size: 14px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--apy-mint-ink); }
body.apy .apy-card--price h3 { margin: 0 0 14px; padding-right: 110px; }
body.apy .apy-price { margin: 0; font-size: clamp(36px, 4vw, 46px); font-weight: 700; line-height: 1.1; color: var(--apy-navy); }
body.apy .apy-price-old { margin: 6px 0 20px; font-size: 15px; color: var(--apy-muted); }
body.apy .apy-price-old s { color: var(--apy-danger, #C81E4A); }
body.apy .apy-fit { margin: 0 0 22px; font-size: 15px; line-height: 1.7; color: var(--apy-muted); }
body.apy .apy-card--price .wp-block-buttons { justify-content: flex-start; gap: 10px; }
@media (max-width: 767px) { body.apy .apy-card--price { padding: 28px 22px 24px; } body.apy .apy-ribbon { position: static; align-self: flex-start; margin-bottom: 14px; } body.apy .apy-card--price h3 { padding-right: 0; } body.apy .apy-card--price .wp-block-button { flex: 1 1 auto; } body.apy .apy-card--price .wp-block-button__link { width: 100%; } } body.apy .apy-checklist { margin: 0 0 20px; padding: 18px 0 0; border-top: 1px solid var(--apy-border); list-style: none; }
body.apy .apy-checklist li { position: relative; margin: 0 0 8px; padding-left: 32px; line-height: 1.6; }
body.apy .apy-checklist li::before { content: ""; position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 50%; background: var(--apy-mint-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23247F79' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat; } body.apy .apy-card__media--wide { aspect-ratio: 2 / 1; }
body.apy .apy-card__media--wide img { object-position: center top; }
body.apy .apy-card--branch .apy-card__media--wide img { object-position: center 35%; }
body.apy .apy-card--service .apy-card__body { padding: 22px 22px 24px; }
body.apy .apy-card--service h3 { font-size: 19px; }
body.apy .apy-card__desc { margin: 0 0 16px; font-size: 15px; line-height: 1.65; color: var(--apy-muted); }
body.apy .apy-from { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--apy-border); font-size: 15.5px; font-weight: 600; color: var(--apy-navy); }
body.apy .apy-from a { text-decoration: none; }
.apy-section__foot { margin-top: 40px; }
body.apy .apy-section__foot.wp-block-buttons,
body.apy .apy-section__foot .wp-block-buttons { justify-content: center; } .apy-section--navy { background: linear-gradient(135deg, var(--apy-navy) 0%, var(--apy-navy-700) 100%); color: rgba(255, 255, 255, .88); }
body.apy .apy-section--navy h2,
body.apy .apy-section--navy h3 { color: #fff; }
body.apy .apy-section--navy .apy-eyebrow { color: var(--apy-mint); }
body.apy .apy-section--navy .apy-section__lead { color: rgba(255, 255, 255, .78); }
body.apy .apy-card--tech { position: relative; overflow: hidden; background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .16); box-shadow: none; transition: background-color .4s ease, border-color .4s ease, transform .5s var(--apy-ease-out); }
body.apy .apy-card--tech::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--apy-mint), rgba(78, 205, 196, 0)); opacity: .85; }
body.apy .apy-card--tech:hover { background: rgba(255, 255, 255, .12); border-color: rgba(78, 205, 196, .5); box-shadow: none; transform: translateY(-3px); }
body.apy .apy-card--tech .apy-card__body { display: flex; flex-direction: column; height: 100%; padding: 26px 24px 24px; }
body.apy .apy-card--tech .apy-eyebrow { color: var(--apy-mint); }
body.apy .apy-card--tech h3 { margin: 0 0 10px; font-size: 19px; line-height: 1.45; }
body.apy .apy-card--tech .apy-size { color: var(--apy-mint); } body.apy .apy-section--navy .apy-card--tech .apy-card__desc { margin: 0 0 18px; color: rgba(255, 255, 255, .82); }
body.apy .apy-section--navy .apy-card--tech .apy-fit { margin: auto 0 0; padding: 12px 14px; border: 1px solid rgba(78, 205, 196, .3); border-radius: 12px; background: rgba(78, 205, 196, .1); color: rgba(255, 255, 255, .92); font-size: 14.5px; line-height: 1.65; }
body.apy .apy-section--navy .apy-card--tech .apy-fit strong { display: block; margin-bottom: 4px; color: var(--apy-mint); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
body.apy .apy-card--tech p:last-child { margin-bottom: 0; font-size: 15px; line-height: 1.7; color: rgba(255, 255, 255, .8); }
.apy-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .apy-grid--3 { grid-template-columns: 1fr; } } .apy-steps { counter-reset: apy-step; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.apy .apy-step { position: relative; padding: 0 8px; text-align: center; }
body.apy .apy-step > * { margin: 0; }
body.apy .apy-step::before { counter-increment: apy-step; content: counter(apy-step); position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: var(--apy-navy); color: #fff; font-size: 24px; font-weight: 700; box-shadow: 0 0 0 8px var(--apy-mint-50); }
body.apy .apy-step::after { content: ""; position: absolute; top: 31px; left: calc(50% + 44px); width: calc(100% - 64px); height: 2px; background: repeating-linear-gradient(90deg, var(--apy-mint) 0 8px, transparent 8px 14px); }
body.apy .apy-step:last-child::after { display: none; }
body.apy .apy-step h3 { margin-bottom: 6px; }
body.apy .apy-step p { font-size: 15px; line-height: 1.65; color: var(--apy-muted); }
@media (max-width: 900px) {
.apy-steps { grid-template-columns: 1fr; gap: 28px; }
body.apy .apy-step { min-height: 64px; padding: 4px 0 0 84px; text-align: left; }
body.apy .apy-step::before { position: absolute; left: 0; top: 0; width: 56px; height: 56px; margin: 0; font-size: 21px; box-shadow: 0 0 0 6px var(--apy-mint-50); }
body.apy .apy-step::after { top: 64px; left: 27px; width: 2px; height: calc(100% - 36px); background: repeating-linear-gradient(180deg, var(--apy-mint) 0 8px, transparent 8px 14px); }
} .apy-pagehead { padding: 64px 0 40px; background: var(--apy-navy-100); }
body.apy .apy-pagehead__title { margin: 0; }
.apy-prose { max-width: 860px; padding-block: 48px 88px; }
body.apy .site-main { max-width: 860px; margin: 0 auto; padding: 56px 20px 88px; }  .apy-footer { position: relative; z-index: 1; isolation: isolate; overflow: hidden; margin-top: -48px; padding-top: 80px; border-radius: 48px 48px 0 0;
background: var(--apy-navy-700);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .72); font-size: 15px; line-height: 1.7; }
body.apy .apy-footer a { color: rgba(255, 255, 255, .88); text-decoration: none; transition: color .3s; }
body.apy .apy-footer a:hover { color: var(--apy-mint); }
.apy-footer__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 2.08fr); gap: 48px; padding-bottom: 48px; }
.apy-footer__cols { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 40px; }
body.apy .apy-footer__logo { display: flex; flex-direction: column; line-height: 1.3; }
body.apy .apy-footer__name { font-size: 21px; font-weight: 700; color: #fff; }
body.apy .apy-footer__sub { margin-top: 2px; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--apy-mint); }
body.apy .apy-footer__desc { margin: 16px 0 20px; font-size: 14.5px; }
body.apy .apy-footer__title { margin: 0 0 16px; font-size: 12.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--apy-mint); }
.apy-footer__contact, .apy-footer__social, .apy-footer__menu { margin: 0; padding: 0; list-style: none; }
body.apy .apy-footer__contact li { display: flex; align-items: center; gap: 10px; margin: 0 0 9px; }
body.apy .apy-footer__contact a { display: inline-flex; align-items: center; gap: 10px; }
body.apy .apy-footer__contact .apy-icon { color: var(--apy-mint); }
body.apy .apy-footer__contact .apy-brand-icon { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 4.5px; }
body.apy .apy-footer__contact .apy-brand-icon--gmail { box-shadow: 0 0 0 1px rgba(255, 255, 255, .18); }
.apy-footer__menu { columns: 2; column-gap: 28px; font-size: 14.5px; }
.apy-footer__menu li { margin: 0 0 10px; break-inside: avoid; }
body.apy .apy-footer__title--social { margin-top: 30px; }
body.apy .apy-footer__col--side .apy-footer__branch:last-of-type { margin-bottom: 0; }
body.apy .apy-footer__menu a, body.apy .apy-footer__branch-name { position: relative; }
body.apy .apy-footer__menu a::after, body.apy .apy-footer__branch-name::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background: var(--apy-mint); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--apy-ease); }
body.apy .apy-footer__menu a:hover::after, body.apy .apy-footer__branch-name:hover::after { transform: scaleX(1); }
.apy-footer__branch { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 18px; font-size: 14.5px; }
body.apy .apy-footer__branch-name { font-weight: 600; color: #fff; }
body.apy .apy-footer__map { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 14px; font-weight: 600; color: var(--apy-mint) !important; }
body.apy .apy-footer__map .apy-icon { transition: transform .3s var(--apy-ease); }
body.apy .apy-footer__map:hover .apy-icon { transform: translate(2px, -2px); }
.apy-footer__social { display: flex; flex-wrap: wrap; gap: 12px; }
body.apy .apy-footer__social li { margin: 0; }
body.apy .apy-footer__social a { display: inline-flex; }
.apy-footer__social-ic { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); transition: transform .35s var(--apy-ease), box-shadow .35s; }
.apy-footer__social-ic .apy-brand-icon { display: block; width: 20px; height: 20px; transition: transform .35s var(--apy-ease); }
.apy-footer__social-ic--youtube .apy-brand-icon { width: 22px; height: 22px; }
body.apy .apy-footer__social a:hover .apy-footer__social-ic { transform: translateY(-3px); box-shadow: 0 0 0 3px rgba(78, 205, 196, .45), 0 8px 20px rgba(0, 0, 0, .25); }
body.apy .apy-footer__social a:hover .apy-brand-icon { transform: scale(1.1); }
.apy-footer__legal { position: relative; padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13px; color: rgba(255, 255, 255, .6); }
.apy-footer__legal-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
body.apy .apy-footer__legal p { margin: 0 0 3px; }
body.apy .apy-totop { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; transition: background-color .3s, color .3s, transform .3s var(--apy-ease); }
body.apy .apy-totop:hover, body.apy .apy-totop:focus-visible { transform: translateY(-3px); background: var(--apy-mint); border-color: var(--apy-mint); color: var(--apy-navy-700); }
@media (max-width: 1180px) { .apy-footer__cols { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 32px; } }
@media (max-width: 1024px) { .apy-footer__grid { grid-template-columns: 1fr; gap: 40px; } .apy-footer__menu { columns: 3; } }
@media (max-width: 767px) {
.apy-footer { margin-top: -28px; padding-top: 56px; border-radius: 28px 28px 0 0; }
.apy-footer__cols { grid-template-columns: 1fr; gap: 32px; }
.apy-footer__menu { columns: 2; }
.apy-footer__legal-inner { align-items: flex-end; }
}
@media (max-width: 420px) { .apy-footer__menu { columns: 1; } } body.apy .apy-float-line { position: fixed; right: 20px; bottom: 24px; z-index: 998; display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 999px; background: var(--apy-line); color: #fff; font-weight: 700; text-decoration: none; box-shadow: 0 10px 26px rgba(6, 199, 85, .38); transition: transform .45s var(--apy-ease-out), box-shadow .45s var(--apy-ease-out); }
body.apy .apy-float-line:hover { transform: translateY(-2px); color: #fff; }
.apy-mobilebar { display: none; }
@media (max-width: 767px) {
body.apy .apy-float-line { display: none; }
.apy-mobilebar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; display: flex; padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid var(--apy-border); box-shadow: 0 -4px 16px rgba(19, 61, 93, .1); }
body.apy .apy-mobilebar a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 62px; border-right: 1px solid var(--apy-border); color: var(--apy-navy); font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; }
body.apy .apy-mobilebar a:last-child { border-right: 0; }
body.apy .apy-mobilebar a span { font-size: 20px; }
body.apy .apy-mobilebar a.is-line { background: var(--apy-line); color: #fff; }
body.apy { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
} @media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
@media print {
.apy-masthead, .apy-mobilebar, .apy-float-line, .apy-map, .wp-block-buttons { display: none !important; }
body.apy { padding: 0; }
.apy-hero { color: #000; background: none !important; }
.apy-hero::before { display: none; }
body.apy .apy-hero h1 { color: #000; text-shadow: none; }
}