.amg-comm .amg-comm-petbar{position:relative;z-index:1001;margin:0 0 8px;display:block}
.amg-comm .amg-comm-petbar.is-open{display:block}
.amg-comm .amg-comm-petbar .amg-comm-pet-mini{position:static;left:auto;right:auto;bottom:auto}
.amg-comm .amg-comm-petbar .amg-comm-pet-mini{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px;box-shadow:none;max-width:100%}
.amg-comm .amg-comm-petbar .amg-comm-item{transform:scale(1)}
/* Tips widget - simple slider with peek effect */
.amg-comm-tips-widget{
    background:transparent;
    padding:24px 0;
    margin:0;
    max-width:100%; /* Prevent overflow */
    overflow:hidden; /* CRITICAL: Force scroll container to work */
}
.amg-comm-tips-header{font-size:24px;font-weight:800;color:#111;margin:0 0 20px;padding:0 16px;line-height:1.2}
.amg-comm-tips-header .amg-comm-tips-sub{display:block;font-size:15px;font-weight:500;color:#6b7280;margin-top:6px}

/* Embla wrapper */
.amg-comm-tips-embla{
    overflow:hidden;
    padding:0 16px;
}
/* Slider Container - Embla compatible */
.amg-comm-tips-scroll{
    display:flex;
    gap:16px;
    padding:0 0 20px;
    margin:0;
    cursor:grab;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.amg-comm-tips-scroll:active{cursor:grabbing}
.amg-comm-tips-scroll a{-webkit-user-drag:none;user-drag:none}
.amg-comm-tips-scroll img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
/* Slide wrapper */
.amg-comm-tips-slide{
    flex:0 0 280px;
    min-width:0;
}

/* Card style */
.amg-comm-tips-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    border:1px solid #eee;
    position:relative;
    transition:transform .2s ease;
    height:100%;
}
.amg-comm-tips-card:hover{border-color:#ddd}
.amg-comm-tips-card:active{transform:scale(0.98)}

/* Card thumbnail */
.amg-comm-tips-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f3f4f6;position:relative}
.amg-comm-tips-thumb img,.amg-comm-tips-thumb video{width:100%;height:100%;object-fit:cover}
.amg-comm-tips-thumb--video video{opacity:0.85;transition:opacity .2s}
.amg-comm-tips-card:hover .amg-comm-tips-thumb--video video{opacity:1}
.amg-comm-tips-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:1;transition:opacity .2s,transform .2s}
.amg-comm-tips-card:hover .amg-comm-tips-play{opacity:0;transform:translate(-50%,-50%) scale(1.1)}

/* Card body */
.amg-comm-tips-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}

