/* Shared finishing layer for the four KONAYA pages. */
:root{--konaya-green:#0d3b29;--konaya-ivory:#fffaf3;--konaya-focus:#b77916}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}
main,section,article,fieldset{min-width:0}
img{vertical-align:middle}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
:where(a,button,input):focus-visible{outline:3px solid var(--konaya-focus);outline-offset:4px}
.page .announcement{height:auto;min-height:30px;padding:7px 12px;font-size:10px;line-height:1.3;letter-spacing:.13em;text-align:center}
.page .shop-hero-cta,.page .shop-product button,.page .subscription-explore,.page .konjac-readable-button,.page .selector-add,.page .ritual-flavors-button,.bag-continue{min-height:52px;border-radius:999px;line-height:1.25;font-size:clamp(12px,1.9cqw,18px);letter-spacing:.065em;text-align:center;transition:background-color .18s ease,color .18s ease;max-width:100%}
.page .shop-hero-cta,.page .konjac-readable-button{padding:15px 24px;white-space:normal}
.page .shop-product button{padding:13px 10px}
.page .product-subscribe{margin-top:10px}
.page .shop-product-info{padding:20px 16px 24px}
.page .shop-product h3{line-height:1.15;margin-bottom:9px}
.page .shop-product .shop-product-price{margin:8px 0 16px}
.page .shop-product-image img,.page .selector-photo img{object-fit:contain;aspect-ratio:1;width:100%;height:auto;transform:none}
.page .shop-product-image:hover img{transform:none}
.page .shop-product-grid{align-items:stretch;gap:18px}
.page .subscription-explore{padding:14px 20px;white-space:normal}
.page .flavor-tabs{gap:6px;padding:6px}
.page .flavor-tabs button{min-height:48px;font-size:12px;line-height:1.2;letter-spacing:.06em}
.page .selector-description{line-height:1.5}
.page .selector-box-size{line-height:1.4}
.page .purchase-options label{min-height:64px;line-height:1.35;flex-wrap:wrap}
.page .purchase-options label strong{font-size:13px}
.page .selector-benefits{line-height:1.4;flex-wrap:wrap;row-gap:10px}
.page .ritual-flavors-button{padding:15px 20px;width:72%;max-width:490px}
.page .meet-favorite-studio{container-type:inline-size}
.page .meet-studio-link{min-height:44px;font-size:clamp(12px,3.1cqw,28px)}
.page .home-steps-final>img,.page .ritual-desk-exact>img,.page .ritual-benefits-exact>img,.page .flavors-daily-band>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.shopping-dialog{max-height:calc(100dvh - 40px);overflow:auto}
.bag-row{flex-wrap:wrap;line-height:1.4}
.bag-row button{min-height:44px;padding:10px 16px}
.bag-close,.menu-close{min-width:44px;min-height:44px}
.menu-links a{min-height:56px}
@media(hover:hover){.page .shop-hero-cta:hover,.page .selector-add:hover,.page .subscription-explore:hover,.page .ritual-flavors-button:hover,.page .meet-studio-link:hover{background:#18543c}}
@media(max-width:600px){
 .page .shop-product-grid{gap:12px}
 .page .shop-product-info{padding:16px 12px 20px}
 .page .shop-product h3{font-size:clamp(16px,4cqw,23px)}
 .page .shop-product button{font-size:11px;letter-spacing:.035em;padding:12px 8px}
 .page .subscription-copy{width:59%;padding-left:5%;padding-right:3%}
 .page .subscription-explore{font-size:12px;min-height:48px;padding:12px 14px}
 .page .konjac-readable-button{font-size:12px;padding:13px 14px}
 .page .selector-name{align-items:flex-start;flex-wrap:wrap;gap:8px}
 .page .selector-name h3{font-size:28px}
 .page .selector-name>span{font-size:18px;line-height:1.4}
 .page .selector-benefits span{padding:0 10px}
 .page .meet-quick-benefits{padding-top:32px;padding-bottom:32px}
 .page .quick-benefits-grid article{padding-left:10px;padding-right:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}