/* ==========================================================================
   Ameano Peptides — base: fonts, reset, typography, header, layout
   ========================================================================== */

/* Fonts (bundled, SIL Open Font License) */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/inter-var-latin.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: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/inter-var-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Arya'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/arya-400-latin.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: 'Arya'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/arya-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400-latin.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: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-700-latin.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: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/montserrat-var-latin.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: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/montserrat-var-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
	--amp-primary: #E31B23;
	--amp-primary-dark: #C41820;
	--amp-dark: #1A1A2E;
	--amp-heading: #242A56;
	--amp-link: #22328B;
	--amp-text: #000000;
	--amp-muted: #6B7280;
	--amp-border: #E5E7EB;
	--amp-light: #F8F9FA;
	--amp-logo-h: 48px;
	--amp-marquee-speed: 20s;
	--amp-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--amp-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--amp-font-heading: 'Arya', 'Inter', sans-serif;
	--amp-font-alt: 'Montserrat', 'Inter', sans-serif;
	--amp-admin-bar: 0px;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--amp-font-body);
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.5px;
	color: var(--amp-text);
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
body.admin-bar { --amp-admin-bar: 32px; }
@media (max-width: 782px) { body.admin-bar { --amp-admin-bar: 46px; } }
body.amp-no-scroll { overflow: hidden; }
img, svg, video { max-width: 100%; height: auto; }
img { border: 0; vertical-align: middle; }
a { color: var(--amp-link); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--amp-primary); }
button, input, select, textarea { font: inherit; letter-spacing: inherit; }
button { cursor: pointer; }
p { margin: 0 0 1.6em; }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--amp-font-heading);
	color: var(--amp-heading);
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 .6em;
	letter-spacing: normal;
}
h1 { font-size: 60px; line-height: 1; }
h2 { font-size: 48px; line-height: 1.1; }
h3 { font-size: 32px; line-height: 1.3; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
@media (max-width: 921px) { h1 { font-size: 42px; } h2 { font-size: 34px; } h3 { font-size: 26px; } }
@media (max-width: 544px) { h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 22px; } }

h4, h5, h6 { font-family: var(--amp-font-alt); font-weight: 600; }

/* Header, footer, drawers and the slide-out cart use Inter (section widgets set their own font). */
.amp-top-bar, .amp-header, .amp-mobile-menu, .amp-search-overlay, .amp-mini-cart, .amp-floating-cart {
	font-family: var(--amp-font-ui);
}

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
	overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: #fff; clip: auto !important; clip-path: none; color: #000; display: block; font-size: 14px;
	height: auto; left: 8px; padding: 12px 20px; top: 8px; width: auto; z-index: 100000;
}
.amp-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.hidden { display: none !important; }

.amp-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.amp-container--narrow { max-width: 860px; }
.amp-site-content { min-height: 40vh; }

/* ==========================================================================
   Header
   ========================================================================== */
.amp-top-bar { position: relative; z-index: 60; }
.amp-marquee-track { animation-duration: var(--amp-marquee-speed); }
.amp-marquee-text { color: inherit; }
.amp-top-bar-links a:hover { color: var(--amp-primary); }