/* Author meta */
.amg-comm-tips-meta{display:flex;align-items:center;gap:5px;font-size:13px;color:#6b7280;flex-wrap:wrap}
.amg-comm-tips-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#eee}
.amg-comm-tips-avatar--placeholder{background:#f3f4f6;display:flex;align-items:center;justify-content:center}
.amg-comm-tips-author{font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amg-comm-tips-species{font-size:12px;line-height:1}
.amg-comm-tips-badge{font-size:11px;line-height:1}
.amg-comm-tips-dot{color:#e5e7eb}
.amg-comm-tips-topic{font-weight:500;color:#6b7280;font-size:12px}
.amg-comm-tips-time{color:#9ca3af;font-size:12px}

/* Title */
.amg-comm-tips-title{
    font-size:17px;
    font-weight:700;
    color:#111;
    line-height:1.4;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:48px;
}
.amg-comm-tips-excerpt{
    font-size:13px;
    color:#6b7280;
    line-height:1.45;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-top:2px;
}

/* Official badge in tips */
.amg-comm-official-badge{
    color:#1d9bf0;font-size:13px;font-weight:700;
}

/* Topic tag */
.amg-comm-tips-tag{
    display:inline-flex;align-items:center;gap:6px;
    font-size:12px;font-weight:600;
    color:#6b7280;
    background:#f3f4f6;
    padding:4px 10px;
    border-radius:8px;
    margin-top:auto;
    width:fit-content;
}
.amg-comm-tips-tag-icon svg{width:12px;height:12px}

/* Empty state */
.amg-comm-tips-empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px;background:#f9fafb;border-radius:12px;margin:0 16px}

/* View all link */
.amg-comm-tips-more{margin-top:16px;padding:0 16px;text-align:right}
.amg-comm-tips-more-link{
    display:inline-flex;align-items:center;gap:6px;
    color:#111;font-weight:600;text-decoration:none;font-size:14px;
}
.amg-comm-tips-more-link svg{width:16px;height:16px}

/* Desktop */
@media(min-width:768px){
    .amg-comm-tips-embla{
        padding:0 32px;
    }
    .amg-comm-tips-scroll{
        padding:0 0 24px;
    }
    .amg-comm-tips-slide{
        flex:0 0 300px;
    }
    .amg-comm-tips-header{padding:0 32px}
    .amg-comm-tips-more{padding:0 32px}
}

/* Mobile */
@media(max-width:767px){
    .amg-comm-tips-slide{
        flex:0 0 280px;
    }
}

/* FIX: Remove default body margin that causes horizontal scroll */
body.amg-comm-standalone{margin:0!important}
/* Design Tokens */
.amg-comm{
	--brand:#ffba00;
	--accent:#ffba00;
	--accent-bg:#FFF7DB;
	--accent-bg-strong:#FFF0B3;
	--accent-border:#FFD36E;
	--accent-ink:#7A5A00;
	--text:#111827;
	--muted:#6b7280;
	--bg:#f8fafc;
	--soft:#f3f4f6;
	--surface:#ffffff;
	--border:#e5e7eb;
	--border-strong:#e2e8f0;
	--r:12px;--r-lg:16px;--r-pill:999px;
	--shadow-sm:0 1px 3px rgba(0,0,0,.04);
	--shadow-md:0 12px 32px -8px rgba(0,0,0,.12);
}
.amg-comm .is-loading .amg-comm-results{opacity:.6}
.amg-comm{color:var(--text);font-family:'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
.amg-comm .amg-comm-inner{max-width:100%;margin:0 auto;padding:12px}

/* Mobile header with logo and back to site */
.amg-comm .amg-comm-mobile-header{
    display:none; /* Hidden by default, shown on mobile */
    position:sticky;
    top:0;
    z-index:1001;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid var(--border);
    padding:12px 16px;
    align-items:center;
    gap:12px;
}
.amg-comm .amg-comm-mobile-header__back{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#f3f4f6;
    color:#374151;
    text-decoration:none;
    transition:all .15s ease;
}
.amg-comm .amg-comm-mobile-header__back:hover{background:#e5e7eb;color:#111}
.amg-comm .amg-comm-mobile-header__back svg{display:block}
.amg-comm .amg-comm-mobile-header__logo{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}
.amg-comm .amg-comm-mobile-header__title{
    font-weight:800;
    font-size:18px;
    color:#111;
    letter-spacing:-0.02em;
}
.amg-comm .amg-comm-mobile-header__spacer{width:40px}

/* Show mobile header only on mobile */
@media(max-width:767px){
    .amg-comm .amg-comm-mobile-header{display:flex}
}

/* Mobile first */
@media(max-width:640px){
	.amg-comm .amg-comm-inner{padding:0}
	.amg-comm #amg-comm-feed{gap:0}
	.amg-comm .amg-comm-col-feed .amg-comm-card{border-radius:0;padding:16px;border-bottom:1px solid #efefef;box-shadow:none}
}
.amg-comm #amg-comm-layout{display:flex;flex-direction:column;gap:24px}

/* ========== THREADS-STYLE DESKTOP LAYOUT ========== */
@media(min-width:768px){
	.amg-comm{
		min-height:100vh;
		min-height:100dvh;
		background:#fff
	}
	.amg-comm .amg-comm-inner{
		max-width:640px;
		margin:0 auto;
		padding:0;
		background:#fff;
		position:relative;
        border-left:1px solid var(--border);
        border-right:1px solid var(--border);
        min-height:100vh;
        min-height:100dvh;
	}
	/* Top bars - full width inside container */
	.amg-comm .amg-comm-tabs--top{
		padding:12px 16px;
		border-bottom:1px solid var(--border);
		background:#fff
	}
	.amg-comm .amg-comm-sortseg{
		padding:8px 16px;
		border-bottom:1px solid var(--border);
		background:#fff
	}
	.amg-comm .amg-comm-filterbar{
		padding:12px 16px;
		border-bottom:1px solid var(--border);
		background:#fff;
		overflow-x:auto;
		overflow-y:hidden;
		scrollbar-width:none
	}
	.amg-comm .amg-comm-filterbar::-webkit-scrollbar{display:none}
	.amg-comm .amg-comm-profile-header{
		background:#fff
	}
	/* Main layout - simple flex */
	.amg-comm #amg-comm-layout{
		display:flex;
		background:#fff
	}
	/* Left sidebar - fixed position */
	.amg-comm .amg-comm-leftnav{
		position:fixed;
		left:max(16px, calc(50% - 340px - 80px));
		top:0;
		height:100vh;
		height:100dvh;
		width:72px;
		display:flex;
		flex-direction:column;
		align-items:center;
		padding:20px 0;
		gap:8px;
		background:#fff;
		border-right:1px solid var(--border);
		z-index:1000
	}
	.amg-comm .amg-comm-ln-logo{
		margin-bottom:20px
	}
	.amg-comm .amg-comm-ln-item{
		width:46px;
		height:46px;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:12px;
		color:var(--muted);
		transition:all .15s ease
	}
	.amg-comm .amg-comm-ln-item:hover{
		background:var(--soft);
		color:var(--text)
	}
	/* Feed column */
	.amg-comm .amg-comm-col-feed{
		flex:1;
		max-width:600px;
		margin:0 auto;
		padding:0 16px;
		min-height:100vh;
		min-height:100dvh;
		background:#fff
	}
	/* Hide mobile bottom nav */
	.amg-comm .amg-comm-bottomnav{display:none!important}
	/* Hide extra elements */
	.amg-comm .amg-comm-col-detail,.amg-comm .amg-comm-col-side{display:none}
	.amg-comm .amg-comm-col-form[data-sheet]{display:none}
}
.amg-comm .amg-comm-item.is-unread .amg-comm-card{box-shadow:none}
.amg-comm .amg-comm-col-form .amg-comm-card{position:sticky;top:80px}
.amg-comm .amg-comm-label{font-size:13px;letter-spacing:.2px}
.amg-comm textarea.amg-comm-input{resize:vertical;min-height:120px}
.amg-comm .amg-comm-topics{gap:6px}
.amg-comm .amg-comm-topic{font-size:12px;line-height:1.2;padding:0;border:none;background:transparent;border-radius:var(--r-pill);display:inline-flex;align-items:center}
.amg-comm .amg-comm-topic input{display:none}
.amg-comm .amg-comm-topic span{position:relative;display:inline-block;padding:6px 12px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.amg-comm .amg-comm-topic span:hover{background:#fafafa}
.amg-comm .amg-comm-topic span:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm .amg-comm-topic span:focus:not(:focus-visible){outline:none}}
.amg-comm .amg-comm-topic span:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.amg-comm .amg-comm-topic input:checked+span{background:var(--brand);color:#111;border-color:var(--brand);font-weight:600}
.amg-comm .amg-comm-petselect{padding:8px;border-radius:14px}
.amg-comm .amg-comm-petselect .amg-comm-item{padding:4px 10px;font-size:12px}
.amg-comm .amg-comm-addmedia{width:64px;height:64px}
.amg-comm .amg-comm-tab{font-size:12px}
.amg-comm .amg-comm-tab.is-active{color:#111;font-weight:600}

/* Hide modal via display */
.amg-comm [hidden]{display:none}
.amg-comm #amg-comm-feed{display:grid;grid-template-columns:1fr;gap:12px}
/* Keep list one-column to mimic Threads’ left list */
@media(min-width:768px){.amg-comm #amg-comm-feed{grid-template-columns:1fr}}
.amg-comm .amg-comm-item{margin:0}
.amg-comm .amg-comm-item.is-active .amg-comm-card{outline:2px solid var(--accent);outline-offset:2px}
/* Performance hint without collapsing layout */
.amg-comm .amg-comm-item{content-visibility:auto;contain-intrinsic-size:320px}
/* show species tabs; keep sort hidden by default */
.amg-comm .amg-comm-sortbar{display:none}
/* sort segmented control */
/* Sort segmented control: компактний як у Threads */
.amg-comm .amg-comm-sortseg{display:flex;gap:0;justify-content:center;margin:4px 0 8px;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#f9f9fb;padding:2px}
.amg-comm .amg-comm-sortbtn{border:none;background:transparent;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--muted);font-size:13px;min-width:90px;text-align:center}
.amg-comm .amg-comm-sortbtn.is-active{background:var(--brand);color:#111;border:1px solid var(--brand)}
.amg-comm .amg-comm-sort-hint{text-align:center;font-size:11px;color:var(--muted);margin:-4px 0 6px;opacity:.7}
/* horizontal filter chips – одна тонка лінія чіпів */
/* Category filter chips */
.amg-comm .amg-comm-filterbar{
	display:flex;
	flex-wrap:nowrap;
	gap:8px;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	scroll-behavior:smooth;
	padding:4px 16px 16px;
	margin:0;
	scrollbar-width:none;
	max-width:100%;
	background:transparent;
	border-bottom:none;
}
.amg-comm .amg-comm-filterbar::-webkit-scrollbar{display:none}
.amg-comm .amg-comm-filterbar .amg-chip{
	display:inline-flex;
	align-items:center;
	gap:6px;
	border:none;
	padding:8px 16px;
	border-radius:999px;
	background:#fff;
	color:#4b5563;
	text-decoration:none;
	white-space:nowrap;
	font-size:13px;
	font-weight:600;
	flex-shrink:0;
	transition:all .2s ease;
	box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.amg-comm .amg-comm-filterbar .amg-chip:hover{
	transform:translateY(-1px);
	box-shadow:0 4px 12px rgba(0,0,0,.08);
	background:#fff;
}
.amg-comm .amg-comm-filterbar .amg-chip.is-active{
	background:#111;
	color:#fff;
	box-shadow:0 4px 16px rgba(0,0,0,.2);
}
.amg-comm .amg-comm-filterbar .amg-chip svg{width:14px;height:14px}
/* Threads-style cards: flat, no borders, bottom line separator */
.amg-comm .amg-comm-card{border:none;border-radius:0;padding:20px 0;background:#fff;box-shadow:none;position:relative;overflow:visible;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:0;border-bottom:1px solid #efefef}
.amg-comm .amg-comm-card + .amg-comm-card{margin-top:0;border-top:none;padding-top:20px}
@media(min-width:900px){
	.amg-comm .amg-comm-card:hover{
		background:#fff;
		box-shadow:none;
		transform:none;
	}
}
/* У detail-режимі повертаємо “картку” */
.amg-comm.amg-comm-single .amg-comm-card{
	border:none;
	border-radius:0;
	padding:20px 0;
	background:#fff;
	box-shadow:none;
    border-bottom:none;
}
.amg-comm{background:#fafafa}
.amg-comm .amg-comm-col-feed .amg-comm-gallery-mini,
.amg-comm .amg-comm-col-feed .amg-comm-prods{display:none}
.amg-comm .amg-comm-col-feed .amg-comm-tags{display:none}
.amg-comm .amg-comm-col-feed .entry-excerpt span{font-size:14px;line-height:1.5}
/* Topic badge - subtle category in header */
.amg-comm .amg-comm-topic-badge{font-size:11px;color:#9ca3af;background:transparent;padding:0;font-weight:400}
/* Card title in feed */
.amg-comm .amg-comm-card-title{font-size:17px;font-weight:700;margin:8px 0 6px;line-height:1.3;letter-spacing:-.01em}
.amg-comm .amg-comm-card-title a{color:inherit;text-decoration:none}
.amg-comm .amg-comm-card-title a:hover{color:var(--accent)}
.amg-comm .amg-comm-col-feed .amg-comm-actions{margin-top:4px}
/* Show a compact single thumbnail in list */
.amg-comm .amg-comm-col-feed .amg-comm-thumb{margin-top:6px}
.amg-comm .amg-comm-col-feed .amg-comm-thumb img,
.amg-comm .amg-comm-col-feed .amg-comm-thumb video,
.amg-comm .amg-comm-col-feed .amg-comm-video{width:100%;height:auto;object-fit:cover;border-radius:12px;margin:6px 0}
.amg-comm a{color:inherit;text-decoration:none}
.amg-comm a:visited{color:inherit}
.amg-comm a:hover{text-decoration:none}
.amg-comm .amg-comm-title a:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
@supports selector(:focus-visible){.amg-comm .amg-comm-title a:focus:not(:focus-visible){outline:none}}
.amg-comm .amg-comm-title a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.amg-comm .amg-comm-meta{color:var(--muted);font-size:12px}
.amg-comm .amg-comm-col-feed > .amg-comm-card > .amg-comm-meta{display:none}
.amg-comm .amg-comm-thumb img{width:100%;height:auto;border-radius:12px;margin:6px 0}
.amg-comm .amg-comm-media-link{display:block}
.amg-comm .amg-comm-video{width:100%;height:auto;display:block;border-radius:12px;margin:6px 0;background:#000}
/* Legacy media grid */
.amg-comm .amg-comm-media-grid{display:grid;gap:4px;margin:8px 0}
.amg-comm .amg-comm-media-grid--2{grid-template-columns:1fr 1fr}
.amg-comm .amg-comm-media-grid--3{grid-template-columns:1fr 1fr}
.amg-comm .amg-comm-media-grid .amg-comm-media-link img,.amg-comm .amg-comm-media-grid .amg-comm-video{width:100%;height:100%;object-fit:cover;border-radius:10px}
.amg-comm .amg-comm-media-grid--3 .amg-comm-media-link:nth-child(1){grid-column:1/-1;height:320px}
.amg-comm .amg-comm-media-grid--2 .amg-comm-media-link{height:280px}
.amg-comm .amg-comm-media-grid--3 .amg-comm-media-link:not(:first-child){height:160px}
/* Threads-style photo grid (1-4 photos) */
.amg-comm .amg-comm-grid{display:grid;gap:2px;margin:10px 0;border-radius:16px;overflow:hidden}
.amg-comm .amg-comm-grid-item{position:relative;display:block;overflow:hidden;background:#000;cursor:zoom-in}
.amg-comm .amg-comm-grid-item img,.amg-comm .amg-comm-grid-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.amg-comm .amg-comm-grid-item:hover img,.amg-comm .amg-comm-grid-item:hover video{transform:scale(1.02)}
/* 1 photo */
.amg-comm .amg-comm-grid--1{grid-template-columns:1fr}
.amg-comm .amg-comm-grid--1 .amg-comm-grid-item{aspect-ratio:4/3;max-height:480px}
/* 2 photos */
.amg-comm .amg-comm-grid--2{grid-template-columns:1fr 1fr}
.amg-comm .amg-comm-grid--2 .amg-comm-grid-item{aspect-ratio:1/1}
/* 3 photos */
.amg-comm .amg-comm-grid--3{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr}
.amg-comm .amg-comm-grid--3 .amg-comm-grid-item:first-child{grid-column:1/-1}
.amg-comm .amg-comm-grid--3 .amg-comm-grid-item{aspect-ratio:auto;min-height:140px}
/* 4 photos */
.amg-comm .amg-comm-grid--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.amg-comm .amg-comm-grid--4 .amg-comm-grid-item{aspect-ratio:1/1}
/* "+N more" overlay */
.amg-comm .amg-comm-grid-more{position:relative}
.amg-comm .amg-comm-grid-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}
/* Video play icon in grid */
.amg-comm .amg-comm-grid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:1;transition:opacity .2s,transform .2s;z-index:2}
.amg-comm .amg-comm-grid-item:hover .amg-comm-grid-play{opacity:0;transform:translate(-50%,-50%) scale(1.1)}
.amg-comm .amg-comm-grid-item[data-type="video"] video{opacity:0.9;transition:opacity .2s}
.amg-comm .amg-comm-grid-item[data-type="video"]:hover video{opacity:1}
/* Threads-style author header */
.amg-comm .amg-comm-author{display:flex;align-items:center;gap:10px;margin-bottom:8px;position:relative}
.amg-comm .amg-comm-col-feed .amg-comm-author{margin-bottom:6px}
.amg-comm.amg-comm-single .amg-comm-author{position:relative;z-index:10}
.amg-comm.amg-comm-single .amg-comm-more{z-index:20}
.amg-comm.amg-comm-single .amg-comm-menu{z-index:1001}
/* Avatar */
.amg-comm .amg-comm-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.amg-comm .amg-comm-avatar-link{text-decoration:none}
.amg-comm .amg-comm-avatar-link:hover{opacity:.9}
.amg-comm .amg-comm-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
/* Avatar - emoji fallback */
.amg-comm .amg-comm-avatar--emoji{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}
.amg-comm .amg-comm-avatar-emoji{font-size:22px;line-height:1}

/* Meta Column */
.amg-comm .amg-comm-meta-col{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px}

/* Line 1: Name */
.amg-comm .amg-comm-row-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-right:24px} /* Padding for menu button */
.amg-comm .amg-comm-name-text{font-weight:700;color:var(--text);font-size:15px;text-decoration:none;line-height:1.2}
.amg-comm .amg-comm-name-text:hover{text-decoration:underline}
.amg-comm .amg-comm-species-emoji{font-size:14px;line-height:1}

/* Line 2: Pet Details */
.amg-comm .amg-comm-row-mid{font-size:13px;color:#4b5563;line-height:1.3}

/* Line 3: Meta (Category & Time) */
.amg-comm .amg-comm-row-bot{font-size:12px;color:#9ca3af;line-height:1.3;display:flex;align-items:center;gap:4px}
.amg-comm .amg-comm-meta-topic{font-weight:500;color:#6b7280}
.amg-comm .amg-comm-meta-sep{font-weight:700;color:#d1d5db}
.amg-comm .amg-comm-meta-time{white-space:nowrap}

/* Menu Button Position */
.amg-comm .amg-comm-more{position:absolute;top:0;right:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#9ca3af;font-size:16px;line-height:1;padding:0;z-index:20}
.amg-comm .amg-comm-more:hover{color:var(--text);background:rgba(0,0,0,.05);border-radius:4px}

/* Rating Badge (Inline) */
.amg-comm .amg-comm-rating{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:1px 6px;font-size:11px;color:#6b7280;line-height:1;height:20px;white-space:nowrap;margin-left:4px}

/* Feed Compact Override */
.amg-comm .amg-comm-col-feed .amg-comm-row-mid{display:none}
.amg-comm .amg-mention,.amg-comm .amg-comm-mention{color:#1d9bf0;font-weight:600;text-decoration:none}
.amg-comm .amg-hashtag{color:#8b5cf6;font-weight:500}
.amg-comm .amg-comm-link{color:var(--accent);text-decoration:underline;word-break:break-all}
.amg-comm .amg-comm-link:hover{color:#e69500;text-decoration:none}
.amg-comm .amg-comm-mention:hover{text-decoration:underline}
.amg-comm .amg-comm-rating{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px 8px;font-size:11px;color:#6b7280;line-height:1;height:22px;white-space:nowrap}
.amg-comm .amg-comm-rating .emoji{display:inline-block;font-size:14px;line-height:1}
.amg-comm .amg-comm-rating .txt{line-height:1}

/* Tier Tooltip */
.amg-comm .amg-comm-rating[data-tier-info]{cursor:pointer;position:relative}
.amg-comm .amg-comm-rating[data-tier-info]:hover{background:var(--accent-bg);border-color:var(--accent-border)}
.amg-comm .amg-comm-tier-tooltip{
    position:absolute;
    bottom:calc(100% + 8px);
    left:50%;
    transform:translateX(-50%) scale(0.95);
    background:#fff;
    border-radius:12px;
    padding:12px 14px;
    min-width:200px;
    max-width:260px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    border:1px solid var(--border);
    opacity:0;
    visibility:hidden;
    transition:all .2s ease;
    z-index:1000;
    text-align:left;
    pointer-events:none
}
.amg-comm .amg-comm-tier-tooltip::after{
    content:'';
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border:6px solid transparent;
    border-top-color:#fff
}
.amg-comm .amg-comm-tier-tooltip::before{
    content:'';
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border:7px solid transparent;
    border-top-color:var(--border)
}
.amg-comm .amg-comm-rating[data-tier-info]:hover .amg-comm-tier-tooltip,
.amg-comm .amg-comm-rating[data-tier-info]:focus .amg-comm-tier-tooltip,
.amg-comm .amg-comm-rating[data-tier-info].is-tooltip-open .amg-comm-tier-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) scale(1);
    pointer-events:auto
}
.amg-comm .amg-comm-tier-tooltip-title{
    display:block;
    font-size:14px;
    font-weight:700;
    color:var(--text);
    margin-bottom:6px
}
.amg-comm .amg-comm-tier-tooltip-desc{
    display:block;
    font-size:13px;
    line-height:1.4;
    color:#4b5563;
    margin-bottom:8px;
    word-wrap:break-word;
    overflow-wrap:break-word;
    white-space:normal
}
.amg-comm .amg-comm-tier-tooltip-pts{
    display:inline-block;
    font-size:11px;
    font-weight:600;
    color:var(--accent-ink);
    background:var(--accent-bg);
    padding:4px 8px;
    border-radius:999px
}
/* Mobile: tooltip on bottom */
@media(max-width:480px){
    .amg-comm .amg-comm-tier-tooltip{
        bottom:auto;
        top:calc(100% + 8px);
        left:0;
        transform:translateX(0) scale(0.95)
    }
    .amg-comm .amg-comm-tier-tooltip::after{
        top:auto;
        bottom:100%;
        border-top-color:transparent;
        border-bottom-color:#fff
    }
    .amg-comm .amg-comm-tier-tooltip::before{
        top:auto;
        bottom:100%;
        border-top-color:transparent;
        border-bottom-color:var(--border)
    }
    .amg-comm .amg-comm-rating[data-tier-info]:hover .amg-comm-tier-tooltip,
    .amg-comm .amg-comm-rating[data-tier-info]:focus .amg-comm-tier-tooltip,
    .amg-comm .amg-comm-rating[data-tier-info].is-tooltip-open .amg-comm-tier-tooltip{
        transform:translateX(0) scale(1)
    }
}
.amg-comm-tips-header .amg-comm-petname{display:inline;white-space:nowrap}
.amg-comm .amg-comm-rating--bronze{border-color:#f59e0b;color:#92400e;background:#FFFBEB}
.amg-comm .amg-comm-rating--silver{border-color:#9ca3af;color:#374151;background:#F3F4F6}
.amg-comm .amg-comm-rating--gold{border-color:#fbbf24;color:#92400e;background:#FFF7DB}
.amg-comm .amg-comm-rating--diamond{border-color:#06b6d4;color:#0e7490;background:#ECFEFF}
.amg-comm .amg-comm-species{font-size:11px;line-height:1;border-radius:999px;padding:4px 8px;border:1px solid var(--border);background:var(--soft);color:var(--muted)}
.amg-comm .amg-comm-species--cats{background:#fdf2f8;border-color:#fbcfe8;color:#9d174d}
.amg-comm .amg-comm-species--dogs{background:#ecfeff;border-color:#a5f3fc;color:#155e75}
.amg-comm .amg-comm-more{margin-left:auto;background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:20px;line-height:1;padding:4px;border-radius:8px;position:relative;z-index:10}
.amg-comm .amg-comm-more:hover{background:var(--soft)}
.amg-comm .amg-comm-more:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm .amg-comm-more:focus:not(:focus-visible){outline:none}}
.amg-comm .amg-comm-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.amg-comm .amg-comm-menu{position:absolute;right:0;top:30px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:160px;z-index:1000;padding:6px}
.amg-comm .amg-comm-menu-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none;cursor:pointer}
.amg-comm .amg-comm-menu-item:hover{background:var(--soft)}
.amg-comm .amg-comm-menu .amg-comm-delete{color:#b91c1c}
/* Header fix for menu */
.amg-comm .amg-comm-header{display:flex;align-items:center;gap:6px;position:relative;z-index:5}
.amg-comm .amg-comm-title{margin:6px 0 4px;font-size:16px;color:var(--text)}
/* У фіді не показуємо topic chip та H3, лише текст як у Threads */
.amg-comm .amg-comm-col-feed .amg-comm-topicchip,
.amg-comm .amg-comm-col-feed .amg-comm-title{display:none}
.amg-comm-petselect{margin:10px 0;padding:0;border:none;background:transparent}
.amg-comm-petselect .amg-comm-title{font-weight:600;margin-bottom:8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.amg-comm-petselect .amg-comm-list{display:flex;gap:10px;flex-wrap:wrap}
.amg-comm-petselect .amg-comm-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid transparent;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.04);cursor:pointer;transition:all .2s ease;font-weight:600;color:#4b5563}
.amg-comm-petselect .amg-comm-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.amg-comm-petselect .amg-comm-item:has(input:checked),
.amg-comm-petselect .amg-comm-item.is-selected{border-color:var(--accent);background:#fffbf0;color:#111;box-shadow:0 4px 12px rgba(255,186,0,.15)}
.amg-comm-petselect .amg-comm-item input{accent-color:var(--accent)}
/* No pets state */
.amg-comm-nopets{background:#FFF7DB;border:1px dashed #f0b429;border-radius:12px;padding:16px;text-align:center;margin:10px 0}
.amg-comm-nopets__text{color:#7A5A00;font-size:13px;margin:0 0 12px}
.amg-comm-nopets__btn{display:inline-block;background:#ffba00;color:#111;border:none;border-radius:999px;padding:10px 20px;font-weight:600;text-decoration:none;cursor:pointer}
.amg-comm-nopets__btn:hover{background:#e0a600;color:#111}

/* Tabs Cats/Dogs */
.amg-comm .amg-comm-tabs{display:flex;gap:8px;margin:8px 0}
.amg-comm .amg-comm-tabs--top{justify-content:center;margin-top:6px;margin-bottom:16px}
.amg-comm .amg-comm-tabs--top .amg-comm-tab{font-size:14px;padding:10px 18px}
.amg-comm .amg-comm-tab{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);padding:6px 12px;cursor:pointer}
.amg-comm .amg-comm-tab.is-active{background:var(--brand);border-color:var(--brand)}
/* Segmented variant - large and accented like reference */
.amg-comm .amg-comm-tabs--seg{display:flex;justify-content:center;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#f9f9fb;padding:2px;gap:0;margin:16px auto;width:fit-content}
.amg-comm .amg-comm-tabs--seg .amg-comm-tab{border:none;border-radius:999px;background:transparent;font-size:16px;padding:12px 24px;margin:0;color:#6b7280;font-weight:600;min-width:80px;text-align:center;transition:all 0.2s ease}
.amg-comm .amg-comm-tabs--seg .amg-comm-tab.is-active{background:#ffba00;color:#111;font-weight:700;box-shadow:none;border:2px solid #ffba00}
.amg-comm .amg-comm-tabs--seg .amg-comm-tab:not(.is-active){background:transparent;color:#6b7280}
.amg-comm .amg-comm-tabs--seg .amg-comm-tab:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm .amg-comm-tabs--seg .amg-comm-tab:focus:not(:focus-visible){outline:none}}
.amg-comm .amg-comm-tabs--seg .amg-comm-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Sort bar */
.amg-comm .amg-comm-sortbar{display:flex;gap:8px;align-items:center;margin:6px 0 10px}
.amg-comm .amg-comm-open-sort{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--muted);cursor:pointer}
.amg-comm .amg-comm-open-sort:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm .amg-comm-open-sort:focus:not(:focus-visible){outline:none}}
.amg-comm .amg-comm-open-sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Category chip bar */
.amg-comm .amg-comm-catbar{display:none}

/* Hashtag search bar */
.amg-comm .amg-comm-searchbar{position:relative;display:flex;align-items:center;gap:12px;justify-content:center;margin:16px 0}
.amg-comm .amg-comm-searchbar{display:none}
.amg-comm .amg-comm-searchbar__input{position:relative;flex:1;max-width:520px}
.amg-comm .amg-comm-searchbar__hash{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#9aa0a6;font-weight:700;font-size:16px}
.amg-comm .amg-comm-hashtag-input{height:48px;border-radius:24px;border:2px solid #e5e5e5;background:#fff;padding:12px 50px 12px 40px;font-size:15px;box-sizing:border-box;transition:all .2s ease}
.amg-comm .amg-comm-hashtag-input:focus{border-color:#ffba00;box-shadow:0 0 0 3px rgba(255,186,0,.15)}
.amg-comm .amg-comm-mascot{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;pointer-events:none}
.amg-comm .amg-comm-hashtag-input{width:100%;padding:10px 44px 10px 28px;border:1px solid var(--border);border-radius:999px;background:#fff;box-sizing:border-box}
.amg-comm .amg-comm-textsearch-input{width:100%;height:48px;border-radius:999px;border:1px solid var(--border);background:#fff;padding:10px 44px 10px 16px;font-size:15px;box-sizing:border-box;transition:all .2s ease}
.amg-comm .amg-comm-textsearch-input:focus{border-color:#ffba00;box-shadow:0 0 0 3px rgba(255,186,0,.15);outline:none}
.amg-comm .amg-comm-mascot{font-size:28px;line-height:1;margin-right:8px}

/* Category icon grid */
.amg-comm .amg-comm-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
/* Hide the big category grid on desktop to get a cleaner Threads-like list */
@media(min-width:640px){ .amg-comm .amg-comm-catgrid{display:none} }
.amg-comm .amg-comm-searchbar,
.amg-comm .amg-comm-catgrid,
.amg-comm .amg-comm-sortbar{display:none}
.amg-comm .amg-comm-catbtn{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #e5e5e5;border-radius:20px;background:#fff;color:var(--text);padding:16px 12px;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}
.amg-comm .amg-comm-catbtn:hover{background:#f8f8f8;border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.amg-comm .amg-comm-catbtn .amg-comm-topicicon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #FFF4E6 0%, #FFE8CC 100%);display:inline-flex;align-items:center;justify-content:center;color:#F59E0B;position:relative;transition:transform .2s ease}
.amg-comm .amg-comm-catbtn:hover .amg-comm-topicicon{transform:scale(1.1)}
.amg-comm .amg-comm-catbtn .amg-comm-topicicon svg{width:24px;height:24px}
.amg-comm .amg-comm-catbtn span{font-size:13px;font-weight:600;line-height:1.3;text-align:center;color:#333;margin-top:4px}
@media(min-width:640px){.amg-comm .amg-comm-catgrid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:1024px){.amg-comm .amg-comm-catgrid{max-width:800px;margin:20px auto}}
/* Category specific colors */
.amg-comm .amg-comm-catbtn[href*="care-tips"] .amg-comm-topicicon{background:linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);color:#0284C7}
.amg-comm .amg-comm-catbtn[href*="show-off"] .amg-comm-topicicon{background:linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);color:#D97706}
.amg-comm .amg-comm-catbtn[href*="hunting-play"] .amg-comm-topicicon,.amg-comm .amg-comm-catbtn[href*="play-walks"] .amg-comm-topicicon{background:linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%);color:#059669}
.amg-comm .amg-comm-catbtn[href*="care-questions"] .amg-comm-topicicon{background:linear-gradient(135deg, #EDE9FE 0%, #DDD6FE 100%);color:#7C3AED}
.amg-comm .amg-comm-catbtn[href*="vet-consultation"] .amg-comm-topicicon{background:linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);color:#DC2626}
.amg-comm .amg-comm-catbtn[href*="adoption"] .amg-comm-topicicon{background:linear-gradient(135deg, #FCE7F3 0%, #FBCFE8 100%);color:#DB2777}

/* Bottom Sheet & FAB */
.amg-comm .amg-comm-fab{position:fixed;right:16px;bottom:80px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 8px 20px rgba(255,186,0,.4);cursor:pointer;z-index:100050;transform:translateZ(0);pointer-events:auto}
.amg-comm .amg-comm-fab:hover{filter:brightness(.95)}
.amg-comm .amg-comm-fab:active{transform:translateZ(0) scale(.98)}
.amg-comm.amg-modal-open .amg-comm-fab{display:none}
.amg-comm .amg-comm-col-form.is-open ~ .amg-comm-fab{transform:translateZ(0) rotate(45deg)}
.amg-comm .amg-comm-fab{transition:transform .2s ease, box-shadow .2s ease;will-change:transform}
.amg-comm .amg-comm-fab:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
@supports selector(:focus-visible){.amg-comm .amg-comm-fab:focus:not(:focus-visible){outline:none;box-shadow:0 8px 20px rgba(255,186,0,.4)}}
.amg-comm .amg-comm-fab:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
.amg-comm .amg-comm-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10000}
.amg-comm [hidden].amg-comm-sheet-overlay{display:none}
.amg-comm [data-sheet]{transition:transform .35s cubic-bezier(.4,0,.2,1);}
@media(max-width:1023px){
	.amg-comm .amg-comm-col-form{position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:10002;max-width:100%;width:100%;background:var(--surface);border-top-left-radius:24px;border-top-right-radius:24px;padding:16px 20px 20px 20px;transform:translateY(100%);box-shadow:0 -8px 32px rgba(0,0,0,.12);overflow:hidden;box-sizing:border-box;display:none;flex-direction:column;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);visibility:hidden;pointer-events:none}
	.xts-sticky-navbar-enabled .amg-comm .amg-comm-col-form{bottom:calc(60px + env(safe-area-inset-bottom))}
	.amg-comm .amg-comm-col-form.is-open{transform:translateY(0);display:flex!important;visibility:visible;pointer-events:auto}
	/* Header stays at top */
	.amg-comm .amg-comm-sheet-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 0 12px;border-bottom:1px solid var(--border);margin-bottom:8px}
	/* Form uses flex to keep button visible */
	.amg-comm .amg-comm-col-form form#amg-comm-create{
		display:flex;
		flex-direction:column;
		flex:1;
		min-height:0;
		overflow:hidden;
	}
	/* Sections wrapper scrolls */
	.amg-comm .amg-comm-col-form .amg-comm-sections-wrap{
		flex:1;
		overflow-y:auto;
		overflow-x:hidden;
		-webkit-overflow-scrolling:touch;
		min-height:0;
	}
	/* Submit button stays at bottom, never hidden */
	.amg-comm .amg-comm-col-form .amg-comm-submit{
		flex-shrink:0!important;
		position:static!important;
		width:100%!important;
		margin:12px 0 0 0!important;
		display:block!important;
		visibility:visible!important;
	}
	.amg-comm .amg-comm-sheet-handle{display:none}
	.amg-comm .amg-comm-sheet-title{font-weight:700;font-size:16px}
	.amg-comm .amg-comm-sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--soft);border:none;border-radius:50%;font-size:20px;cursor:pointer;line-height:1;color:var(--text)}
	.amg-comm .amg-comm-sheet-close:hover{background:var(--border)}
	.amg-comm .amg-comm-col-form .amg-comm-card{position:static;top:auto;max-height:calc(85vh - 80px);overflow-x:hidden;overflow-y:auto;margin:0;padding:8px 0;max-width:100%}
}
@media(min-width:900px){
	/* Desktop: show compose as centered modal when open */
	.amg-comm .amg-comm-col-form{
		position:fixed;
		left:50%;
		top:10vh;
		transform:translate(-50%,-150%) scale(.98);
		width:560px;
		max-width:calc(100% - 32px);
		max-height:80vh;
		z-index:10002;
		background:var(--surface);
		border:1px solid var(--border);
		border-radius:16px;
		box-shadow:0 10px 28px rgba(0,0,0,.18);
		padding:16px;
		overflow:hidden;
		display:flex;
		flex-direction:column;
	}
	.amg-comm .amg-comm-col-form.is-open{transform:translate(-50%,0) scale(1);display:flex!important}
	.amg-comm .amg-comm-col-form form#amg-comm-create{
		display:flex;
		flex-direction:column;
		flex:1;
		min-height:0;
		overflow:hidden;
	}
	.amg-comm .amg-comm-col-form .amg-comm-sections-wrap{
		flex:1;
		overflow-y:auto;
		min-height:0;
	}
	/* Submit button stays at bottom */
	.amg-comm .amg-comm-col-form .amg-comm-submit{
		flex-shrink:0!important;
		position:static!important;
		width:100%!important;
		margin:12px 0 0 0!important;
	}
	.amg-comm .amg-comm-sheet-overlay{display:block}
	.amg-comm .amg-comm-sheet-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}
	.amg-comm .amg-comm-sheet-title{font-weight:700;font-size:18px}
	.amg-comm .amg-comm-sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--soft);border:none;border-radius:50%;font-size:20px;cursor:pointer;line-height:1;color:var(--text)}
	.amg-comm .amg-comm-sheet-close:hover{background:var(--border)}
	.amg-comm .amg-comm-col-form .amg-comm-card{max-height:calc(80vh - 100px);overflow-y:auto;padding:0}
	/* Keep FAB visible on desktop */
	.amg-comm .amg-comm-fab{display:flex}
	/* Hide inline composer on desktop (use modal via +) */
	.amg-comm .amg-comm-inline-compose{display:none}
}
@media(max-width:1023px){
	/* Hide inline composer on mobile (use bottom sheet) */
	.amg-comm .amg-comm-inline-compose{display:none}
}
/* Side column cards */
/* (Side column removed) */

/* Inline top-of-feed composer: compact Threads-like */
/* (Inline composer hidden per requirements) */

/* ========== NAVIGATION ========== */
/* Mobile bottom nav with Glassmorphism */
.amg-comm .amg-comm-bottomnav{
	position:fixed;left:0;right:0;bottom:0;
	display:flex;justify-content:space-around;
	background:rgba(255,255,255,.9);
	backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
	border-top:1px solid rgba(0,0,0,.05);
	padding:10px 10px calc(10px + env(safe-area-inset-bottom));
	z-index:10010;
	box-shadow:0 -4px 20px rgba(0,0,0,.03)
}
.amg-comm .amg-comm-bn-item{
	background:transparent;border:none;
	font-size:22px;line-height:1;cursor:pointer;
	color:#666;padding:8px;border-radius:12px;
	transition:color .15s, background .15s
}
.amg-comm .amg-comm-bn-item:hover{color:#111;background:rgba(0,0,0,.05)}
.amg-comm .amg-comm-bn-item svg{display:block}

/* Left nav - hidden on mobile, shown on desktop */
@media(max-width:767px){
	.amg-comm .amg-comm-leftnav{display:none!important}
}
.amg-comm .amg-comm-ln-item{
	display:flex;align-items:center;justify-content:center;
	width:44px;height:44px;
	border:none;background:transparent;
	border-radius:12px;cursor:pointer;
	text-decoration:none;color:var(--muted);
	transition:all .15s ease
}
.amg-comm .amg-comm-ln-item:hover{color:#111;background:rgba(0,0,0,.04)}
.amg-comm .amg-comm-ln-item svg{width:26px;height:26px}
.amg-comm .amg-comm-ln-item.is-active{color:#111}
.amg-comm .amg-comm-ln-logo{
	display:flex;align-items:center;justify-content:center;
	width:48px;height:48px;margin-bottom:16px;
	border-radius:12px;overflow:hidden;
	transition:transform .15s ease
}
.amg-comm .amg-comm-ln-logo:hover{transform:scale(1.05)}
.amg-comm .amg-comm-ln-logo img{
	width:40px;height:40px;
	border-radius:10px;
	object-fit:cover
}
/* Show FAB on mobile, position above bottomnav */
@media(max-width:767px){
	.amg-comm .amg-comm-fab{display:flex;bottom:calc(65px + env(safe-area-inset-bottom))}
	.xts-sticky-navbar-enabled .amg-comm .amg-comm-fab{bottom:calc(70px + env(safe-area-inset-bottom))}
}

/* Profile dropdown (desktop left nav) */
.amg-comm .amg-comm-ln-profile-wrap{position:relative}
.amg-comm .amg-comm-ln-profile-menu{position:absolute;left:calc(100% + 12px);bottom:0;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);min-width:220px;padding:8px 0;z-index:1002;opacity:0;transform:translateX(-10px);transition:all .2s ease;pointer-events:none}
.amg-comm .amg-comm-ln-profile-menu:not([hidden]){opacity:1;transform:translateX(0);pointer-events:auto}
.amg-comm .amg-comm-ln-profile-header{padding:12px 16px 8px;font-weight:700;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:8px}
.amg-comm .amg-comm-ln-profile-item{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:var(--text);transition:background .15s ease}
.amg-comm .amg-comm-ln-profile-item:hover{background:var(--soft)}
.amg-comm .amg-comm-ln-profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.amg-comm .amg-comm-ln-profile-name{font-weight:600;font-size:14px}
.amg-comm .amg-comm-ln-profile-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}
.amg-comm .amg-comm-ln-profile-divider{height:1px;background:var(--border);margin:8px 0}
.amg-comm .amg-comm-ln-profile-item--settings{color:var(--muted);font-size:13px}
.amg-comm .amg-comm-ln-profile-item--settings svg{width:20px;height:20px;flex-shrink:0}

/* My Pets Modal (mobile) */
.amg-comm-mypets-modal{position:fixed;inset:0;z-index:100010;display:flex;align-items:flex-end;justify-content:center}
.amg-comm-mypets-modal[hidden]{display:none}
.amg-comm-mypets-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.amg-comm-mypets-modal__panel{position:relative;background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:400px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;animation:amg-slide-up .3s ease}
@keyframes amg-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.amg-comm-mypets-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}
.amg-comm-mypets-modal__title{font-weight:700;font-size:18px}
.amg-comm-mypets-modal__close{width:32px;height:32px;border:none;background:var(--soft);border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.amg-comm-mypets-modal__body{overflow-y:auto;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
.amg-comm-mypets-item{display:flex;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;color:var(--text);transition:background .15s ease}
.amg-comm-mypets-item:active{background:var(--soft)}
.amg-comm-mypets-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.amg-comm-mypets-name{font-weight:600;font-size:16px;flex:1}
.amg-comm-mypets-arrow{color:var(--muted);font-size:18px}
.amg-comm-mypets-empty{padding:32px 20px;text-align:center;color:var(--muted)}
.amg-comm-mypets-empty-icon{display:block;font-size:48px;margin-bottom:12px}
.amg-comm-mypets-divider{height:1px;background:var(--border);margin:8px 16px}
.amg-comm-mypets-item--settings{color:var(--muted);font-size:14px}
.amg-comm-mypets-item--settings svg{width:24px;height:24px;flex-shrink:0}

/* Create form sections - Threads-style minimal */
.amg-comm .amg-comm-section{margin:12px 0}
.amg-comm .amg-comm-label{font-weight:600;margin-bottom:8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.amg-comm .amg-comm-input{width:100%;padding:14px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;box-sizing:border-box;font-size:15px;transition:all .2s ease;color:var(--text)}
.amg-comm .amg-comm-input:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,186,0,.12)}
.amg-comm .amg-comm-input-error{border-color:#ef4444!important;animation:amg-shake .4s ease}
.amg-comm .amg-comm-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)!important}
/* Pet selector error state */
.amg-comm .amg-comm-petselect.amg-comm-input-error,
.amg-comm .amg-comm-pet-selector-placeholder.amg-comm-input-error{border:2px solid #ef4444!important;border-radius:12px;padding:8px;animation:amg-shake .4s ease}
/* Pet selector loading state */
.amg-comm .amg-comm-pet-loading{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#6b7280;font-size:13px;background:#f9fafb;border-radius:12px;cursor:pointer}
.amg-comm .amg-comm-pet-loading:hover{background:#f3f4f6}
.amg-comm .amg-comm-pet-loading .amg-comm-spinner{width:18px;height:18px;border-width:2px}
/* Submit button error shake */
.amg-comm .amg-comm-submit-error{animation:amg-shake .4s ease;box-shadow:0 0 0 3px rgba(239,68,68,.3)!important}
@keyframes amg-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.amg-comm textarea.amg-comm-input{min-height:100px;resize:vertical;line-height:1.5}
.amg-comm .amg-comm-input::placeholder{color:#9ca3af}
.amg-comm select.amg-comm-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}
.amg-comm select.amg-comm-input:invalid{color:#9ca3af}
.amg-comm .amg-comm-topics{display:flex;gap:8px;flex-wrap:wrap}
.amg-comm .amg-comm-topic{border:none;padding:0;background:transparent;cursor:pointer}
.amg-comm .amg-comm-topic input:checked+span,.amg-comm .amg-comm-topic:hover span{font-weight:600}
.amg-comm .amg-comm-topic input:checked+span{color:#111}
.amg-comm .amg-comm-topic input{display:none;margin:0}
.amg-comm .amg-comm-upload{display:flex;gap:8px}
.amg-comm .amg-comm-addmedia{display:inline-flex;width:80px;height:80px;border:2px dashed #d1d5db;border-radius:16px;align-items:center;justify-content:center;font-size:28px;color:#9ca3af;cursor:pointer;background:#f9fafb;transition:all .2s ease}
.amg-comm .amg-comm-addmedia:hover{border-color:var(--accent);color:var(--accent);background:#fffbf0}
.amg-comm .amg-comm-addmedia span{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}
.amg-comm .amg-comm-previews{display:flex;flex-wrap:wrap;gap:8px}
.amg-comm .amg-comm-prev{position:relative;width:80px;height:80px;border-radius:16px;overflow:hidden;background:var(--soft);border:1px solid rgba(0,0,0,0.05);box-shadow:var(--shadow-sm);cursor:grab;transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease}
.amg-comm .amg-comm-prev:active{cursor:grabbing}
.amg-comm .amg-comm-prev img,.amg-comm .amg-comm-prev video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.amg-comm .amg-comm-prev button{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.55);border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;z-index:2}
.amg-comm .amg-comm-prev-order{position:absolute;bottom:4px;left:4px;background:var(--accent);color:#111;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.amg-comm .amg-comm-prev.is-dragging{opacity:0.5;transform:scale(0.95);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.amg-comm .amg-comm-prev.is-dragover{border:2px dashed var(--accent);transform:scale(1.05);box-shadow:0 4px 12px rgba(255,186,0,.3)}
.amg-comm .amg-comm-create-busy{position:relative}
.amg-comm .amg-comm-progress{position:absolute;inset:0;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:12px;z-index:5}
.amg-comm .amg-comm-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:amg-spin 1s linear infinite}
@keyframes amg-spin{to{transform:rotate(360deg)}}
/* Skeleton loaders */
.amg-comm .amg-comm-skeleton{animation:amg-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}
@keyframes amg-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
.amg-comm .amg-comm-skeleton-card{padding:16px 0}
.amg-comm .amg-comm-skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.amg-comm .amg-comm-skeleton-avatar{width:44px;height:44px;border-radius:50%}
.amg-comm .amg-comm-skeleton-name{width:120px;height:14px;border-radius:4px}
.amg-comm .amg-comm-skeleton-time{width:40px;height:12px;border-radius:4px;margin-top:6px}
.amg-comm .amg-comm-skeleton-text{height:14px;border-radius:4px;margin-bottom:8px}
.amg-comm .amg-comm-skeleton-text.w80{width:80%}
.amg-comm .amg-comm-skeleton-text.w60{width:60%}
.amg-comm .amg-comm-skeleton-image{height:300px;border-radius:16px;margin:10px 0}
.amg-comm .amg-comm-skeleton-actions{display:flex;gap:20px;margin-top:12px}
.amg-comm .amg-comm-skeleton-btn{width:32px;height:32px;border-radius:8px}
/* Pull to refresh - element is outside .amg-comm, on body */
.amg-comm-pull-indicator{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10020;padding:12px 20px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 2px 12px rgba(0,0,0,.1);align-items:center;gap:8px;font-size:14px;color:#333;display:none}
.amg-comm-pull-indicator.is-visible{display:flex}
.amg-comm-pull-indicator svg{animation:amg-spin 1s linear infinite}
/* Double-tap like heart animation */
.amg-comm .amg-comm-heart-anim{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:80px;pointer-events:none;opacity:0;z-index:100}
.amg-comm .amg-comm-heart-anim.is-active{animation:amg-heart-pop .8s ease-out forwards}
@keyframes amg-heart-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}15%{transform:translate(-50%,-50%) scale(1.2);opacity:1}30%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
.amg-comm .amg-comm-pct{font-weight:700;color:var(--muted);font-size:12px}
.amg-comm .amg-comm-products .button{background:var(--surface);border:1px solid var(--border)}
/* Submit button - always visible */
.amg-comm .amg-comm-submit{
	display:block!important;
	width:100%!important;
	margin:16px 0 8px 0;
	background:#ffba00!important;
	border:none!important;
	padding:16px 24px!important;
	font-size:16px!important;
	font-weight:700!important;
	border-radius:12px!important;
	cursor:pointer;
	transition:all .2s ease;
	box-shadow:0 2px 8px rgba(255,186,0,.3);
	color:#111!important;
	outline:none;
	-webkit-appearance:none;
	appearance:none;
	flex-shrink:0;
}
.amg-comm .amg-comm-submit:hover:not(:disabled){background:#e0a600!important;box-shadow:0 4px 12px rgba(255,186,0,.4)}
.amg-comm .amg-comm-submit:active:not(:disabled){opacity:.9}
.amg-comm .amg-comm-submit:focus{outline:none;box-shadow:0 0 0 3px rgba(255,186,0,.4)}
.amg-comm .amg-comm-submit:disabled{background:#ffd966!important;color:#666!important;cursor:wait;box-shadow:none!important;opacity:1;position:relative}
.amg-comm .amg-comm-submit:disabled::after{content:'';display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid #666;border-top-color:transparent;border-radius:50%;animation:amg-btn-spin .8s linear infinite;vertical-align:middle}
@keyframes amg-btn-spin{to{transform:rotate(360deg)}}
/* Form layout - sections scroll, button stays fixed at bottom */
.amg-comm .amg-comm-sections-wrap{
	flex:1 1 auto;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:4px;
	min-height:0; /* Fix for Safari flexbox overflow */
	-webkit-overflow-scrolling:touch;
}
.amg-comm .amg-comm-products-list{margin-top:6px}
/* Product cards in posts - Clean UI Update */
.amg-comm .amg-comm-products{margin:24px 0;padding:0;background:transparent;border:none;border-radius:0}
.amg-comm .amg-comm-products-label{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:0.5px}
.amg-comm .amg-comm-products-label::before{content:none}
.amg-comm .amg-comm-products-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:12px}
.amg-comm .amg-comm-product-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:12px;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid var(--border);min-width:0;max-width:100%}
.amg-comm .amg-comm-product-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--border-strong)}
.amg-comm .amg-comm-product-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--soft);border:1px solid rgba(0,0,0,.05)}
.amg-comm .amg-comm-product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.amg-comm .amg-comm-product-card:hover .amg-comm-product-thumb img{transform:scale(1.05)}
.amg-comm .amg-comm-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.amg-comm .amg-comm-product-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:480px){
  .amg-comm .amg-comm-products-list{grid-template-columns:1fr}
}
.amg-comm .amg-comm-chip{display:inline-block;background:#f3f4f6;border-radius:999px;padding:4px 8px;margin-right:4px}
.amg-comm .amg-comm-tagsinput{display:flex;flex-direction:column;gap:8px}
.amg-comm .amg-comm-tagsinput-row{display:flex;gap:8px;align-items:center}
.amg-comm .amg-comm-tag-input{flex:1;min-width:0;box-sizing:border-box}
.amg-comm .amg-comm-tag-input-wrap{position:relative;flex:1;min-width:0}
.amg-comm .amg-comm-tag-input-wrap .amg-comm-tag-input-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--accent);font-weight:800}
.amg-comm .amg-comm-tag-input-wrap input.amg-comm-tag-input{padding-left:26px}
.amg-comm .amg-comm-chip--tag{display:inline-flex;align-items:center;gap:6px;background:var(--accent-bg);color:var(--accent-ink)}
.amg-comm .amg-comm-tag-remove{border:none;background:transparent;cursor:pointer;color:inherit}
.amg-comm .amg-comm-gallery-mini{display:flex;gap:4px;margin:6px 0}
.amg-comm .amg-comm-gallery-mini-item{width:60px;height:60px;border-radius:8px;overflow:hidden;position:relative}
.amg-comm .amg-comm-gallery-mini-item img,.amg-comm .amg-comm-gallery-mini-item video{width:100%;height:100%;object-fit:cover;display:block}
.amg-comm .amg-comm-gallery-mini-more{width:60px;height:60px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}
/* Topic chip inside card */
.amg-comm .amg-comm-topicchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 8px;margin:4px 0 8px;color:var(--muted);font-size:12px}
.amg-comm .amg-comm-col-feed .amg-comm-topicchip{display:none}
.amg-comm .amg-comm-official{display:inline-flex;align-items:center;gap:6px;border:1px solid #22c55e;background:#ecfdf5;color:#065f46;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.amg-comm .amg-comm-official .amg-comm-official-logo{width:20px;height:20px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.amg-comm .amg-comm-topicicon{display:inline-flex;width:16px;height:16px;color:var(--accent)}
/* Gallery slider */
/* Remove slider; use mini gallery under main image */
.amg-comm .amg-comm-gallery{display:none}
.amg-comm .amg-comm-gallery-mini{display:flex;gap:4px;margin:6px 0}
.amg-comm .amg-comm-gallery-mini-item{width:60px;height:60px;border-radius:8px;overflow:hidden;position:relative}
.amg-comm .amg-comm-gallery-mini-item img{width:100%;height:100%;object-fit:cover;display:block}
.amg-comm .amg-comm-gallery-mini-more{position:absolute;inset:0;border-radius:8px;background:rgba(0,0,0,.35);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
/* Tags */
.amg-comm .amg-comm-tags{margin-top:6px}
.amg-comm .amg-comm-tag{display:inline-block;margin-right:6px;color:var(--accent);text-decoration:none;font-size:12px}
.amg-comm .amg-comm-tag:hover{text-decoration:none}
/* Excerpt clamp with fade + read more */
.amg-comm .entry-excerpt{position:relative;color:#374151;line-height:1.5;font-size:15px;margin:6px 0 4px}
.amg-comm .entry-excerpt > span{display:block;white-space:pre-wrap;word-wrap:break-word}
.amg-comm .entry-excerpt .amg-comm-text-full[hidden]{display:none}
.amg-comm .entry-excerpt.is-expanded .amg-comm-text-short{display:none}
.amg-comm .entry-excerpt.is-expanded .amg-comm-text-full{display:block!important}
.amg-comm .entry-excerpt.is-expanded .amg-comm-readmore{display:none}
.amg-comm .amg-comm-readmore{display:inline;background:none;border:none;padding:0;margin:0;font-size:14px;color:#3b82f6;cursor:pointer;font-weight:500}
.amg-comm .amg-comm-readmore:hover{color:#2563eb;text-decoration:underline}
/* Products chips */
.amg-comm .amg-comm-prods{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:4px 0}
.amg-comm .amg-comm-prodchip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--surface);color:inherit;text-decoration:none;min-width:0;max-width:100%}
.amg-comm .amg-comm-prodchip--rich{display:flex;justify-content:space-between;gap:10px}
.amg-comm .amg-comm-prodchip-thumb img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.amg-comm .amg-comm-prodchip-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;min-width:0}
.amg-comm .amg-comm-prodchip-meta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.amg-comm .amg-comm-prodchip-sale{color:#7A5A00;font-weight:800}
.amg-comm .amg-comm-prodchip-price{font-weight:700}
@media(max-width:480px){
	.amg-comm .amg-comm-prodchip-title{max-width:120px}
}
/* Adoption */
.amg-comm .amg-comm-adoption{margin:16px 0}
.amg-comm .amg-comm-adopt-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.amg-comm .amg-comm-adopt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
@media(min-width:640px){.amg-comm .amg-comm-adopt-grid{grid-template-columns:repeat(4,1fr)}}
.amg-comm .amg-comm-adopt-item{position:relative;border-radius:10px;overflow:hidden}
.amg-comm .amg-comm-adopt-item img{width:100%;height:100%;object-fit:cover;display:block}
.amg-comm .amg-comm-adopt-login{text-align:center}
/* Threads-style actions: no border */
.amg-comm .amg-comm-actions{margin-top:12px;display:flex;gap:20px;justify-content:flex-start;align-items:center;overflow:visible}
.amg-comm .amg-comm-card .amg-comm-actions{border-top:none;padding-top:0;margin-top:12px}
/* Unified inline style for actions */
.amg-comm .amg-comm-like,
.amg-comm .amg-comm-comments-btn,
.amg-comm .amg-comm-views{display:inline-flex;align-items:center;gap:6px;line-height:1}
/* Clean buttons: no pill borders */
.amg-comm .amg-comm-like,
.amg-comm .amg-comm-comments-btn{border:none;background:transparent;padding:0;color:var(--muted);cursor:pointer;box-shadow:none}
.amg-comm .amg-comm-like,
.amg-comm .amg-comm-comments-btn,
.amg-comm .amg-comm-share-btn{border:none;background:transparent;padding:10px;color:#1e1e1e;cursor:pointer;box-shadow:none;font-size:15px;border-radius:50%;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;width:44px;height:44px;justify-content:center}
.amg-comm .amg-comm-like:hover,
.amg-comm .amg-comm-comments-btn:hover,
.amg-comm .amg-comm-share-btn:hover{background:rgba(0,0,0,.05);color:#000}
.amg-comm .amg-comm-like.is-liked .amg-comm-like-icon{color:#ff0033}
.amg-comm .amg-comm-like.is-liked .amg-comm-like-icon svg{fill:#ff0033;stroke:none;animation:amg-pop .25s ease}
@keyframes amg-pop { 0%{ transform:scale(1) } 40%{ transform:scale(1.25) } 100%{ transform:scale(1) } }
.amg-comm .amg-comm-like-count.has-count,
.amg-comm .amg-comm-comments-count.has-count{ color: var(--accent); font-weight: 700; }
.amg-comm .amg-comm-like.is-liked{color:var(--accent)}
.amg-comm .amg-comm-like.is-loading{opacity:.6;pointer-events:none}
.amg-comm .amg-comm-like.is-loading .amg-comm-like-icon{animation:amg-pulse .8s ease-in-out infinite}
.amg-comm .amg-comm-actions.is-empty .amg-comm-like,
.amg-comm .amg-comm-actions.is-empty .amg-comm-comments-btn{color:var(--muted)}
.amg-comm .amg-comm-actions.is-empty .amg-comm-like .amg-comm-like-count,
.amg-comm .amg-comm-actions.is-empty .amg-comm-comments-btn .amg-comm-comments-count{opacity:.6}

/* ========== THREADS-STYLE REACTION PICKER ========== */
.amg-comm .amg-comm-react-wrap{position:relative;display:inline-flex;z-index:100}
.amg-comm .amg-comm-react-wrap:hover{z-index:1005}
.amg-comm .amg-comm-react{border:none;background:transparent;padding:8px;color:#536471;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease, background-color .15s ease}
.amg-comm .amg-comm-react:hover{color:#f91880;background:rgba(249,24,128,.1)}
.amg-comm .amg-comm-react.is-liked,.amg-comm .amg-comm-react.has-reaction{color:#f91880}
.amg-comm .amg-comm-react.is-loading{opacity:.6;pointer-events:none}
.amg-comm .amg-comm-react.is-loading .amg-comm-react-icon{animation:amg-pulse .8s ease-in-out infinite}
@keyframes amg-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.amg-comm .amg-comm-react.has-reaction .amg-comm-react-icon{font-size:20px;line-height:1}
.amg-comm .amg-comm-react-icon svg{display:block}
.amg-comm .amg-comm-react-count{font-size:14px;line-height:1}
/* Reaction count (minimal Threads style) */
.amg-comm .amg-comm-react-count{font-size:14px;font-weight:600;color:var(--text);margin-left:6px;line-height:1}
.amg-comm .amg-comm-react-count.has-count{display:inline-block}
/* Hide count if empty */
.amg-comm .amg-comm-react-count:not(.has-count){display:none}

/* Thread lines removed - cleaner design */
.amg-comm .amg-comm-card{position:relative}
.amg-comm .amg-comm-comment{position:relative}
/* Views aligned to the right */
.amg-comm .amg-comm-views{display:inline-flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;margin-left:auto;color:var(--muted);font-size:12px;opacity:.85;line-height:1}
.amg-comm .amg-comm-col-feed .amg-comm-views{display:none!important}
.amg-comm .amg-comm-like-count,.amg-comm .amg-comm-comments-count{line-height:1}
.amg-comm .amg-comm-views svg{width:14px;height:14px;display:inline-block;vertical-align:middle}
.amg-comm .amg-comm-views span{display:inline-block;vertical-align:middle;line-height:14px}

/* Stronger specificity to force horizontal alignment regardless of theme resets */
.amg-comm .amg-comm-actions > .amg-comm-views{display:inline-flex;flex-direction:row;align-items:center;gap:6px}
.amg-comm .amg-comm-actions > .amg-comm-views > svg,
.amg-comm .amg-comm-actions > .amg-comm-views > span{display:inline-block;vertical-align:middle;line-height:1}
/* Ensure the views count aligns with other counters on the same baseline */
.amg-comm .amg-comm-views span{display:inline-block;line-height:1}

/* Comment actions look the same: minimal */
.amg-comm .amg-comm-c-actions{display:flex;gap:12px;align-items:center}
.amg-comm .amg-comm-c-like,
.amg-comm .amg-comm-c-reply{border:none;background:transparent;padding:0;color:var(--muted);line-height:1;cursor:pointer}
.amg-comm .amg-comm-c-like .count{margin-left:4px}
/* Comments */
.amg-comm .amg-comm-comments{margin-top:10px;border-top:1px solid var(--soft);padding-top:8px}
.amg-comm .amg-comm-comment{display:flex;gap:8px;margin:8px 0;max-width:100%}
.amg-comm .amg-comm-comment-body{flex:1;min-width:0;overflow:visible;position:relative}
.amg-comm .amg-comm-comment-body > .amg-comm-more{position:absolute;right:4px;top:0;background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:18px;line-height:1;padding:4px;border-radius:8px}
.amg-comm .amg-comm-comment-text{font-size:14px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow:hidden}
.amg-comm .amg-comm-c-actions{display:flex;gap:12px;align-items:center;margin-top:6px}
.amg-comm .amg-comm-c-like,.amg-comm .amg-comm-c-reply{border:none;background:transparent;border-radius:0;padding:0;font-size:12px;cursor:pointer;color:var(--muted)}
.amg-comm .amg-comm-c-like .count{margin-left:4px;color:var(--text)}
.amg-comm .amg-comm-children{margin-left:24px;margin-top:4px}
.amg-comm .amg-comm-comment-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.amg-comm .amg-comm-comment-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fafafa}
.amg-comm .amg-comm-comments-btn{border:none;background:transparent;border-radius:0;padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted)}
.amg-comm .amg-comm-comments-btn .amg-comm-comments-count{color:var(--text);line-height:1}

/* Sticky comment bar - redesigned */
.amg-comm .amg-comm-cbar{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:row;gap:12px;align-items:flex-end;padding:12px 16px;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);z-index:1000;margin-top:6px;box-shadow:0 -2px 12px rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.04)}

/* Compact cbar trigger - opens sheet on click */
.amg-comm .amg-comm-cbar--compact{padding:12px 16px;justify-content:center}
.amg-comm .amg-comm-cbar-trigger{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    padding:14px 20px;
    background:#f3f4f6;
    border:1px solid #e5e7eb;
    border-radius:999px;
    cursor:pointer;
    transition:all .15s ease;
    font-size:15px;
    color:#6b7280;
}
.amg-comm .amg-comm-cbar-trigger:hover{background:#e5e7eb;color:#111}
.amg-comm .amg-comm-cbar-trigger:active{transform:scale(.98)}
.amg-comm .amg-comm-cbar-trigger__icon{font-size:18px}
.amg-comm .amg-comm-cbar-trigger__text{flex:1;text-align:left}
/* Input wrapper - contains textarea and expands */
.amg-comm .amg-comm-cbar .amg-comm-cbar-input-wrap{flex:1;position:relative;min-width:0}
.amg-comm .amg-comm-cbar textarea{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:20px;padding:12px 16px;resize:none;min-height:44px;max-height:120px;font-size:15px;outline:none;line-height:1.4;transition:all .2s ease;box-sizing:border-box}
.amg-comm .amg-comm-cbar textarea:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,186,0,.15)}
.amg-comm .amg-comm-cbar textarea::placeholder{color:#9ca3af}
/* Send button - separate from textarea, pill style */
.amg-comm .amg-comm-cbar .amg-comm-cbar-send{flex-shrink:0;border:none;background:#ffba00;color:#111;padding:12px 20px;font-weight:700;font-size:14px;border-radius:999px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(255,186,0,.25);white-space:nowrap}
.amg-comm .amg-comm-cbar .amg-comm-cbar-send:hover{background:#e5a800;box-shadow:0 4px 12px rgba(255,186,0,.35);transform:translateY(-1px)}
.amg-comm .amg-comm-cbar .amg-comm-cbar-send:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,186,0,.2)}
.amg-comm .amg-comm-cbar .amg-comm-cbar-send:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}
/* Legacy .button class override for cbar */
.amg-comm .amg-comm-cbar .button{position:static;transform:none;border:none;background:#ffba00;color:#111;padding:12px 20px;font-weight:700;font-size:14px;border-radius:999px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(255,186,0,.25);flex-shrink:0}
.amg-comm .amg-comm-cbar .button:hover{background:#e5a800;box-shadow:0 4px 12px rgba(255,186,0,.35)}

/* Pet picker in sticky bar: appear above input */
.amg-comm .amg-comm-cbar .amg-comm-pet-mini{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:12px;box-shadow:0 2px 12px rgba(0,0,0,.12);z-index:1001;display:block}
.amg-comm .amg-comm-cbar .amg-comm-pet-mini .amg-comm-petselect{display:flex;gap:8px;flex-wrap:wrap}

/* Mobile: send button as icon */
@media(max-width:480px){
.amg-comm .amg-comm-cbar .amg-comm-cbar-send,.amg-comm .amg-comm-cbar .button{padding:12px 14px;font-size:0}
.amg-comm .amg-comm-cbar .amg-comm-cbar-send::after,.amg-comm .amg-comm-cbar .button::after{content:"➤";font-size:16px}
}

/* Pet picker for regular comment forms (not sticky bar) */
.amg-comm .amg-comm-comment-form{position:relative}
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini{position:static;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;z-index:auto;margin-bottom:8px}
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-petselect{display:flex;gap:8px;flex-wrap:wrap}
/* Reply form styles moved to bottom of file for better organization */

/* Hide duplicate action row under the sticky bar on small screens */
@media(max-width:640px){
	.amg-comm.amg-comm-single .amg-comm-actions{display:none}
}

/* Single back button */
.amg-comm .amg-comm-compose__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
/* Global back button: sticky, prominent */
.amg-comm .amg-comm-back{position:sticky;top:8px;display:inline-flex;align-items:center;gap:8px;max-width:max-content;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;color:var(--accent);text-decoration:none;z-index:2;box-shadow:var(--shadow-sm)}
.amg-comm .amg-comm-back__icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;line-height:1}
.amg-comm .amg-comm-back__label{font-weight:600}
.amg-comm .amg-comm-back:hover{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,186,0,.18)}
.amg-comm .amg-comm-back:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm .amg-comm-back:focus:not(:focus-visible){outline:none}}
.amg-comm .amg-comm-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Toast - always visible above everything */
/* Toast container for stacking */
.amg-comm-toast-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:999999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.amg-comm-toast{background:#1f2937;color:#fff;padding:10px 18px;border-radius:8px;opacity:0;transform:translateY(10px);transition:all .2s ease;font-size:13px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:320px;text-align:center;pointer-events:auto}
.amg-comm-toast.is-show{opacity:1;transform:translateY(0)}
.amg-comm-toast.is-success{background:#059669}
.amg-comm-toast.is-error{background:#dc2626}

/* Modal */
.amg-comm .amg-comm-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center;z-index:10020}
.amg-comm #amg-comm-products-modal{z-index:10040}
.amg-comm .amg-comm-modal__dialog{background:var(--surface);width:100%;max-width:520px;border-top-left-radius:16px;border-top-right-radius:16px;padding:16px;box-shadow:var(--shadow-md);color:var(--text)}
@media(min-width:640px){
.amg-comm .amg-comm-modal{align-items:center}
.amg-comm .amg-comm-modal__dialog{border-radius:16px;max-height:80vh;overflow-y:auto}
}
.amg-comm #amg-comm-sort-modal .amg-comm-modal__dialog{max-width:560px}
.amg-comm .amg-comm-modal__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:8px}
.amg-comm .amg-comm-modal__title{font-size:18px;font-weight:700}
.amg-comm .amg-comm-modal__close{background:transparent;border:none;border-radius:0;box-shadow:none;font-size:24px;line-height:1;cursor:pointer;color:inherit}
.amg-comm .amg-comm-modal[hidden],
#amg-comm-login-modal[hidden],
#amg-comm-confirm-modal[hidden],
.amg-comm .amg-comm-sheet-overlay[hidden]{display:none!important}
.amg-comm .amg-comm-search{display:flex;gap:8px;margin:8px 0}
.amg-comm .amg-comm-search .amg-comm-search-input{flex:1;height:44px;border:1px solid var(--border);border-radius:12px;padding:0 16px;font-size:15px;background:var(--surface);color:var(--text)}
.amg-comm .amg-comm-search .amg-comm-search-input:focus{border-color:var(--accent);outline:none}
.amg-comm .amg-comm-search .amg-comm-search-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:0 16px;font-weight:600;cursor:pointer}
.amg-comm .amg-comm-search .amg-comm-search-btn:hover{background:var(--soft)}
/* Search posts form */
.amg-comm .amg-comm-posts-search-form{display:flex;gap:8px;padding:12px 0}
.amg-comm .amg-comm-posts-search-form .amg-comm-search-input{flex:1;height:44px;border:1px solid var(--border);border-radius:12px;padding:0 16px;font-size:15px;background:var(--surface);color:var(--text)}
.amg-comm .amg-comm-posts-search-form .amg-comm-search-input:focus{border-color:var(--accent);outline:none}
.amg-comm .amg-comm-posts-search-form .amg-comm-search-submit{background:var(--accent);color:#111;border:none;border-radius:12px;padding:0 20px;font-weight:600;cursor:pointer}
.amg-comm .amg-comm-results{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface)}
.amg-comm .amg-comm-prod{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--soft)}
.amg-comm .amg-comm-prod input{accent-color:var(--accent)}
.amg-comm .amg-comm-prod img{width:40px;height:40px;object-fit:cover;border-radius:6px}
.amg-comm .amg-comm-modal__footer{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.amg-comm .amg-comm-modal__footer .button{flex:1;padding:12px 16px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}
.amg-comm .amg-comm-modal__footer .amg-comm-apply{background:var(--brand);color:#111;border:none}
.amg-comm .amg-comm-modal__footer .amg-comm-apply:hover{background:#e0a600}
.amg-comm .amg-comm-modal__footer .amg-comm-skip{background:var(--surface);color:var(--text);border:1px solid var(--border)}
.amg-comm .amg-comm-modal__footer .amg-comm-skip:hover{background:var(--soft)}
body.amg-comm-lock{overflow:hidden!important;touch-action:none;position:fixed;width:100%;left:0;right:0}

/* Login modal - outside amg-comm container */
#amg-comm-login-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center;z-index:10020}
#amg-comm-login-modal .amg-comm-modal__dialog{background:var(--surface);width:100%;max-width:520px;border-top-left-radius:16px;border-top-right-radius:16px;padding:12px;box-shadow:var(--shadow-md);color:var(--text)}
#amg-comm-login-modal .amg-comm-modal__header{display:flex;justify-content:space-between;align-items:center}
#amg-comm-login-modal .amg-comm-modal__close{background:transparent;border:none;border-radius:0;box-shadow:none;font-size:24px;line-height:1;cursor:pointer;color:inherit}
#amg-comm-login-modal .amg-comm-modal__footer{display:flex;justify-content:space-between;margin-top:8px}
#amg-comm-login-modal .button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-block}
#amg-comm-login-modal .button:hover{filter:brightness(.95)}

/* Delete modal styles */
#amg-comm-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
#amg-comm-delete-modal .amg-comm-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}
#amg-comm-delete-modal .amg-comm-modal__content{position:relative;background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:400px;width:100%;z-index:1}
#amg-comm-delete-modal .amg-comm-modal__header{padding:20px 20px 10px;border-bottom:1px solid #f0f0f0;position:relative}
#amg-comm-delete-modal .amg-comm-modal__title{font-size:18px;font-weight:600;margin:0;color:#333}
#amg-comm-delete-modal .amg-comm-modal__close{position:absolute;right:16px;top:16px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;padding:4px}
#amg-comm-delete-modal .amg-comm-modal__close:hover{color:#333}
#amg-comm-delete-modal .amg-comm-modal__body{padding:20px;color:#666;line-height:1.5}
#amg-comm-delete-modal .amg-comm-modal__footer{padding:10px 20px 20px;display:flex;gap:12px;justify-content:flex-end}
#amg-comm-delete-modal .amg-comm-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}
#amg-comm-delete-modal .amg-comm-btn--secondary{background:#f0f0f0;color:#333}
#amg-comm-delete-modal .amg-comm-btn--secondary:hover{background:#e5e5e5}
#amg-comm-delete-modal .amg-comm-btn--danger{background:#ef4444;color:#fff}
#amg-comm-delete-modal .amg-comm-btn--danger:hover{background:#dc2626}
#amg-comm-delete-modal .amg-comm-btn:disabled{opacity:.5;cursor:not-allowed}

/* Generic confirm modal (JS-generated) */
#amg-comm-confirm-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100000}
#amg-comm-confirm-modal[hidden]{display:none}
#amg-comm-confirm-modal .amg-comm-modal__dialog{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.2)}
#amg-comm-confirm-modal .amg-comm-modal__title{font-weight:700;font-size:16px;margin:0 0 8px}
#amg-comm-confirm-modal .amg-comm-modal__footer{display:flex;gap:10px;justify-content:flex-end}

/* Edit modal polish */
.amg-comm #amg-comm-edit-form .amg-comm-label{font-size:12px;color:#6b7280}
.amg-comm #amg-comm-edit-form .amg-comm-input{border-radius:12px;padding:10px}
.amg-comm #amg-comm-edit-form .amg-comm-previews{margin-top:6px}
.amg-comm #amg-comm-edit-form .amg-comm-addmedia{width:64px;height:64px}
.amg-comm #amg-comm-edit-form .amg-comm-products .button{border-radius:999px}
.amg-comm #amg-comm-edit-form .amg-comm-tag-input-wrap input.amg-comm-tag-input{height:38px}
/* Sort modal rows */
.amg-comm #amg-comm-sort-modal .amg-comm-modal__body{display:flex;flex-direction:column;gap:6px}
.amg-comm .amg-comm-sortrow{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--text)}
.amg-comm .amg-comm-sortrow[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,186,0,.20)}
.amg-comm .amg-comm-check{opacity:0;transition:opacity .2s ease}
.amg-comm .amg-comm-sortrow[aria-pressed="true"] .amg-comm-check{opacity:1}
/* Award modal */
.amg-comm #amg-comm-award-modal .amg-comm-modal__dialog{border-radius:16px}
.amg-comm #amg-comm-award-modal .amg-comm-modal__body{padding:16px;text-align:center}
.amg-comm .amg-comm-award-emoji{font-size:56px;margin:8px 0}
.amg-comm .amg-comm-award-title{font-weight:800;font-size:18px;margin-bottom:6px}
.amg-comm .amg-comm-award-sub{font-size:16px;color:#111;margin-bottom:10px}
.amg-comm .amg-comm-award-notes{background:var(--soft);border-radius:12px;padding:10px;margin-top:8px;color:var(--muted);text-align:left}

/* Account CTA - horizontal slider */
.amg-comm-cta{
	--accent:#ffba00;
	--accent-bg:#FFF7DB;
	--muted:#6b7280;
	position:relative;
	background:#fff;border-radius:16px;padding:20px;margin:16px 0;border:1px solid #e5e7eb
}
.amg-comm-cta__head{margin-bottom:16px}
.amg-comm-cta__title{font-weight:800;color:#111;margin-bottom:4px;font-size:16px}
.amg-comm-cta__sub{color:#666}
.amg-comm-cta-grid{display:flex;flex-wrap:wrap;gap:10px 12px;margin:12px 0}
.amg-comm-cta-card{display:inline-flex;align-items:center;gap:8px;padding:0;border:none;border-radius:8px;text-decoration:none;color:var(--accent);background:transparent}
.amg-comm-cta-card:hover{color:#e0a600}
.amg-comm-cta__name{color:var(--accent)}
.amg-comm-cta-slider{display:flex;align-items:center;gap:8px;margin:12px 0;position:relative}
.amg-comm-cta-slider::after{
  content:"";
  position:absolute;
  top:0;right:0;
  width:36px;height:100%;
  background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
  pointer-events:none;
  z-index:1
}
/* Track - horizontal slider */
.amg-comm-cta-track{
	display:flex;
	gap:12px;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	padding:4px 0
}
.amg-comm-cta-track::-webkit-scrollbar{display:none}
.amg-comm-cta-track > .amg-comm-cta-card{
	flex:0 0 140px;
	scroll-snap-align:start;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:8px;padding:20px 16px;min-height:120px;
	border:1px solid #e5e7eb;border-radius:16px;
	text-decoration:none;color:#2d2d2d;background:#fff;
	transition:all .2s ease;cursor:pointer
}
.amg-comm-cta-track > .amg-comm-cta-card:hover{
	background:#FFF7DB;border-color:#f0b429;
	box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)
}
.amg-comm-cta-plus{
	width:36px;height:36px;border-radius:999px;
	background:var(--accent);color:#111;
	display:inline-flex;align-items:center;justify-content:center;
	font-weight:800;font-size:18px;margin-bottom:6px
}
.amg-comm-cta-text{font-weight:500;color:#333;text-align:center;line-height:1.3;font-size:13px}
.amg-comm-cta-line1{display:block;color:#333;font-weight:600;font-size:13px}
.amg-comm-cta-line2{display:block;color:var(--muted);font-size:11px;line-height:1.3;font-weight:400;margin-top:4px}
.amg-comm-cta-badge{margin-right:4px}
.amg-comm-cta-nav{display:none}
/* Larger screens - slightly bigger cards */
@media(min-width:600px){
	.amg-comm-cta-track > .amg-comm-cta-card{flex:0 0 160px;min-height:140px;padding:24px 16px}
	.amg-comm-cta-plus{width:40px;height:40px;font-size:20px}
	.amg-comm-cta-line1{font-size:14px}
}
.amg-comm-cta__actions{display:flex;justify-content:center;margin-top:14px}
.amg-comm-cta-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text);border:2px solid var(--accent-border);border-radius:12px;padding:12px 16px;text-decoration:none;margin-top:8px}
.amg-comm-cta-banner:hover{background:var(--accent-bg);color:var(--text)}
.amg-comm-cta-banner__icon{font-size:18px}
/* Empty state */
.amg-comm .amg-comm-empty{padding:40px 16px;text-align:center;border:1px dashed var(--border);border-radius:var(--r);background:var(--surface)}
.amg-comm .amg-comm-empty-icon{font-size:40px;line-height:1;margin-bottom:12px;opacity:.8}
.amg-comm .amg-comm-empty-text{font-size:14px;margin-bottom:16px;color:var(--muted)}
.amg-comm .amg-comm-empty-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:10px 20px;font-weight:600;cursor:pointer}
.amg-comm .amg-comm-empty-btn:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
@supports selector(:focus-visible){.amg-comm .amg-comm-empty-btn:focus:not(:focus-visible){outline:none;box-shadow:none}}
.amg-comm .amg-comm-empty-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
/* Focus visible generic */
.amg-comm button:focus,.amg-comm [role=button]:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm button:focus:not(:focus-visible),.amg-comm [role=button]:focus:not(:focus-visible){outline:none}}
.amg-comm button:focus-visible,.amg-comm [role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Latest list shortcode */
.amg-comm-latest{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}
.amg-comm-latest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.amg-comm-latest-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--soft)}
.amg-comm-latest-item:last-child{border-bottom:none}
.amg-comm-toplbl{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}
.amg-comm-toplbl--pet-training{background:#eef2ff;color:#3730a3}
.amg-comm-toplbl--vet-consultation{background:#ecfeff;color:#155e75}
.amg-comm-latest-link{color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amg-comm-latest-link:hover{text-decoration:underline}
.amg-comm-latest-more{margin-top:8px;text-align:right}

/* Compose page header */
.amg-comm--compose .amg-comm-compose__header{display:flex;align-items:center;gap:10px;padding:10px 0}
.amg-comm--compose .amg-comm-back{position:sticky;top:8px;display:inline-flex;align-items:center;gap:8px;max-width:max-content;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;color:var(--accent);text-decoration:none;z-index:2;box-shadow:var(--shadow-sm)}
.amg-comm--compose .amg-comm-compose__title{font-weight:700;margin-left:4px}
/* Profile header */
.amg-comm .amg-comm-profile-header{display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:8px}
.amg-comm .amg-comm-profile-title{display:flex;flex-direction:column;gap:2px}
.amg-comm .amg-comm-profile-name{font-size:18px;font-weight:700;color:var(--text)}
.amg-comm .amg-comm-profile-subtitle{font-size:13px;color:var(--muted)}
.amg-comm--compose .amg-comm-topicpill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--soft)}

/* Topic modal list */
.amg-comm-topiclist{display:flex;flex-direction:column;gap:8px}
.amg-comm-topicrow{display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:8px 4px;cursor:pointer;border-radius:8px;color:var(--text)}
.amg-comm-topicrow span{color:inherit}
.amg-comm-topicrow:hover{background:var(--soft)}

/* Single view & compose polish */
/* Single card spacing */
.amg-comm.amg-comm-single .amg-comm-card{padding:16px}
/* Single title */
.amg-comm .amg-comm-title-single{font-size:22px;line-height:1.25;font-weight:800;margin:8px 0 6px;color:var(--text)}
/* Stats row (views, etc) */
.amg-comm .amg-comm-stats-row{display:flex;gap:16px;margin:8px 0;color:#6b7280;font-size:13px}
.amg-comm .amg-comm-stat{display:inline-flex;align-items:center;gap:4px}
.amg-comm .amg-comm-stat svg{opacity:.7}
/* ========== GALLERIES ========== */

/* Feed Carousel - Threads style: show 2.3 photos with peek effect on mobile */
.amg-comm .amg-comm-carousel{position:relative;margin:12px 0;overflow:hidden;max-width:100%}
.amg-comm .amg-comm-carousel__track{
    display:flex;gap:2px;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    border-radius:12px;
    margin:0;
    max-width:100%
}
.amg-comm .amg-comm-carousel__track::-webkit-scrollbar{display:none}
.amg-comm .amg-comm-carousel__item{
    flex:0 0 44%;
    scroll-snap-align:start;
    aspect-ratio:4/5;
    overflow:hidden;
    background:#f0f0f0
}
/* Very small screens - show more of current image */
@media(max-width:400px){
    .amg-comm .amg-comm-carousel__item{flex:0 0 75%}
}
/* Desktop: show 3 items fully */
@media(min-width:640px){
    .amg-comm .amg-comm-carousel__item{flex:0 0 calc(33.333% - 2px)}
}
/* First and last items rounded */
.amg-comm .amg-comm-carousel__item:first-child{border-radius:12px 0 0 12px}
.amg-comm .amg-comm-carousel__item:last-child{border-radius:0 12px 12px 0}
.amg-comm .amg-comm-carousel[data-count="1"] .amg-comm-carousel__item{border-radius:12px}
.amg-comm .amg-comm-carousel[data-count="2"] .amg-comm-carousel__item:last-child{border-radius:0 12px 12px 0}

/* Single image - full width, taller */
.amg-comm .amg-comm-carousel[data-count="1"] .amg-comm-carousel__item{
    flex:0 0 100%;aspect-ratio:4/5;max-height:500px
}
/* 2 images - half width each */
.amg-comm .amg-comm-carousel[data-count="2"] .amg-comm-carousel__item{
    flex:0 0 calc(50% - 1px);aspect-ratio:4/5
}
/* 3+ images - exactly 3 visible, scroll for more */
.amg-comm .amg-comm-carousel__item img,
.amg-comm .amg-comm-carousel__item video{
    width:100%;height:100%;object-fit:cover;display:block;
    contain:layout style;backface-visibility:hidden
}
.amg-comm .amg-comm-carousel__item.is-video{position:relative}
.amg-comm .amg-comm-video-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;padding:4px 6px;border-radius:4px;line-height:1}
/* "+N more" indicator */
.amg-comm .amg-comm-carousel__more{background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;text-decoration:none}
.amg-comm .amg-comm-carousel__more:hover{background:rgba(0,0,0,.7)}
/* Lazy video placeholder */
.amg-comm .amg-lazy-video{background:#f3f4f6}
/* No dots - clean look like Threads */
.amg-comm .amg-comm-carousel__dots{display:none}

/* Single Post Gallery - Threads style */
.amg-comm .amg-comm-gallery{margin:12px 0;border-radius:12px;overflow:hidden}
/* Single image */
.amg-comm .amg-comm-gallery--single{display:block}
.amg-comm .amg-comm-gallery--single .amg-comm-gallery__item{
    display:block;border-radius:12px;overflow:hidden;
    max-height:500px
}
.amg-comm .amg-comm-gallery--single .amg-comm-gallery__item img,
.amg-comm .amg-comm-gallery--single .amg-comm-gallery__item video{
    width:100%;height:auto;max-height:500px;object-fit:contain;display:block
}
/* 2 images - side by side */
.amg-comm .amg-comm-gallery--double{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.amg-comm .amg-comm-gallery--double .amg-comm-gallery__item{
    aspect-ratio:1/1;overflow:hidden;border-radius:8px
}
.amg-comm .amg-comm-gallery--double .amg-comm-gallery__item img,
.amg-comm .amg-comm-gallery--double .amg-comm-gallery__item video{
    width:100%;height:100%;object-fit:cover;display:block
}
/* 3+ images - 2x2 or 2x3 grid */
.amg-comm .amg-comm-gallery--multi{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.amg-comm .amg-comm-gallery--multi .amg-comm-gallery__item{
    aspect-ratio:1/1;overflow:hidden;border-radius:4px
}
.amg-comm .amg-comm-gallery--multi .amg-comm-gallery__item:first-child{
    grid-column:1/-1;aspect-ratio:16/9
}
.amg-comm .amg-comm-gallery--multi .amg-comm-gallery__item img,
.amg-comm .amg-comm-gallery--multi .amg-comm-gallery__item video{
    width:100%;height:100%;object-fit:cover;display:block
}

/* Lightbox trigger style */
.amg-comm .amg-comm-lightbox-trigger{display:block;cursor:zoom-in;text-decoration:none;transition:opacity .2s ease}
.amg-comm .amg-comm-lightbox-trigger:hover{opacity:.9}
/* Fallback - constrain ALL images */
.amg-comm-single img,.amg-comm-single video{max-width:100%;height:auto}
.amg-comm-single .amg-comm-card{max-width:100%;overflow:hidden}

/* Legacy vertical gallery (deprecated) */
.amg-comm .amg-comm-gallery-vertical{display:flex;flex-direction:column;gap:12px;margin:12px 0;max-width:100%}
.amg-comm .amg-comm-gallery-item{border-radius:16px;overflow:hidden;background:#000;max-width:100%}
.amg-comm .amg-comm-gallery-img,.amg-comm .amg-comm-gallery-item img,.amg-comm .amg-comm-gallery-item video{width:100%;height:auto;display:block;max-width:100%}
/* ========== Threads-style Single Post ========== */
/* Back button - minimal */
.amg-comm .amg-comm-back-minimal{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  color:var(--text);background:transparent;
  transition:background .15s ease;margin-bottom:8px
}
.amg-comm .amg-comm-back-minimal:hover{background:var(--soft)}
.amg-comm .amg-comm-back-minimal svg{width:24px;height:24px}

/* Thread single card */
.amg-comm .amg-comm-thread-single{padding:0;border:none;background:transparent}
.amg-comm .amg-comm-thread-single .amg-comm-detail-header{margin-bottom:12px}

/* Title - subtle, not h1 */
.amg-comm .amg-comm-title-wrap{margin:8px 0}
.amg-comm .amg-comm-title-text{font-size:16px;font-weight:600;color:var(--text);line-height:1.4}

/* Content */
.amg-comm .amg-comm-thread-single .amg-comm-content{font-size:15px;line-height:1.6;color:var(--text);margin:8px 0 16px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow:hidden}
.amg-comm .amg-comm-thread-single .amg-comm-content p{margin:0 0 12px}
.amg-comm .amg-comm-thread-single .amg-comm-content p:last-child{margin-bottom:0}

/* Actions bar - Threads style */
.amg-comm .amg-comm-actions-bar{
  display:flex;align-items:center;gap:4px;
  padding:8px 0;margin:12px 0;
  overflow:visible;position:relative;z-index:10
}
.amg-comm .amg-comm-actions-bar .amg-comm-react-wrap{position:relative}
.amg-comm .amg-comm-actions-bar .amg-comm-react{padding:8px 12px;font-size:24px}
.amg-comm .amg-comm-actions-bar .amg-comm-react .amg-comm-react-icon{font-size:24px;display:flex;align-items:center}
/* On single post page, show picker BELOW the button */
/* Action buttons - like and comment */
.amg-comm .amg-comm-action-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;border-radius:999px;
  background:transparent;border:none;cursor:pointer;
  color:var(--muted);font-size:14px;font-weight:500;
  transition:all .15s ease
}
.amg-comm .amg-comm-action-btn:hover{background:var(--soft);color:var(--text)}
.amg-comm .amg-comm-action-btn svg{width:22px;height:22px}
.amg-comm .amg-comm-action-btn.is-liked{color:#ef4444}
.amg-comm .amg-comm-action-btn.is-liked svg{fill:#ef4444}
.amg-comm .amg-comm-action-count{font-size:14px;font-weight:500}
/* Comments button - make icon bigger and more visible */
.amg-comm .amg-comm-comments-btn svg{width:22px;height:22px;stroke-width:2.5}

/* Meta line - subtle */
.amg-comm .amg-comm-meta-line{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:13px;color:var(--muted);
  padding:8px 0;margin-bottom:16px
}
.amg-comm .amg-comm-meta-line .amg-comm-react-summary{display:inline-flex;gap:6px;flex-wrap:wrap}
.amg-comm .amg-comm-meta-line .amg-comm-react-item{color:var(--text)
}
.amg-comm .amg-comm-meta-sep{opacity:.5}

/* Comments section */
.amg-comm .amg-comm-comments-section{border-top:none;padding-top:16px;overflow:hidden;max-width:100%}

/* Adoption info - clean layout */
.amg-comm .amg-comm-adopt-info h3{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text)}
.amg-comm .amg-comm-adopt-section{margin-bottom:20px}
.amg-comm .amg-comm-adopt-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.amg-comm .amg-comm-adopt-grid{display:flex;flex-direction:column;gap:8px}
.amg-comm .amg-comm-adopt-row{display:flex;align-items:flex-start;gap:12px}
.amg-comm .amg-comm-adopt-label{font-weight:600;color:var(--text);min-width:100px;flex-shrink:0}
.amg-comm .amg-comm-adopt-value{color:var(--text)}
.amg-comm .amg-comm-adopt-story{margin-top:16px;padding-top:16px;border-top:1px solid var(--soft)}
.amg-comm .amg-comm-adopt-source{font-size:13px;color:var(--muted);margin-top:12px}
.amg-comm .amg-comm-adopt-source a{color:var(--accent)}

/* Legacy single page actions */
.amg-comm .amg-comm-actions-single{margin:16px 0;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:24px}
.amg-comm .amg-comm-actions-single .amg-comm-like,
.amg-comm .amg-comm-actions-single .amg-comm-comments-btn,
.amg-comm .amg-comm-actions-single .amg-comm-share-btn{padding:10px 12px}
/* Legacy single media */
.amg-comm .amg-comm-gallery-single{margin:8px 0 12px}
.amg-comm .amg-comm-gallery-single img,
.amg-comm .amg-comm-gallery-single video{width:100%;height:auto;border-radius:12px;display:block;background:#000}
/* More Posts section - uses same cards as feed */
.amg-comm .amg-comm-more-posts{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}
.amg-comm .amg-comm-more-header{display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.amg-comm .amg-comm-more-title{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.amg-comm .amg-comm-more-feed{display:flex;flex-direction:column;gap:0}
.amg-comm .amg-comm-more-feed > .amg-comm-item{border-top:1px solid var(--soft);padding-top:16px;margin-top:16px}
.amg-comm .amg-comm-more-feed > .amg-comm-item:first-child{border-top:none;padding-top:0;margin-top:0}
/* Swipe gallery for detail (horizontal in feed) */
.amg-comm .amg-comm-swiper{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:8px 0 6px}
.amg-comm .amg-comm-swiper::-webkit-scrollbar{display:none}
.amg-comm .amg-comm-slide{flex:0 0 100%;scroll-snap-align:center}
.amg-comm .amg-comm-slide img,.amg-comm .amg-comm-slide video{width:100%;height:auto;display:block;border-radius:12px;background:#000}
.amg-comm .amg-comm-dots{display:flex;justify-content:center;gap:6px;margin:2px 0 8px}
.amg-comm .amg-comm-dot{width:6px;height:6px;border-radius:50%;background:#d1d5db}
.amg-comm .amg-comm-dot.is-active{background:#111}
/* Single post page: vertical gallery (no carousel) */
.amg-comm-single .amg-comm-swiper{flex-direction:column;overflow:visible;scroll-snap-type:none;gap:12px}
.amg-comm-single .amg-comm-slide{flex:0 0 auto}
.amg-comm-single .amg-comm-dots{display:none}
/* Sticky detail header */
.amg-comm .amg-comm-detail-header{position:sticky;top:0;background:var(--surface);z-index:4;margin:0 0 8px;-webkit-backdrop-filter:saturate(1.2) blur(2px);backdrop-filter:saturate(1.2) blur(2px);padding:12px;border-bottom:1px solid var(--soft)}

/* Lightbox popup - Enhanced for mobile */
#amg-comm-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.97);display:none;align-items:center;justify-content:center;z-index:100000;overflow:hidden}
#amg-comm-lightbox.is-open{display:flex}
#amg-comm-lightbox .amg-comm-lb-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease, transform .2s ease}
#amg-comm-lightbox .amg-comm-lb-wrapper.is-dragging{transition:none}
#amg-comm-lightbox .amg-comm-lb-wrapper.is-closing{opacity:0;transform:translateY(100px)}
#amg-comm-lightbox .amg-comm-lb-body{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:60px 80px;touch-action:none}
#amg-comm-lightbox .amg-comm-lb-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:60px 80px;opacity:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1), opacity .3s ease;pointer-events:none;will-change:transform,opacity}
#amg-comm-lightbox .amg-comm-lb-slide.is-active{opacity:1;transform:translateX(0);pointer-events:auto}
#amg-comm-lightbox .amg-comm-lb-slide.is-prev{transform:translateX(-100%);opacity:0}
#amg-comm-lightbox .amg-comm-lb-slide.is-next{transform:translateX(100%);opacity:0}
#amg-comm-lightbox .amg-comm-lb-slide.is-dragging{transition:none}
#amg-comm-lightbox .amg-comm-lb-slide img,#amg-comm-lightbox .amg-comm-lb-slide video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
#amg-comm-lightbox .amg-comm-lb-close{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:999px;width:44px;height:44px;font-size:28px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.3)}
#amg-comm-lightbox .amg-comm-lb-close:hover{background:rgba(0,0,0,.6);transform:scale(1.1)}
#amg-comm-lightbox .amg-comm-lb-prev,#amg-comm-lightbox .amg-comm-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:999px;width:52px;height:52px;font-size:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.3)}
#amg-comm-lightbox .amg-comm-lb-prev{left:16px}
#amg-comm-lightbox .amg-comm-lb-next{right:16px}
#amg-comm-lightbox .amg-comm-lb-prev:hover,#amg-comm-lightbox .amg-comm-lb-next:hover{background:rgba(0,0,0,.6);transform:translateY(-50%) scale(1.1)}
#amg-comm-lightbox .amg-comm-lb-prev.is-disabled,#amg-comm-lightbox .amg-comm-lb-next.is-disabled{opacity:.3;cursor:default;pointer-events:none}
/* Dots indicator - improved contrast for accessibility */
#amg-comm-lightbox .amg-comm-lb-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;align-items:center}
#amg-comm-lightbox .amg-comm-lb-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);transition:all .3s ease;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.3)}
#amg-comm-lightbox .amg-comm-lb-dot.is-active{background:#fff;transform:scale(1.3);box-shadow:0 0 8px rgba(255,255,255,.5)}
#amg-comm-lightbox .amg-comm-lb-dot:hover{background:rgba(255,255,255,.85);transform:scale(1.15)}
/* Counter for many images */
#amg-comm-lightbox .amg-comm-lb-counter{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none}
/* Swipe hint indicator - improved visibility with icon */
#amg-comm-lightbox .amg-comm-lb-hint{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none;padding:10px 18px;background:rgba(0,0,0,.5);border-radius:999px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#amg-comm-lightbox .amg-comm-lb-hint svg{flex-shrink:0;animation:lbHintArrow 1s ease-in-out infinite}
#amg-comm-lightbox.show-hint .amg-comm-lb-hint{opacity:1}
@keyframes lbHintArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
/* Tablet screens */
@media(max-width:768px){
    #amg-comm-lightbox .amg-comm-lb-body,#amg-comm-lightbox .amg-comm-lb-slide{padding:40px 8px}
    #amg-comm-lightbox .amg-comm-lb-prev,#amg-comm-lightbox .amg-comm-lb-next{width:44px;height:44px;font-size:22px;background:rgba(255,255,255,.15)}
    #amg-comm-lightbox .amg-comm-lb-prev{left:6px}
    #amg-comm-lightbox .amg-comm-lb-next{right:6px}
    #amg-comm-lightbox .amg-comm-lb-close{top:12px;right:12px;width:44px;height:44px}
    #amg-comm-lightbox .amg-comm-lb-dots{bottom:20px;gap:6px}
    #amg-comm-lightbox .amg-comm-lb-dot{width:7px;height:7px}
}
/* Small mobile screens - WCAG 44px minimum touch target */
@media(max-width:480px){
    #amg-comm-lightbox .amg-comm-lb-body,#amg-comm-lightbox .amg-comm-lb-slide{padding:30px 4px}
    #amg-comm-lightbox .amg-comm-lb-prev,#amg-comm-lightbox .amg-comm-lb-next{width:44px;height:44px;font-size:20px;background:rgba(255,255,255,.2)}
    #amg-comm-lightbox .amg-comm-lb-prev{left:4px}
    #amg-comm-lightbox .amg-comm-lb-next{right:4px}
    #amg-comm-lightbox .amg-comm-lb-close{top:8px;right:8px;width:44px;height:44px;font-size:24px}
    #amg-comm-lightbox .amg-comm-lb-hint{bottom:60px;font-size:12px}
}

/* Heart double-tap animation */
.amg-comm .amg-heart-anim{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0.6);font-size:84px;pointer-events:none;opacity:0;animation:amg-heart-pop .8s ease-out forwards;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
@keyframes amg-heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}

/* Suggest CTA (view other threads) */
#amg-comm-suggest-cta{position:fixed;right:16px;bottom:16px;z-index:100020;display:none;align-items:center;gap:8px;background:#ff2d55;color:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
#amg-comm-suggest-cta.is-visible{display:flex}
#amg-comm-suggest-cta .amg-comm-suggest-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800}
#amg-comm-suggest-cta .amg-comm-suggest-emoji{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:50%}
#amg-comm-suggest-cta .amg-comm-suggest-close{margin-left:6px;background:rgba(255,255,255,.2);border:none;color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer}
/* Single content */
.amg-comm .amg-comm-content{font-size:14px;line-height:1.6;color:var(--text)}
.amg-comm .amg-comm-content p{margin:8px 0}

/* Baseline buttons inside the app */
.amg-comm .button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:6px 12px;font-weight:600;cursor:pointer;color:inherit}
.amg-comm .button:hover{border-color:#d7dbe2}
.amg-comm .button:focus{outline:2px solid var(--accent);outline-offset:2px}
@supports selector(:focus-visible){.amg-comm .button:focus:not(:focus-visible){outline:none}}
.amg-comm .button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Accent actions */
.amg-comm .amg-comm-edit-save,
.amg-comm .amg-comm-modal__footer .amg-comm-apply{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 14px;font-weight:700}
.amg-comm .amg-comm-edit-save:hover,
.amg-comm .amg-comm-modal__footer .amg-comm-apply:hover{filter:brightness(.95)}
.amg-comm .amg-comm-edit-save:focus,
.amg-comm .amg-comm-modal__footer .amg-comm-apply:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
@supports selector(:focus-visible){.amg-comm .amg-comm-edit-save:focus:not(:focus-visible),.amg-comm .amg-comm-modal__footer .amg-comm-apply:focus:not(:focus-visible){outline:none;box-shadow:none}}
.amg-comm .amg-comm-edit-save:focus-visible,
.amg-comm .amg-comm-modal__footer .amg-comm-apply:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}

/* Comment form improvements */
.amg-comm .amg-comm-comment-form textarea{min-height:36px;font-size:14px;border:1px solid #e5e7eb;border-radius:20px;padding:10px 16px;background:#f9fafb;outline:none;line-height:1.4;transition:all .2s ease}
.amg-comm .amg-comm-comment-form textarea:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,186,0,.15)}
.amg-comm .amg-comm-comment-form .button{align-self:flex-end;background:#ffba00;color:#111;border:none;border-radius:999px;padding:10px 18px;font-weight:700;box-shadow:0 2px 8px rgba(255,186,0,.25);transition:all .2s ease}
.amg-comm .amg-comm-comment-form .button:hover{background:#e5a800;box-shadow:0 4px 12px rgba(255,186,0,.35);transform:translateY(-1px)}
.amg-comm .amg-comm-comment-form .button:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
@supports selector(:focus-visible){.amg-comm .amg-comm-comment-form .button:focus:not(:focus-visible){outline:none;box-shadow:0 2px 8px rgba(255,186,0,.25)}}
.amg-comm .amg-comm-comment-form .button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}

/* Guest form styling */
.amg-comm .amg-comm-guest-form textarea{background:var(--soft);color:var(--muted);cursor:pointer}
.amg-comm .amg-comm-guest-form textarea:hover{background:var(--border)}
.amg-comm .amg-comm-guest-form .button{background:var(--muted);cursor:pointer}
.amg-comm .amg-comm-guest-form .button:hover{background:var(--text)}

/* New comment highlight */
.amg-comm .amg-comm-comment--new{background:var(--accent-bg);border-radius:12px;padding:8px;margin:4px 0;animation:amg-comment-pulse 2s ease-out}
@keyframes amg-comment-pulse{0%{background:var(--accent-bg-strong);}100%{background:var(--accent-bg);}}

/* Compose: inputs and media buttons subtle tune */
.amg-comm .amg-comm-input{font-size:14px}
.amg-comm .amg-comm-addmedia{width:72px;height:72px}

/* Woo My Account: remove excessive inner paddings */
.amg-comm-standalone .woocommerce-MyAccount-content,
.amg-comm-standalone .xts-my-account-sidebar{
    padding-left: 0;
    padding-right: 0;
    max-width: none;
}

/* ========== PET PROFILE PAGE ========== */
.amg-comm-pet-profile{
	background:#fff;
	margin:-12px -12px 16px;
	padding:0
}
.amg-comm-pet-profile__header{
	display:flex;
	align-items:center;
	padding:12px 16px;
	border-bottom:1px solid var(--border)
}
.amg-comm-back-btn{
	width:40px;height:40px;
	display:flex;align-items:center;justify-content:center;
	border-radius:50%;
	color:var(--text);
	transition:background .15s ease
}
.amg-comm-back-btn:hover{background:var(--soft)}
.amg-comm-pet-profile__hero{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:24px 16px 20px;
	text-align:center
}
.amg-comm-pet-profile__avatar{
	width:96px;height:96px;
	border-radius:50%;
	overflow:hidden;
	background:var(--soft);
	margin-bottom:16px;
	border:3px solid var(--accent)
}
.amg-comm-pet-profile__avatar img{
	width:100%;height:100%;object-fit:cover
}
.amg-comm-pet-profile__avatar-placeholder{
	width:100%;height:100%;
	display:flex;align-items:center;justify-content:center;
	font-size:40px;
	background:linear-gradient(135deg, var(--accent-bg) 0%, var(--accent-bg-strong) 100%)
}
.amg-comm-pet-profile__name{
	font-size:24px;
	font-weight:800;
	color:var(--text);
	margin:0 0 8px;
	line-height:1.2
}
.amg-comm-pet-profile__badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 14px;
	background:var(--accent-bg);
	border-radius:999px;
	margin-bottom:12px;
	position:relative;
	cursor:pointer;
	transition:all .2s ease
}
.amg-comm-pet-profile__badge:hover{
	background:var(--accent-bg-strong);
	transform:scale(1.02)
}
.amg-comm-pet-profile__badge-emoji{font-size:16px}
.amg-comm-pet-profile__badge-label{
	font-size:13px;
	font-weight:600;
	color:var(--accent-ink)
}
/* Tooltip for profile badge */
.amg-comm-pet-profile__badge .amg-comm-tier-tooltip{
	position:absolute;
	top:calc(100% + 8px);
	left:50%;
	transform:translateX(-50%) scale(0.95);
	background:#fff;
	border-radius:12px;
	padding:12px 14px;
	min-width:220px;
	max-width:280px;
	box-shadow:0 8px 24px rgba(0,0,0,.15);
	border:1px solid var(--border);
	opacity:0;
	visibility:hidden;
	transition:all .2s ease;
	z-index:1000;
	text-align:left;
	pointer-events:none
}
.amg-comm-pet-profile__badge .amg-comm-tier-tooltip::after{
	content:'';
	position:absolute;
	bottom:100%;
	left:50%;
	transform:translateX(-50%);
	border:6px solid transparent;
	border-bottom-color:#fff
}
.amg-comm-pet-profile__badge .amg-comm-tier-tooltip::before{
	content:'';
	position:absolute;
	bottom:100%;
	left:50%;
	transform:translateX(-50%);
	border:7px solid transparent;
	border-bottom-color:var(--border)
}
.amg-comm-pet-profile__badge:hover .amg-comm-tier-tooltip,
.amg-comm-pet-profile__badge:focus .amg-comm-tier-tooltip,
.amg-comm-pet-profile__badge.is-tooltip-open .amg-comm-tier-tooltip{
	opacity:1;
	visibility:visible;
	transform:translateX(-50%) scale(1);
	pointer-events:auto
}
.amg-comm-pet-profile__meta{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	margin-bottom:12px
}
.amg-comm-pet-profile__tag{
	display:inline-flex;
	align-items:center;
	padding:4px 12px;
	background:var(--soft);
	border-radius:999px;
	font-size:13px;
	color:var(--muted)
}
.amg-comm-pet-profile__bio{
	max-width:320px;
	font-size:14px;
	line-height:1.5;
	color:var(--text);
	margin:0 0 16px;
	text-align:center
}
.amg-comm-pet-profile__info{
	display:flex;
	flex-wrap:wrap;
	gap:12px 20px;
	justify-content:center;
	margin:16px 0;
	padding:12px 16px;
	background:var(--soft);
	border-radius:12px
}
.amg-comm-pet-profile__info-item{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:14px;
	color:var(--text)
}
.amg-comm-pet-profile__info-icon{
	font-size:16px
}
.amg-comm-pet-profile__info-value{
	font-weight:500
}
.amg-comm-pet-profile__stats{
	display:flex;
	gap:32px;
	padding-top:16px;
	border-top:1px solid var(--soft)
}
.amg-comm-pet-profile__stat{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px
}
.amg-comm-pet-profile__stat-value{
	font-size:20px;
	font-weight:800;
	color:var(--text)
}
.amg-comm-pet-profile__stat-label{
	font-size:12px;
	color:var(--muted)
}
.amg-comm-pet-profile__tabs{
	display:flex;
	border-top:1px solid var(--border)
}
.amg-comm-pet-profile__tab{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:14px;
	border:none;
	background:transparent;
	color:var(--muted);
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	transition:all .15s ease;
	border-bottom:2px solid transparent
}
.amg-comm-pet-profile__tab:hover{color:var(--text)}
.amg-comm-pet-profile__tab.is-active{
	color:var(--text);
	border-bottom-color:var(--text)
}
.amg-comm-pet-profile__tab svg{opacity:.7}
.amg-comm-pet-profile__tab.is-active svg{opacity:1}

/* ========== NOTIFICATIONS MODAL ========== */
.amg-comm-notif-modal{
	position:fixed;inset:0;z-index:100010;display:none
}
.amg-comm-notif-modal.is-open{display:flex;align-items:flex-start;justify-content:center}
.amg-comm-notif-modal__overlay{
	position:absolute;inset:0;background:rgba(0,0,0,.5);
	animation:amg-fade-in .2s ease
}
.amg-comm-notif-modal__panel{
	position:relative;
	width:100%;max-width:400px;max-height:80vh;
	margin-top:60px;
	background:#fff;border-radius:16px;
	box-shadow:0 10px 40px rgba(0,0,0,.2);
	display:flex;flex-direction:column;
	overflow:hidden;
	animation:amg-slide-up .25s ease
}
@keyframes amg-slide-up{
	from{opacity:0;transform:translateY(20px)}
	to{opacity:1;transform:translateY(0)}
}
@keyframes amg-fade-in{
	from{opacity:0}to{opacity:1}
}
.amg-comm-notif-modal__header{
	display:flex;align-items:center;justify-content:space-between;
	padding:16px 20px;
	border-bottom:1px solid var(--border);
	background:#fff
}
.amg-comm-notif-modal__title{
	font-size:18px;font-weight:700;color:var(--text)
}
.amg-comm-notif-modal__close{
	width:32px;height:32px;
	border:none;background:var(--soft);
	border-radius:50%;
	font-size:20px;line-height:1;
	color:var(--muted);cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	transition:all .15s ease
}
.amg-comm-notif-modal__close:hover{background:var(--border);color:var(--text)}
.amg-comm-notif-modal__body{
	flex:1;overflow-y:auto;
	padding:0;
	max-height:60vh
}
/* Notification items */
.amg-notif-item{
	display:flex;align-items:center;gap:12px;
	padding:14px 20px;
	text-decoration:none;color:var(--text);
	border-bottom:1px solid var(--soft);
	transition:background .15s ease
}
.amg-notif-item:hover{background:var(--soft)}
.amg-notif-avatar{
	width:44px;height:44px;min-width:44px;
	border-radius:50%;object-fit:cover;
	background:var(--soft)
}
.amg-notif-icon{
	width:44px;height:44px;min-width:44px;
	border-radius:50%;
	background:var(--accent-bg);
	display:flex;align-items:center;justify-content:center;
	color:var(--accent);font-size:18px
}
.amg-notif-body{
	flex:1;min-width:0;
	display:flex;flex-direction:column;gap:2px
}
.amg-notif-text{
	font-size:14px;line-height:1.4;
	color:var(--text)
}
.amg-notif-time{
	font-size:12px;color:var(--muted)
}
.amg-notif-empty{
	padding:40px 20px;
	text-align:center;
	color:var(--muted);
	font-size:14px
}
.amg-notif-loading{
	padding:40px 20px;
	text-align:center;
	color:var(--muted);
	font-size:14px
}
/* Badge on nav button */
.amg-comm .amg-comm-ln-badge{
	position:absolute;top:4px;right:4px;
	min-width:16px;height:16px;
	padding:0 4px;
	background:#ef4444;color:#fff;
	font-size:10px;font-weight:700;
	border-radius:999px;
	display:flex;align-items:center;justify-content:center
}
.amg-comm .amg-comm-ln-notif{position:relative}
/* Mobile: full screen notifications */
@media(max-width:480px){
	.amg-comm-notif-modal__panel{
		max-width:100%;max-height:100vh;max-height:100dvh;
		margin:0;border-radius:0
	}
	.amg-comm-notif-modal__body{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px)}
}

/* Fix bottom nav overlapping content */
@media(max-width: 767px) {
    .amg-comm .amg-comm-inner {
        padding-bottom: 100px;
    }
}/* ============================================
   COMMENT FORM & PET SELECTOR REDESIGN
   Warm, playful pet community aesthetic
   ============================================ */

/* === Comments Wrapper === */
.amg-comm .amg-comm-comments-wrap {
    background: transparent;
    padding: 0;
    margin-top: 16px;
    border: none;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

/* === Main Comment Form Container === */
.amg-comm .amg-comm-comment-form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 16px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
    max-width: 100%;
    overflow: visible;
    box-sizing: border-box;
}

/* Main form header - removed */
.amg-comm .amg-comm-comment-form::before {
    display: none;
}

/* === Pet Selector - Now Static & Prominent === */
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    z-index: auto !important;
    margin-bottom: 12px;
}

/* Pet selector inner container */
.amg-comm .amg-comm-comment-form .amg-comm-petselect,
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-petselect {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    background: transparent;
    max-width: 100%;
}

/* Pet selector label */
.amg-comm .amg-comm-comment-form .amg-comm-petselect::before {
    content: "Від імені:";
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 8px;
}

/* === Pet Pills === */
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item,
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 8px;
    border: 1px solid #e5e7eb;
    border-radius: 50px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s ease;
    font-weight: 500;
    font-size: 14px;
    color: #374151;
    position: relative;
}

/* Pet avatar image */
.amg-comm .amg-comm-pet-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #e5e7eb;
}
.amg-comm .amg-comm-pet-avatar--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    font-size: 13px;
}

/* Hide the radio button visually but keep accessible */
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item input[type="radio"],
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    margin: 0;
}

/* Pet pill hover state */
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item:hover,
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item:hover {
    border-color: #d1d5db;
    background: #f9fafb;
}

/* Pet pill SELECTED state */
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item:has(input:checked),
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item:has(input:checked),
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item.is-selected,
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item.is-selected {
    border-color: #111;
    background: #fff;
    color: #111;
}

/* Avatar when selected */
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item:has(input:checked) .amg-comm-pet-avatar,
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item:has(input:checked) .amg-comm-pet-avatar,
.amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item.is-selected .amg-comm-pet-avatar,
.amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item.is-selected .amg-comm-pet-avatar {
    border-color: #374151;
}

/* === Textarea === */
.amg-comm .amg-comm-comment-form textarea {
    width: 100%;
    min-height: 80px;
    max-height: 300px;
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;
    resize: vertical;
    outline: none;
    transition: border-color 0.15s ease, height 0.1s ease;
    font-family: inherit;
    box-sizing: border-box;
    overflow-y: auto;
}

.amg-comm .amg-comm-comment-form textarea::placeholder {
    color: #9ca3af;
}

.amg-comm .amg-comm-comment-form textarea:hover {
    border-color: #d1d5db;
}

.amg-comm .amg-comm-comment-form textarea:focus {
    border-color: #111;
    background: #fff;
}

/* === Submit Button === */
.amg-comm .amg-comm-comment-form .button {
    align-self: flex-end;
    margin-top: 12px;
    padding: 10px 20px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.amg-comm .amg-comm-comment-form .button:hover {
    background: #333;
}

.amg-comm .amg-comm-comment-form .button:active {
    background: #000;
}

.amg-comm .amg-comm-comment-form .button:focus {
    outline: 2px solid #111;
    outline-offset: 2px;
}
@supports selector(:focus-visible) {
    .amg-comm .amg-comm-comment-form .button:focus:not(:focus-visible) { outline: none; }
}
.amg-comm .amg-comm-comment-form .button:focus-visible {
    outline: 2px solid #111;
    outline-offset: 2px;
}

/* === No Pets State === */
.amg-comm .amg-comm-comment-form .amg-comm-nopets {
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    margin-bottom: 14px;
}

.amg-comm .amg-comm-comment-form .amg-comm-nopets__text {
    color: #6b7280;
    font-size: 14px;
    margin: 0 0 12px;
    font-weight: 500;
}

.amg-comm .amg-comm-comment-form .amg-comm-nopets__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease;
}

.amg-comm .amg-comm-comment-form .amg-comm-nopets__btn:hover {
    background: #333;
}

/* === Login Prompt === */
.amg-comm .amg-comm-comment-login {
    text-align: center;
    padding: 20px 16px;
    background: #f9fafb;
    border-radius: 12px;
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;
    margin-top: 16px;
}
/* Comment trigger (cache-safe replacement for form/login) */
.amg-comm .amg-comm-comment-trigger {margin-top:16px;cursor:pointer}
.amg-comm .amg-comm-comment-trigger__input {background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:12px 16px;color:#9ca3af;font-size:14px;transition:all .2s ease}
.amg-comm .amg-comm-comment-trigger:hover .amg-comm-comment-trigger__input {background:#fff;border-color:#ffba00;color:#6b7280}

/* === Reply Sheet - Threads-style fullscreen === */
.amg-comm-reply-sheet {
    position: fixed;
    inset: 0;
    z-index: 100020;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.amg-comm-reply-sheet__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
    animation: fadeIn .2s ease;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.amg-comm-reply-sheet__panel {
    position: relative;
    width: 100%;
    max-width: 100%;
    max-height: 90vh;
    background: #fff;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    animation: slideUp .3s cubic-bezier(.4,0,.2,1);
    overflow: hidden;
}
@keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* Header */
.amg-comm-reply-sheet__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}
.amg-comm-reply-sheet__close {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    color: #6b7280;
    cursor: pointer;
}
.amg-comm-reply-sheet__close:hover { background: #e5e7eb; color: #111; }
.amg-comm-reply-sheet__title {
    font-weight: 700;
    font-size: 16px;
    color: #111;
}
.amg-comm-reply-sheet__submit {
    background: var(--accent, #ffba00);
    color: #111;
    border: none;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}
.amg-comm-reply-sheet__submit:hover { background: #e5a800; }
.amg-comm-reply-sheet__submit:disabled { opacity: .5; cursor: not-allowed; }

/* Body */
.amg-comm-reply-sheet__body {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Context - original comment */
.amg-comm-reply-sheet__context {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 12px;
    border-left: 3px solid var(--accent, #ffba00);
}
.amg-comm-reply-sheet__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.amg-comm-reply-sheet__quote {
    flex: 1;
    min-width: 0;
}
.amg-comm-reply-sheet__author {
    font-weight: 600;
    font-size: 14px;
    color: #111;
    display: block;
    margin-bottom: 4px;
}
.amg-comm-reply-sheet__text {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.4;
}

.amg-comm-reply-sheet__divider {
    height: 1px;
    background: #e5e7eb;
    margin: 0 -16px;
}

/* Pet selector */
.amg-comm-reply-sheet__pet {
    flex-shrink: 0;
}
.amg-comm-reply-sheet__pet .amg-comm-petselect {
    background: #f9fafb;
    border-radius: 12px;
    padding: 8px;
}

/* Form */
.amg-comm-reply-sheet__form {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 150px;
}
.amg-comm-reply-sheet__form textarea {
    flex: 1;
    width: 100%;
    min-height: 120px;
    border: none;
    background: transparent;
    font-size: 16px;
    line-height: 1.5;
    resize: none;
    outline: none;
    padding: 0;
}
.amg-comm-reply-sheet__form textarea::placeholder {
    color: #9ca3af;
}

/* Desktop - centered modal */
@media (min-width: 768px) {
    .amg-comm-reply-sheet {
        align-items: center;
    }
    .amg-comm-reply-sheet__panel {
        max-width: 560px;
        max-height: 80vh;
        border-radius: 20px;
        margin: 20px;
    }
}

/* Old inline reply styles - kept for fallback */
.amg-comm .amg-comm-reply-wrap {
    display: none; /* Hidden - using sheet instead */
}
.amg-comm .amg-comm-reply-pet .amg-comm-petselect {
    background: #fff;
    border-radius: 12px;
    padding: 8px;
}
.amg-comm .amg-comm-reply-pet .amg-comm-item {
    padding: 6px 10px;
    font-size: 13px;
}

/* Reply form itself */
.amg-comm .amg-comm-reply-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

.amg-comm .amg-comm-reply-form textarea {
    width: 100%;
    min-height: 60px;
    max-height: 150px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    font-size: 15px;
    background: #fff;
    resize: none;
    outline: none;
    transition: all 0.15s ease;
    box-sizing: border-box;
    line-height: 1.5;
}

.amg-comm .amg-comm-reply-form textarea:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(255,186,0,.15);
}

.amg-comm .amg-comm-reply-form textarea::placeholder {
    color: #9ca3af;
}

.amg-comm .amg-comm-reply-form .button,
.amg-comm .amg-comm-reply-form .amg-comm-reply-submit {
    align-self: flex-end;
    padding: 10px 20px;
    background: var(--accent);
    color: #111;
    border: none;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px rgba(255,186,0,.25);
}

.amg-comm .amg-comm-reply-form .button:hover,
.amg-comm .amg-comm-reply-form .amg-comm-reply-submit:hover {
    background: #e5a800;
    box-shadow: 0 4px 12px rgba(255,186,0,.35);
}

/* === Mobile Optimizations === */
@media (max-width: 480px) {
    .amg-comm .amg-comm-comments-wrap {
        padding: 12px;
        border-radius: 8px;
    }

    /* Main comment form */
    .amg-comm .amg-comm-comment-form {
        padding: 12px;
        margin-top: 16px;
    }

    .amg-comm .amg-comm-comment-form .amg-comm-petselect .amg-comm-item,
    .amg-comm .amg-comm-comment-form .amg-comm-pet-mini .amg-comm-item {
        padding: 6px 12px 6px 6px;
        font-size: 13px;
    }

    .amg-comm .amg-comm-comment-form textarea {
        min-height: 60px;
        font-size: 16px; /* Prevents iOS zoom */
        padding: 10px 12px;
    }

    .amg-comm .amg-comm-comment-form .button {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
    }

    /* Reply form mobile */
    .amg-comm .amg-comm-reply-wrap {
        margin-left: 8px;
        margin-right: 0;
        padding: 10px;
    }

    .amg-comm .amg-comm-reply-form textarea {
        font-size: 16px; /* Prevents iOS zoom */
        min-height: 70px;
    }

    .amg-comm .amg-comm-reply-form .button,
    .amg-comm .amg-comm-reply-form .amg-comm-reply-submit {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
    }
}

/* === Animation for new comments appearing === */
.amg-comm .amg-comm-comment--new {
    animation: commentSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes commentSlideIn {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Official comments (veterinarian) */
.amg-comm .amg-comm-comment--official {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid #86efac;
    border-radius: 12px;
    padding: 8px;
    margin-left: -8px;
    margin-right: -8px;
}
.amg-comm .amg-comm-comment--official .amg-comm-avatar {
    border: 2px solid #22c55e;
    border-radius: 50%;
}
.amg-comm .amg-comm-official-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #22c55e;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 999px;
    margin-left: 6px;
    vertical-align: middle;
}
.amg-comm .amg-comm-official-avatar {
    background: #22c55e;
}
/* Comment media (photo attachment) */
.amg-comm .amg-comm-comment-media{margin-top:6px;max-width:320px}
.amg-comm .amg-comm-comment-media img{width:100%;border-radius:8px;display:block;cursor:pointer}
/* Comment photo button & preview */
.amg-comm-comment-photo-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;font-size:13px;border-radius:8px;transition:color .2s}
.amg-comm-comment-photo-btn:hover{color:var(--accent)}
.amg-comm-comment-photo-btn svg{width:20px;height:20px}
.amg-comm-comment-photo-preview{margin-top:6px;position:relative;display:inline-block;max-width:200px}
.amg-comm-comment-photo-preview img{width:100%;border-radius:8px;display:block}
.amg-comm-comment-photo-preview .amg-comm-comment-photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}
@media(max-width:480px){.amg-comm .amg-comm-children{margin-left:16px}}
.amg-comm .amg-comm-avatar-emoji {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
}
.amg-comm .amg-comm-avatar-emoji.amg-comm-official-avatar {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}
/* Official option in pet selector */
.amg-comm .amg-comm-item--official {
    border-color: #22c55e !important;
    background: #ecfdf5 !important;
}
.amg-comm .amg-comm-item--official:has(input:checked) {
    background: #dcfce7 !important;
    border-color: #16a34a !important;
}
.amg-comm .amg-comm-pet-avatar--official {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}