.amp-header {
	position: relative;
	z-index: 50;
	width: 100%;
}
body.amp-sticky-header .amp-header { position: sticky; top: var(--amp-admin-bar); }
.amp-header.is-stuck { box-shadow: 0 4px 16px rgba(0, 0, 0, .08); }
.amp-header-inner { max-width: 1280px; margin: 0 auto; }
.amp-header-content { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.amp-logo { display: flex; align-items: center; flex-shrink: 0; }
.amp-logo img, .amp-logo .amp-logo-img { max-height: var(--amp-logo-h); width: auto; height: var(--amp-logo-h); object-fit: contain; }
.amp-nav { display: flex; align-items: center; flex: 1; justify-content: flex-start; min-width: 0; }
.amp-nav-menu { flex-wrap: nowrap; }
.amp-nav .amp-menu-link { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; padding: 8px 0; }
.amp-menu-chevron { width: 16px; height: 16px; }
.amp-nav .sub-menu { margin: 0; }
.amp-nav .sub-menu .amp-submenu-link { font-size: 14px; white-space: nowrap; }
.amp-nav .sub-menu li:hover > a { color: var(--amp-primary); }
.amp-icon-btn {
	display: inline-flex; align-items: center; justify-content: center;
	background: transparent; border: 0; padding: 8px; border-radius: 9999px;
	color: #4A4A4A; transition: background-color .2s ease, color .2s ease;
}
.amp-icon-btn:hover { background: #F8F9FA; color: var(--amp-primary); }
.amp-icon-btn svg { width: 24px; height: 24px; }
.amp-account-link { color: var(--amp-primary); }
.amp-modern-cart-btn { color: var(--amp-primary); }
.amp-modern-cart-icon svg { width: 28px !important; height: 28px !important; }
.amp-menu-toggle { display: none; }
@media (max-width: 1320px) {
	.amp-nav-menu > li, .amp-nav .amp-menu-item { margin-right: 24px; }
}
@media (max-width: 1220px) {
	.amp-header-content { gap: 16px; }
	.amp-nav-menu > li, .amp-nav .amp-menu-item { margin-right: 16px; }
	.amp-nav .amp-menu-link { font-size: 13px; letter-spacing: .2px; }
}
@media (max-width: 1100px) {
	.amp-nav { display: none !important; }
	.amp-menu-toggle { display: inline-flex !important; }
	.amp-action-icons { margin-left: auto; }
}
@media (max-width: 767px) {
	.amp-header-inner { padding: 10px 14px; }
	.amp-logo img, .amp-logo .amp-logo-img { height: 40px; }
	.amp-header .amp-modern-cart-btn, .amp-header .amp-account-link { display: none; }
	body:not(.amp-has-bottom-nav) .amp-header .amp-modern-cart-btn { display: inline-flex; }
}

/* Mobile drawer */
.amp-mobile-overlay {
	position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 998;
	opacity: 0; visibility: hidden; transition: all .3s ease;
}
.amp-mobile-overlay.active { opacity: 1; visibility: visible; }
.amp-mobile-menu {
	position: fixed; top: 0; left: 0; width: 300px; max-width: 86vw; height: 100%;
	background: #fff; z-index: 999; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
	overflow-y: auto; font-family: var(--amp-font-ui);
}
.amp-mobile-menu-head { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid var(--amp-border); }
.amp-mobile-logo img { height: 40px; width: auto; }
.amp-drawer-nav { padding: 12px 16px; }
.amp-mobile-menu-list, .amp-mobile-sub { list-style: none; margin: 0; padding: 0; }
.amp-mobile-item { position: relative; }
.amp-mobile-link {
	display: block; padding: 12px 16px; color: #4A4A4A; font-weight: 500; border-radius: 8px; font-size: 15px;
}
.amp-mobile-link:hover, .amp-mobile-item.is-current > .amp-mobile-link { background: #F8F9FA; color: var(--amp-primary); }
.amp-mobile-sub-toggle {
	position: absolute; right: 4px; top: 4px; width: 38px; height: 38px; border: 0; background: transparent;
	color: #4A4A4A; display: flex; align-items: center; justify-content: center; border-radius: 8px;
}
.amp-mobile-sub-toggle svg { width: 18px; height: 18px; transition: transform .2s ease; }
.amp-mobile-item.open > .amp-mobile-sub-toggle svg { transform: rotate(180deg); }
.amp-mobile-sub { display: none; padding-left: 16px; }
.amp-mobile-item.open > .amp-mobile-sub { display: block; }
.amp-mobile-extra { display: flex; gap: 16px; padding: 16px 32px; border-top: 1px solid var(--amp-border); }
.amp-mobile-extra a { color: var(--amp-muted); font-size: 14px; }

/* Search overlay */
.amp-search-overlay { padding: 24px; flex-direction: column; }
.amp-search-box { width: 100%; max-width: 640px; }
.amp-search-overlay form button[type="submit"] svg { stroke: #fff; }
.amp-search-close {
	position: absolute; top: 24px; right: 24px; width: 48px; height: 48px; border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .3); background: transparent; color: #fff;
	display: flex; align-items: center; justify-content: center;
}
.amp-search-close svg { width: 24px; height: 24px; }
.amp-search-results { margin-top: 16px; }
.amp-sr-list { list-style: none; margin: 0; padding: 8px; background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(0, 0, 0, .2); }
.amp-sr-item { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 10px; color: var(--amp-dark); }
.amp-sr-item:hover { background: #F8F9FA; color: var(--amp-dark); }
.amp-sr-img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; background: #E8EDF2; flex-shrink: 0; }
.amp-sr-name { flex: 1; font-weight: 500; font-size: 15px; }
.amp-sr-price { color: var(--amp-primary); font-weight: 700; font-size: 14px; white-space: nowrap; }
.amp-sr-price del { color: #9CA3AF; font-weight: 400; margin-right: 4px; }
.amp-sr-price ins { text-decoration: none; }
.amp-sr-all { display: block; margin-top: 10px; text-align: center; color: #fff; font-weight: 600; }
.amp-sr-empty { color: #fff; text-align: center; }

/* ==========================================================================
   Generic pages
   ========================================================================== */
.amp-main { display: block; }
.amp-page { padding: 60px 0 80px; }
.amp-page-header { margin-bottom: 32px; }
.amp-page-title { font-size: 48px; color: var(--amp-heading); margin: 0; }
@media (max-width: 767px) { .amp-page { padding: 40px 0 60px; } .amp-page-title { font-size: 34px; } }
.amp-entry-content > *:last-child { margin-bottom: 0; }
.amp-entry-content ul, .amp-entry-content ol { padding-left: 1.4em; margin: 0 0 1.6em; }
.amp-entry-content blockquote, .amp-prose blockquote {
	margin: 0 0 1.6em; padding: 20px 24px; border-left: 4px solid #E5E7EB; font-size: 15.4px;
}

/* Blog */
.amp-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 991px) { .amp-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .amp-post-grid { grid-template-columns: 1fr; } }
.amp-post-card { background: #fff; border: 1px solid var(--amp-border); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
.amp-post-thumb img { width: 100%; height: 220px; object-fit: cover; }
.amp-post-body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.amp-post-meta { color: var(--amp-muted); font-size: 13px; margin: 0 0 6px; }
.amp-post-title { font-size: 26px; margin: 0 0 10px; }
.amp-post-title a { color: var(--amp-heading); }
.amp-post-excerpt { flex: 1; color: #374151; }
.amp-post-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--amp-primary); font-family: var(--amp-font-ui); }
.amp-post-more svg { width: 18px; height: 18px; }
.amp-single-thumb { margin-bottom: 24px; border-radius: 12px; overflow: hidden; }
.nav-links { display: flex; gap: 8px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
.nav-links .page-numbers { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--amp-border); border-radius: 8px; padding: 0 12px; color: var(--amp-dark); }
.nav-links .page-numbers.current, .nav-links .page-numbers:hover { background: var(--amp-primary); border-color: var(--amp-primary); color: #fff; }
.amp-search-form { display: flex; max-width: 480px; border: 1px solid var(--amp-border); border-radius: 8px; overflow: hidden; }
.amp-search-field { flex: 1; border: 0; padding: 12px 14px; outline: none; }
.amp-search-submit { border: 0; background: var(--amp-primary); color: #fff; padding: 0 16px; display: flex; align-items: center; }
.amp-search-submit svg { width: 20px; height: 20px; }
.amp-empty-state { text-align: center; padding: 40px 0; }

/* 404 */
.amp-404-inner { text-align: center; max-width: 640px; }
.amp-404-code { font-family: var(--amp-font-ui); font-size: 120px; font-weight: 800; line-height: 1; margin: 0 0 12px; color: var(--amp-primary); }
.amp-404-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 24px; font-family: var(--amp-font-ui); }
.amp-btn-outline { display: inline-block; padding: 14px 28px; border-radius: 8px; border: 2px solid var(--amp-primary); color: var(--amp-primary); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.amp-btn-outline:hover { background: var(--amp-primary); color: #fff; }

/* Comments */
.amp-comments { margin-top: 48px; }
.amp-comment-list { list-style: none; padding: 0; }
.comment-form input:not([type="submit"]):not([type="checkbox"]), .comment-form textarea { width: 100%; border: 1px solid #DDD; border-radius: 4px; padding: 12px; }
.comment-form .submit { background: var(--amp-primary); color: #fff; border: 0; padding: 14px 28px; border-radius: 7px; font-weight: 700; }

/* Elementor helpers */
.amp-editor-notice { padding: 18px 22px; border: 2px dashed #F1BCBC; background: #FFF6F6; color: #7A1F1F; border-radius: 12px; font-family: var(--amp-font-ui); font-size: 14px; text-align: center; }
.amp-elementor-page .elementor-widget-text-editor { font-family: var(--amp-font-body); }

/* Stacking order: drawers and overlays above the floating cart / bottom nav */
.amp-search-overlay { z-index: 10000 !important; }
.amp-mobile-overlay { z-index: 1000; }
.amp-mobile-menu { z-index: 1001; }
.amp-comments-title, .comment-reply-title { font-size: 30px; }
.amp-404-inner .amp-page-title { margin-bottom: 12px; }
