.ardcui-shell,
.ardcui-shell * {
	box-sizing: border-box;
}

.ardcui-shell {
	--ardcui-text: #111111;
	--ardcui-muted: #6b7280;
	--ardcui-border: #d6dbe4;
	--ardcui-bg: #ffffff;
	--ardcui-soft: #f7f8fa;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 14px 24px;
	color: var(--ardcui-text);
	font-family: inherit;
}

.ardcui-head {
	margin-bottom: 14px;
}

.ardcui-head__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 10px;
}

.ardcui-kicker {
	margin-bottom: 6px;
	color: var(--ardcui-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ardcui-title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.ardcui-note {
	margin: 0;
	color: var(--ardcui-muted);
	font-size: 14px;
	line-height: 1.45;
}

.ardcui-utility {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ardcui-count {
	display: none;
	color: var(--ardcui-muted);
	font-size: 13px;
	white-space: nowrap;
}

.ardcui-cart-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid var(--ardcui-border);
	border-radius: 999px;
	background: var(--ardcui-bg);
	color: var(--ardcui-text);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.ardcui-cart-pill__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
}

.ardcui-filters {
	display: flex;
	gap: 10px;
	overflow: auto;
	padding-bottom: 2px;
	margin-bottom: 16px;
}

.ardcui-filter-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 14px;
	border: 1px solid var(--ardcui-border);
	border-radius: 999px;
	background: #ffffff;
	color: #111111;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.ardcui-filter-pill.is-active {
	background: #111111;
	color: #ffffff;
	border-color: #111111;
}

.ardcui-list {
	display: grid;
	gap: 12px;
}

.ardcui-row {
	background: #ffffff;
	border: 1px solid var(--ardcui-border);
	border-radius: 18px;
}

.ardcui-row__trigger {
	all: unset;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr) auto;
	gap: 12px;
	width: 100%;
	padding: 15px;
	cursor: pointer;
}

.ardcui-row__image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border: 1px solid #e7ebf0;
	border-radius: 18px;
	background: var(--ardcui-soft);
}

.ardcui-row__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ardcui-badge {
	display: inline-flex;
	padding: 4px 9px;
	border: 1px solid var(--ardcui-border);
	border-radius: 999px;
	background: #ffffff;
	color: #111111;
	font-size: 11px;
	font-weight: 600;
}

.ardcui-row__title {
	margin: 8px 0 5px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.015em;
}

.ardcui-row__subtitle {
	margin: 0;
	color: var(--ardcui-muted);
	font-size: 13px;
	line-height: 1.35;
}

.ardcui-row__side {
	min-width: 96px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}

.ardcui-row__price {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	color: #111111;
	text-align: right;
}

.ardcui-row__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	min-height: 38px;
	padding: 9px 12px;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
}

.ardcui-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 22px;
}

.ardcui-page-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border: 1px solid var(--ardcui-border);
	border-radius: 999px;
	background: #ffffff;
	color: #111111;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.ardcui-page-pill.is-current {
	background: #111111;
	color: #ffffff;
	border-color: #111111;
}

.ardcui-empty {
	padding: 24px;
	border: 1px solid var(--ardcui-border);
	border-radius: 18px;
	background: #ffffff;
	color: var(--ardcui-muted);
	text-align: center;
}

.ardcui-toast[hidden],
.ardcui-modal[hidden] {
	display: none;
}

.ardcui-toast {
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 100001;
	min-width: 220px;
	max-width: calc(100vw - 32px);
	padding: 12px 16px;
	border-radius: 16px;
	background: #111111;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.ardcui-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
}

.ardcui-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(17, 17, 17, 0.30);
}

.ardcui-modal__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 720px;
	margin: 0 auto;
	padding: 20px 18px 24px;
	background: #ffffff;
	border-radius: 24px 24px 0 0;
	box-shadow: 0 -10px 30px rgba(17, 17, 17, 0.10);
	max-height: 88vh;
	overflow: auto;
}

.ardcui-modal__close {
	all: unset;
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 28px;
	line-height: 1;
	color: #111111;
	cursor: pointer;
}

.ardcui-loading {
	color: var(--ardcui-muted);
	font-size: 14px;
}

@media (min-width: 768px) {
	.ardcui-shell {
		padding: 0 16px 24px;
	}

	.ardcui-count {
		display: inline-flex;
	}

	.ardcui-title {
		font-size: 28px;
	}

	.ardcui-row {
		border-radius: 22px;
	}

	.ardcui-row__trigger {
		grid-template-columns: 78px minmax(0, 1fr) 132px;
		gap: 16px;
		padding: 18px;
	}

	.ardcui-row__image-wrap {
		width: 78px;
		height: 78px;
	}

	.ardcui-row__side {
		min-width: 132px;
	}

	.ardcui-row__action {
		min-width: 118px;
	}

	.ardcui-modal {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 32px;
	}

	.ardcui-modal__panel {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		width: min(720px, calc(100vw - 64px));
		max-height: 84vh;
		border-radius: 24px;
		box-shadow: 0 20px 54px rgba(17, 17, 17, 0.12);
	}
}


/* v1.0.1 hover cleanup + dynamic heading companion */
.ardcui-row:hover,
.ardcui-row:focus-within{
	background:#ffffff;
	border-color:var(--ardcui-border);
	box-shadow:0 6px 14px rgba(17,17,17,.05);
	transform:translateY(-1px);
}

.ardcui-row,
.ardcui-row__trigger,
.ardcui-row__image-wrap,
.ardcui-row__meta,
.ardcui-row__side{
	transition:background-color .16s ease, transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.ardcui-row__trigger:hover,
.ardcui-row__trigger:focus{
	background:#ffffff;
}

.ardcui-row__trigger:hover .ardcui-row__title,
.ardcui-row__trigger:focus .ardcui-row__title,
.ardcui-row__trigger:hover .ardcui-row__subtitle,
.ardcui-row__trigger:focus .ardcui-row__subtitle{
	color:inherit;
}


/* v1.0.2 quick view button cleanup */
.ardcui-quickview__cta,
.ardcui-quickview__cta:hover,
.ardcui-quickview__cta:focus,
.ardcui-quickview__cta:active{
	background:#111111 !important;
	color:#ffffff !important;
	border:0 !important;
	box-shadow:none !important;
}

.ardcui-quantity__button,
.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus,
.ardcui-quantity__button:active{
	background:transparent !important;
	color:#111111 !important;
	border:0 !important;
	box-shadow:none !important;
}

.ardcui-row__action,
.ardcui-row__action:hover,
.ardcui-row__action:focus{
	background:#111111 !important;
	color:#ffffff !important;
}

.ardcui-quickview__footer-note{
	display:none !important;
}


/* v1.0.3 quick view cleanup + hover text fix */
.ardcui-row:hover,
.ardcui-row:focus-within{
	background:#ffffff !important;
}

.ardcui-row:hover .ardcui-row__title,
.ardcui-row:hover .ardcui-row__subtitle,
.ardcui-row:hover .ardcui-row__price,
.ardcui-row:hover .ardcui-badge,
.ardcui-row:hover .ardcui-row__meta,
.ardcui-row:hover .ardcui-row__side,
.ardcui-row__trigger:hover .ardcui-row__title,
.ardcui-row__trigger:hover .ardcui-row__subtitle,
.ardcui-row__trigger:hover .ardcui-row__price,
.ardcui-row__trigger:hover .ardcui-badge,
.ardcui-row__trigger:focus .ardcui-row__title,
.ardcui-row__trigger:focus .ardcui-row__subtitle,
.ardcui-row__trigger:focus .ardcui-row__price,
.ardcui-row__trigger:focus .ardcui-badge{
	color:#111111 !important;
}

.ardcui-row:hover .ardcui-row__subtitle,
.ardcui-row__trigger:hover .ardcui-row__subtitle,
.ardcui-row__trigger:focus .ardcui-row__subtitle{
	color:#6b7280 !important;
}

.ardcui-row__trigger:hover,
.ardcui-row__trigger:focus,
.ardcui-row__trigger:active{
	background:#ffffff !important;
	color:#111111 !important;
}

.ardcui-quickview__hero{
	align-items:start !important;
}

.ardcui-quickview__description,
.ardcui-quickview__section-body{
	white-space:normal !important;
	overflow:visible !important;
	text-overflow:clip !important;
	word-break:normal !important;
	overflow-wrap:anywhere !important;
}

.ardcui-quickview__section-body{
	max-height:none !important;
}

.ardcui-quantity{
	gap:10px !important;
	margin:18px 0 12px !important;
}

.ardcui-quantity__button{
	width:36px !important;
	height:36px !important;
	border:1px solid #d6dbe4 !important;
	border-radius:12px !important;
	background:#ffffff !important;
	color:#111111 !important;
	font-size:22px !important;
	font-weight:600 !important;
	line-height:1 !important;
}

.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus,
.ardcui-quantity__button:active{
	border-color:#111111 !important;
	background:#ffffff !important;
	color:#111111 !important;
	box-shadow:none !important;
}

.ardcui-quantity__value{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-width:40px !important;
	height:36px !important;
	padding:0 8px !important;
	border:1px solid transparent !important;
	border-radius:12px !important;
	font-size:17px !important;
	font-weight:700 !important;
	line-height:1 !important;
	color:#111111 !important;
}

@media (min-width: 768px){
	.ardcui-quantity{
		gap:12px !important;
	}
	.ardcui-quantity__button{
		width:38px !important;
		height:38px !important;
	}
	.ardcui-quantity__value{
		min-width:44px !important;
		height:38px !important;
	}
}


/* v1.0.4 row add-to-cart upgrade */
.ardcui-row__layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:12px;
	align-items:center;
	padding:15px;
}

.ardcui-row__surface{
	all:unset;
	box-sizing:border-box;
	display:grid;
	grid-template-columns:68px minmax(0,1fr);
	gap:12px;
	align-items:center;
	width:100%;
	cursor:pointer;
}

.ardcui-row__surface:hover,
.ardcui-row__surface:focus,
.ardcui-row__surface:active{
	background:#ffffff !important;
	color:#111111 !important;
}

.ardcui-row__cart{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:132px;
	min-height:44px;
	padding:11px 16px;
	border:1px solid #111111;
	border-radius:999px;
	background:#111111;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	text-decoration:none;
	transition:transform .16s ease, opacity .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.ardcui-row__cart:hover,
.ardcui-row__cart:focus{
	background:#111111;
	color:#ffffff;
	opacity:.94;
	transform:translateY(-1px);
	box-shadow:0 6px 14px rgba(17,17,17,.08);
}

.ardcui-row__cart:active{
	transform:translateY(0);
	box-shadow:none;
}

.ardcui-row__cart.is-loading{
	opacity:.8;
	pointer-events:none;
}

@media (max-width: 767px){
	.ardcui-row__layout{
		grid-template-columns:minmax(0,1fr);
		gap:12px;
	}

	.ardcui-row__side{
		width:100%;
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		min-width:0;
	}

	.ardcui-row__price{
		text-align:left;
	}

	.ardcui-row__cart{
		min-width:124px;
		min-height:42px;
		padding:10px 14px;
	}
}

@media (min-width: 768px){
	.ardcui-row__layout{
		padding:18px;
		gap:16px;
	}

	.ardcui-row__surface{
		grid-template-columns:78px minmax(0,1fr);
		gap:16px;
	}
}


/* v1.0.5 add-to-cart polish */
.ardcui-row__cart{
	position:relative;
	overflow:hidden;
}

.ardcui-row__cart.is-added{
	background:#111111 !important;
	color:#ffffff !important;
	border-color:#111111 !important;
	animation:ardcuiCartAddedPulse .42s ease;
}

.ardcui-row__cart.is-added::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.22);
	animation:ardcuiCartAddedSheen .42s ease;
	pointer-events:none;
}

.ardcui-cart-pill__count.is-bump{
	animation:ardcuiCartCountBump .34s ease;
}

.ardcui-row.is-added-flash{
	animation:ardcuiRowFlash .5s ease;
}

@keyframes ardcuiCartAddedPulse{
	0%{ transform:translateY(0) scale(1); }
	45%{ transform:translateY(-1px) scale(1.03); }
	100%{ transform:translateY(0) scale(1); }
}

@keyframes ardcuiCartAddedSheen{
	0%{ opacity:0; transform:scale(.96); }
	35%{ opacity:1; transform:scale(1.02); }
	100%{ opacity:0; transform:scale(1.08); }
}

@keyframes ardcuiCartCountBump{
	0%{ transform:scale(1); }
	45%{ transform:scale(1.18); }
	100%{ transform:scale(1); }
}

@keyframes ardcuiRowFlash{
	0%{ box-shadow:0 0 0 rgba(17,17,17,0); }
	50%{ box-shadow:0 10px 24px rgba(17,17,17,.08); }
	100%{ box-shadow:0 0 0 rgba(17,17,17,0); }
}


/* v1.0.6 single full-length description in top quick view area */
.ardcui-quickview__description{
	margin-top:8px !important;
	color:#111111 !important;
	font-size:14px !important;
	line-height:1.75 !important;
	white-space:normal !important;
	overflow:visible !important;
	text-overflow:clip !important;
	word-break:normal !important;
	overflow-wrap:anywhere !important;
	max-width:none !important;
}

.ardcui-quickview__meta,
.ardcui-quickview__section,
.ardcui-quickview__section-title,
.ardcui-quickview__section-body,
.ardcui-quickview__footer-note{
	display:none !important;
}


/* v1.0.7 quick view spacing + typography polish */
.ardcui-modal__dialog{
	max-width:760px;
}

.ardcui-modal__content{
	padding:20px 18px 22px;
}

.ardcui-quickview{
	display:flex;
	flex-direction:column;
	gap:18px;
}

.ardcui-quickview__hero{
	display:grid;
	grid-template-columns:96px minmax(0, 1fr);
	gap:18px;
	align-items:start;
}

.ardcui-quickview__image{
	width:96px;
	height:96px;
	object-fit:contain;
	border:1px solid #eceef2;
	border-radius:18px;
	background:#ffffff;
	padding:10px;
}

.ardcui-quickview__title{
	margin:0;
	font-size:30px;
	line-height:1.12;
	font-weight:800;
	letter-spacing:-0.02em;
	color:#111111;
}

.ardcui-quickview__description{
	margin-top:10px !important;
	font-size:15px !important;
	line-height:1.72 !important;
	color:#414141 !important;
}

.ardcui-options{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.ardcui-option-pill{
	padding:14px 16px;
	border-radius:18px;
}

.ardcui-option-pill__title{
	display:block;
	font-size:16px;
	font-weight:700;
	line-height:1.3;
}

.ardcui-option-pill__price{
	display:block;
	margin-top:4px;
	font-size:15px;
	line-height:1.35;
}

.ardcui-quantity{
	margin:4px 0 0 !important;
}

.ardcui-quickview__cta,
.ardcui-quickview__cta:hover,
.ardcui-quickview__cta:focus{
	width:100%;
	min-height:52px;
	border-radius:18px;
	font-size:18px;
	font-weight:700;
	letter-spacing:-0.01em;
}

@media (min-width: 768px){
	.ardcui-modal__content{
		padding:26px 26px 28px;
	}
	.ardcui-quickview{
		gap:20px;
	}
	.ardcui-quickview__hero{
		grid-template-columns:112px minmax(0, 1fr);
		gap:22px;
	}
	.ardcui-quickview__image{
		width:112px;
		height:112px;
		border-radius:20px;
	}
	.ardcui-quickview__title{
		font-size:38px;
		line-height:1.08;
	}
	.ardcui-quickview__description{
		font-size:16px !important;
		line-height:1.78 !important;
	}
}

@media (max-width: 540px){
	.ardcui-modal__content{
		padding:16px 14px 18px;
	}
	.ardcui-quickview{
		gap:16px;
	}
	.ardcui-quickview__hero{
		grid-template-columns:1fr;
		gap:14px;
	}
	.ardcui-quickview__image{
		width:120px;
		height:120px;
		margin:0 auto;
	}
	.ardcui-quickview__title{
		font-size:24px;
		line-height:1.14;
	}
	.ardcui-quickview__description{
		font-size:14px !important;
		line-height:1.7 !important;
	}
	.ardcui-quickview__cta,
	.ardcui-quickview__cta:hover,
	.ardcui-quickview__cta:focus{
		min-height:50px;
		font-size:17px;
		border-radius:16px;
	}
}


/* ==========================================================================
   v1.1.0 polish pass
   1) more premium catalog cards
   2) more app-like quick view
   3) cleaner image treatment
   ========================================================================== */

/* --- catalog shell + title bar --- */
.ardcui-shell{
    gap: 24px;
}

.ardcui-header{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ardcui-title{
    letter-spacing: -0.03em;
    font-weight: 800;
}

.ardcui-note{
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
}

/* --- category pills --- */
.ardcui-filters{
    gap: 10px;
    flex-wrap: wrap;
}

.ardcui-filter{
    border-radius: 999px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid #e8ebf0;
    background: #ffffff;
    color: #111111;
    font-weight: 600;
    line-height: 1;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}

.ardcui-filter:hover,
.ardcui-filter:focus{
    transform: translateY(-1px);
    border-color: #d6dbe4;
    box-shadow: 0 8px 18px rgba(17,17,17,.05);
    background: #ffffff;
    color: #111111;
}

.ardcui-filter.is-active{
    background: #111111;
    color: #ffffff;
    border-color: #111111;
    box-shadow: 0 10px 20px rgba(17,17,17,.10);
}

/* --- premium row cards --- */
.ardcui-results{
    gap: 16px;
}

.ardcui-row{
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
    border: 1px solid #e7ebf1;
    border-radius: 28px;
    box-shadow: 0 1px 0 rgba(17,17,17,.03), 0 12px 28px rgba(17,17,17,.03);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.ardcui-row:hover,
.ardcui-row:focus-within{
    transform: translateY(-2px);
    box-shadow: 0 1px 0 rgba(17,17,17,.03), 0 18px 34px rgba(17,17,17,.06);
    border-color: #dde3eb;
    background: #ffffff !important;
}

.ardcui-row__layout{
    padding: 18px 18px;
    gap: 18px;
}

.ardcui-row__surface{
    min-width: 0;
}

.ardcui-row__image-wrap{
    position: relative;
    width: 84px;
    height: 84px;
    border-radius: 24px;
    border: 1px solid #eceff4;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,1) 0%, rgba(247,248,250,1) 56%, rgba(242,244,247,1) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 10px 24px rgba(17,17,17,.04);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.ardcui-row__image{
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
    filter: saturate(1.02) contrast(1.01);
    transition: transform .2s ease;
}

.ardcui-row:hover .ardcui-row__image,
.ardcui-row:focus-within .ardcui-row__image{
    transform: scale(1.02);
}

.ardcui-row__meta{
    min-width: 0;
    gap: 8px;
}

.ardcui-row__title{
    font-size: 20px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #111111 !important;
}

.ardcui-row__subtitle{
    font-size: 15px;
    line-height: 1.45;
    color: #6b7280 !important;
}

.ardcui-row__price{
    font-size: 18px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #111111 !important;
}

.ardcui-row__side{
    gap: 14px;
    min-width: 148px;
}

.ardcui-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid #e7ebf1;
    letter-spacing: 0;
}

.ardcui-row__cart{
    min-width: 140px;
    min-height: 46px;
    border-radius: 999px;
    background: #111111;
    color: #ffffff;
    border: 1px solid #111111;
    box-shadow: 0 8px 18px rgba(17,17,17,.10);
}

.ardcui-row__cart:hover,
.ardcui-row__cart:focus{
    background: #111111;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(17,17,17,.14);
}

.ardcui-row__cart.is-added{
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

/* --- pagination polish --- */
.ardcui-pagination{
    margin-top: 4px;
    gap: 10px;
}

.ardcui-pagination__link,
.ardcui-pagination__current{
    min-width: 42px;
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid #e7ebf1;
    background: #ffffff;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(17,17,17,.03);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.ardcui-pagination__link:hover,
.ardcui-pagination__link:focus{
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(17,17,17,.06);
    border-color: #d6dbe4;
}

.ardcui-pagination__current{
    background: #111111;
    border-color: #111111;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(17,17,17,.12);
}

/* --- app-like modal --- */
.ardcui-modal{
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ardcui-modal__dialog{
    max-width: 860px;
    border-radius: 30px;
    border: 1px solid rgba(17,17,17,.08);
    background: rgba(255,255,255,.98);
    box-shadow: 0 32px 80px rgba(17,17,17,.16);
    overflow: hidden;
}

.ardcui-modal__content{
    padding: 22px 20px 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,252,253,1) 100%);
}

.ardcui-modal__close{
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(17,17,17,.04);
    color: #111111;
    transition: transform .14s ease, background-color .14s ease;
}

.ardcui-modal__close:hover,
.ardcui-modal__close:focus{
    background: rgba(17,17,17,.08);
    transform: scale(1.03);
}

/* --- quick view polish --- */
.ardcui-quickview{
    gap: 20px;
}

.ardcui-quickview__hero{
    display: grid;
    grid-template-columns: 128px minmax(0,1fr);
    gap: 22px;
    align-items: start;
}

.ardcui-quickview__image{
    width: 128px;
    height: 128px;
    padding: 12px;
    border-radius: 26px;
    border: 1px solid #eceff4;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 55%, rgba(243,245,248,1) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 14px 28px rgba(17,17,17,.05);
    object-fit: contain;
}

.ardcui-quickview__title{
    font-size: 34px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 2px 0 0;
    color: #111111;
}

.ardcui-quickview__description{
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #4b5563 !important;
    max-width: 64ch;
}

.ardcui-options{
    gap: 12px;
}

.ardcui-option-pill{
    border-radius: 20px;
    border: 1px solid #e7ebf1;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(17,17,17,.03);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}

.ardcui-option-pill:hover,
.ardcui-option-pill:focus{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(17,17,17,.05);
    border-color: #d6dbe4;
    background: #ffffff;
}

.ardcui-option-pill.is-selected{
    background: #f7f8fa !important;
    border-color: #cfd6df !important;
    box-shadow: inset 0 0 0 1px rgba(17,17,17,.02), 0 10px 22px rgba(17,17,17,.04);
    color: #111111 !important;
}

.ardcui-option-pill__title,
.ardcui-option-pill__price{
    color: #111111 !important;
}

.ardcui-quantity{
    display: inline-flex;
    align-items: center;
    gap: 10px !important;
    padding: 8px;
    border-radius: 999px;
    border: 1px solid #e7ebf1;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(17,17,17,.03);
    width: fit-content;
}

.ardcui-quantity__button{
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    border: 1px solid #e1e6ee !important;
    background: #f8f9fb !important;
    color: #111111 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus{
    background: #f3f5f8 !important;
    border-color: #cfd6df !important;
}

.ardcui-quantity__value{
    min-width: 30px !important;
    height: 38px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.ardcui-quickview__cta,
.ardcui-quickview__cta:hover,
.ardcui-quickview__cta:focus{
    min-height: 54px;
    border-radius: 20px;
    background: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(17,17,17,.12);
}

/* --- cart pill refresh --- */
.ardcui-cart-pill{
    border-radius: 999px;
    border: 1px solid #e7ebf1;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(17,17,17,.04);
}

/* --- mobile refinements --- */
@media (max-width: 767px){
    .ardcui-results{
        gap: 14px;
    }

    .ardcui-row{
        border-radius: 24px;
    }

    .ardcui-row__layout{
        padding: 14px;
        gap: 12px;
    }

    .ardcui-row__surface{
        grid-template-columns: 72px minmax(0,1fr);
        gap: 12px;
    }

    .ardcui-row__image-wrap{
        width: 72px;
        height: 72px;
        border-radius: 20px;
    }

    .ardcui-row__image{
        padding: 8px;
    }

    .ardcui-row__title{
        font-size: 18px;
    }

    .ardcui-row__subtitle{
        font-size: 14px;
    }

    .ardcui-row__side{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
        gap: 12px;
        width: 100%;
    }

    .ardcui-row__price{
        font-size: 17px;
        text-align: left;
    }

    .ardcui-row__cart{
        min-width: 128px;
        min-height: 44px;
        padding: 10px 14px;
    }

    .ardcui-modal__dialog{
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        border-radius: 24px;
    }

    .ardcui-modal__content{
        padding: 16px 14px 18px;
    }

    .ardcui-quickview{
        gap: 16px;
    }

    .ardcui-quickview__hero{
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ardcui-quickview__image{
        width: 120px;
        height: 120px;
        margin: 0 auto;
        border-radius: 24px;
    }

    .ardcui-quickview__title{
        font-size: 26px;
        line-height: 1.12;
    }

    .ardcui-quickview__description{
        margin-top: 10px !important;
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .ardcui-quickview__cta,
    .ardcui-quickview__cta:hover,
    .ardcui-quickview__cta:focus{
        min-height: 50px;
        border-radius: 18px;
        font-size: 17px;
    }
}

/* --- larger desktop refinements --- */
@media (min-width: 1024px){
    .ardcui-row__layout{
        padding: 20px 22px;
    }

    .ardcui-row__surface{
        grid-template-columns: 88px minmax(0,1fr);
        gap: 18px;
    }

    .ardcui-row__image-wrap{
        width: 88px;
        height: 88px;
    }

    .ardcui-row__title{
        font-size: 22px;
    }

    .ardcui-modal__content{
        padding: 28px 28px 30px;
    }

    .ardcui-quickview__hero{
        grid-template-columns: 144px minmax(0,1fr);
        gap: 24px;
    }

    .ardcui-quickview__image{
        width: 144px;
        height: 144px;
        border-radius: 28px;
    }

    .ardcui-quickview__title{
        font-size: 38px;
    }

    .ardcui-quickview__description{
        font-size: 16px !important;
        line-height: 1.82 !important;
    }
}



/* v1.1.1 smoother category switching */
.ardcui-head,
.ardcui-filters,
.ardcui-list,
.ardcui-pagination {
	transition: opacity .18s ease, transform .18s ease;
}

.ardcui-shell.is-filter-loading .ardcui-head,
.ardcui-shell.is-filter-loading .ardcui-filters,
.ardcui-shell.is-filter-loading .ardcui-list,
.ardcui-shell.is-filter-loading .ardcui-pagination {
	opacity: 0.5;
}

.ardcui-shell.is-filter-loading .ardcui-filters,
.ardcui-shell.is-filter-loading .ardcui-pagination,
.ardcui-shell.is-filter-loading .ardcui-row__surface,
.ardcui-shell.is-filter-loading .ardcui-row__cart {
	pointer-events: none;
}

.ardcui-filter-pill,
.ardcui-filter-pill:hover,
.ardcui-filter-pill:focus {
	color: #111111;
	text-decoration: none;
}

.ardcui-filter-pill.is-active,
.ardcui-filter-pill.is-active:hover,
.ardcui-filter-pill.is-active:focus {
	color: #ffffff;
}

.ardcui-row:hover,
.ardcui-row:focus-within {
	background: #ffffff !important;
}

.ardcui-row__title,
.ardcui-row__title:hover,
.ardcui-row__title:focus,
.ardcui-row__subtitle,
.ardcui-row__subtitle:hover,
.ardcui-row__subtitle:focus {
	color: #111111;
}

.ardcui-row__subtitle,
.ardcui-row__subtitle:hover,
.ardcui-row__subtitle:focus {
	color: var(--ardcui-muted);
}



/* v1.1.2 remove circular backgrounds from close and qty controls */
.ardcui-modal__close,
.ardcui-modal__close:hover,
.ardcui-modal__close:focus,
.ardcui-modal__close:active {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.ardcui-quantity {
    background: #ffffff;
}

.ardcui-quantity__button,
.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus,
.ardcui-quantity__button:active {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ardcui-quantity__value {
    border: 0 !important;
    background: transparent !important;
}



/* v1.1.3 quantity control spacing refinement */
.ardcui-quantity {
    display: inline-grid !important;
    grid-template-columns: 24px 32px 24px !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 22px !important;
    min-height: 64px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
}

.ardcui-quantity__button,
.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus,
.ardcui-quantity__button:active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.ardcui-quantity__value {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    text-align: center !important;
}

@media (max-width: 540px) {
    .ardcui-quantity {
        min-height: 60px !important;
        padding: 0 18px !important;
        column-gap: 20px !important;
    }
}



/* v1.1.4 luxury/minimal quantity control + tighter modal spacing */

/* --- modal shell tighter overall --- */
.ardcui-modal__dialog {
    max-width: 800px !important;
    border-radius: 26px !important;
}

.ardcui-modal__content {
    padding: 18px 18px 20px !important;
}

.ardcui-quickview {
    gap: 14px !important;
}

.ardcui-quickview__hero {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

.ardcui-quickview__image {
    width: 108px !important;
    height: 108px !important;
    border-radius: 22px !important;
    padding: 10px !important;
}

.ardcui-quickview__title {
    font-size: 30px !important;
    line-height: 1.06 !important;
    margin: 0 !important;
    letter-spacing: -0.03em !important;
}

.ardcui-quickview__description {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    max-width: 60ch !important;
}

.ardcui-quickview__cta,
.ardcui-quickview__cta:hover,
.ardcui-quickview__cta:focus {
    min-height: 52px !important;
    border-radius: 18px !important;
    margin-top: 2px !important;
}

/* --- luxury / minimal quantity pill --- */
.ardcui-quantity {
    display: inline-grid !important;
    grid-template-columns: 16px 30px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 20px !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border: 1px solid #e6eaf0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(17, 17, 17, 0.03) !important;
}

.ardcui-quantity__button,
.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus,
.ardcui-quantity__button:active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #111111 !important;
    opacity: 0.92 !important;
}

.ardcui-quantity__button:hover,
.ardcui-quantity__button:focus {
    opacity: 1 !important;
    transform: none !important;
}

.ardcui-quantity__value {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    color: #111111 !important;
    font-variant-numeric: tabular-nums !important;
    text-align: center !important;
}

/* --- slightly cleaner close placement --- */
.ardcui-modal__close {
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    height: auto !important;
    padding: 2px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* --- desktop refinement --- */
@media (min-width: 1024px) {
    .ardcui-modal__dialog {
        max-width: 820px !important;
    }

    .ardcui-modal__content {
        padding: 20px 20px 22px !important;
    }

    .ardcui-quickview {
        gap: 16px !important;
    }

    .ardcui-quickview__hero {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 20px !important;
    }

    .ardcui-quickview__image {
        width: 112px !important;
        height: 112px !important;
    }

    .ardcui-quickview__title {
        font-size: 32px !important;
    }

    .ardcui-quickview__description {
        font-size: 15px !important;
        line-height: 1.68 !important;
    }
}

/* --- mobile refinement --- */
@media (max-width: 767px) {
    .ardcui-modal__dialog {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        border-radius: 22px !important;
    }

    .ardcui-modal__content {
        padding: 14px 14px 16px !important;
    }

    .ardcui-quickview {
        gap: 12px !important;
    }

    .ardcui-quickview__hero {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .ardcui-quickview__image {
        width: 104px !important;
        height: 104px !important;
        margin: 0 auto !important;
        border-radius: 20px !important;
    }

    .ardcui-quickview__title {
        font-size: 24px !important;
        line-height: 1.08 !important;
    }

    .ardcui-quickview__description {
        margin-top: 6px !important;
        font-size: 14px !important;
        line-height: 1.62 !important;
    }

    .ardcui-quantity {
        grid-template-columns: 16px 28px 16px !important;
        column-gap: 18px !important;
        min-height: 50px !important;
        padding: 0 16px !important;
    }

    .ardcui-quickview__cta,
    .ardcui-quickview__cta:hover,
    .ardcui-quickview__cta:focus {
        min-height: 50px !important;
        border-radius: 16px !important;
    }
}



/* v1.1.5 premium modal + tighter card typography + polished success states */

/* ---------- premium card language ---------- */
.ardcui-row {
    border-radius: 30px !important;
    border: 1px solid #e8edf3 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%) !important;
    box-shadow:
        0 1px 0 rgba(17,17,17,0.03),
        0 14px 30px rgba(17,17,17,0.035) !important;
}

.ardcui-row:hover,
.ardcui-row:focus-within {
    transform: translateY(-2px) !important;
    border-color: #dfe5ec !important;
    box-shadow:
        0 1px 0 rgba(17,17,17,0.03),
        0 18px 38px rgba(17,17,17,0.06) !important;
    background: #ffffff !important;
}

.ardcui-row__layout {
    padding: 18px 20px !important;
    gap: 18px !important;
}

.ardcui-row__surface {
    gap: 16px !important;
}

.ardcui-row__image-wrap {
    border-radius: 26px !important;
    border: 1px solid #edf1f5 !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 58%, rgba(243,245,248,1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 12px 24px rgba(17,17,17,0.045) !important;
}

.ardcui-row__meta {
    gap: 7px !important;
}

.ardcui-row__title {
    font-size: 21px !important;
    line-height: 1.14 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    color: #111111 !important;
}

.ardcui-row__subtitle {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #6b7280 !important;
}

.ardcui-row__price {
    font-size: 19px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    color: #111111 !important;
}

.ardcui-badge {
    min-height: 30px !important;
    padding: 6px 11px !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    border-radius: 999px !important;
}

.ardcui-row__cart {
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease !important;
}

.ardcui-row__cart:hover,
.ardcui-row__cart:focus {
    transform: translateY(-1px) !important;
}

.ardcui-row__cart.is-added {
    background: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(17,17,17,0.16) !important;
}

/* ---------- premium modal language ---------- */
.ardcui-modal {
    background: rgba(17,17,17,0.16) !important;
    backdrop-filter: blur(12px) saturate(110%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
}

.ardcui-modal__dialog {
    max-width: 840px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(17,17,17,0.08) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.985) 0%, rgba(252,252,253,0.985) 100%) !important;
    box-shadow:
        0 24px 80px rgba(17,17,17,0.12),
        0 2px 8px rgba(17,17,17,0.04) !important;
}

.ardcui-modal__content {
    padding: 20px 20px 22px !important;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,1) 0%, rgba(252,252,253,1) 52%, rgba(249,250,251,1) 100%) !important;
}

.ardcui-quickview {
    gap: 14px !important;
}

.ardcui-quickview__hero {
    grid-template-columns: 116px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
}

.ardcui-quickview__image {
    width: 116px !important;
    height: 116px !important;
    border-radius: 24px !important;
    padding: 12px !important;
    border: 1px solid #eceff4 !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 56%, rgba(243,245,248,1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 14px 28px rgba(17,17,17,0.05) !important;
}

.ardcui-quickview__title {
    font-size: 34px !important;
    line-height: 1.06 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    margin: 2px 0 0 !important;
    color: #111111 !important;
}

.ardcui-quickview__description {
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    color: #4b5563 !important;
    max-width: 62ch !important;
}

.ardcui-quickview__cta,
.ardcui-quickview__cta:hover,
.ardcui-quickview__cta:focus {
    min-height: 54px !important;
    border-radius: 18px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    box-shadow: 0 14px 28px rgba(17,17,17,0.13) !important;
}

.ardcui-quickview__cta.is-success,
.ardcui-quickview__cta.is-success:hover,
.ardcui-quickview__cta.is-success:focus {
    background: #111111 !important;
    color: #ffffff !important;
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow: 0 18px 30px rgba(17,17,17,0.18) !important;
}

.ardcui-modal__close {
    opacity: 0.85 !important;
    transition: opacity .14s ease, transform .14s ease !important;
}

.ardcui-modal__close:hover,
.ardcui-modal__close:focus {
    opacity: 1 !important;
    transform: scale(1.05) !important;
}

/* ---------- subtle added-to-cart polish ---------- */
.ardcui-toast {
    position: fixed !important;
    left: 50% !important;
    bottom: 22px !important;
    transform: translateX(-50%) translateY(8px) !important;
    min-height: 44px !important;
    padding: 12px 18px !important;
    border-radius: 999px !important;
    background: rgba(17,17,17,0.96) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 18px 34px rgba(17,17,17,0.18) !important;
    z-index: 999999 !important;
    opacity: 1 !important;
    animation: ardcui-toast-in .22s ease forwards !important;
}

.ardcui-toast[hidden] {
    display: none !important;
}

@keyframes ardcui-toast-in {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.ardcui-row.is-added-flash {
    border-color: #dde4eb !important;
    box-shadow:
        0 1px 0 rgba(17,17,17,0.03),
        0 20px 38px rgba(17,17,17,0.07),
        0 0 0 1px rgba(17,17,17,0.02) inset !important;
}

.ardcui-row.is-added-flash .ardcui-row__cart {
    transform: translateY(-1px) scale(1.01) !important;
}

.ardcui-cart-pill__count.is-bump {
    animation: ardcui-count-bump .28s ease !important;
}

@keyframes ardcui-count-bump {
    0% { transform: scale(1); }
    45% { transform: scale(1.16); }
    100% { transform: scale(1); }
}

/* ---------- desktop refinement ---------- */
@media (min-width: 1024px) {
    .ardcui-row__layout {
        padding: 20px 22px !important;
    }

    .ardcui-row__title {
        font-size: 22px !important;
    }

    .ardcui-quickview__title {
        font-size: 36px !important;
    }

    .ardcui-quickview__description {
        font-size: 15px !important;
        line-height: 1.74 !important;
    }
}

/* ---------- mobile refinement ---------- */
@media (max-width: 767px) {
    .ardcui-row {
        border-radius: 24px !important;
    }

    .ardcui-row__layout {
        padding: 14px !important;
        gap: 12px !important;
    }

    .ardcui-row__surface {
        gap: 12px !important;
    }

    .ardcui-row__image-wrap {
        border-radius: 20px !important;
    }

    .ardcui-row__title {
        font-size: 18px !important;
        line-height: 1.12 !important;
    }

    .ardcui-row__subtitle {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .ardcui-row__price {
        font-size: 17px !important;
    }

    .ardcui-row__cart {
        min-height: 42px !important;
        font-size: 14px !important;
        padding: 0 16px !important;
    }

    .ardcui-modal__dialog {
        width: calc(100vw - 14px) !important;
        max-width: calc(100vw - 14px) !important;
        border-radius: 24px !important;
    }

    .ardcui-modal__content {
        padding: 16px 14px 18px !important;
    }

    .ardcui-quickview__hero {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .ardcui-quickview__image {
        width: 104px !important;
        height: 104px !important;
        margin: 0 auto !important;
        border-radius: 22px !important;
    }

    .ardcui-quickview__title {
        font-size: 26px !important;
        line-height: 1.08 !important;
    }

    .ardcui-quickview__description {
        margin-top: 8px !important;
        font-size: 14px !important;
        line-height: 1.66 !important;
    }

    .ardcui-quickview__cta,
    .ardcui-quickview__cta:hover,
    .ardcui-quickview__cta:focus {
        min-height: 50px !important;
        border-radius: 16px !important;
        font-size: 17px !important;
    }

    .ardcui-toast {
        bottom: 16px !important;
        padding: 11px 16px !important;
        font-size: 13px !important;
    }
}



/* v1.1.6 pagination upgrades */
.ardcui-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 26px !important;
}

.ardcui-page-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 16px !important;
    border: 1px solid #dde4eb !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(17,17,17,0.04) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important;
}

.ardcui-page-pill:hover,
.ardcui-page-pill:focus {
    transform: translateY(-1px) !important;
    border-color: #cfd8e2 !important;
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: 0 12px 24px rgba(17,17,17,0.07) !important;
}

.ardcui-page-pill.is-current,
.ardcui-page-pill.is-current:hover,
.ardcui-page-pill.is-current:focus {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(17,17,17,0.14) !important;
    transform: none !important;
}

.ardcui-page-pill--nav {
    min-width: 96px !important;
    padding: 0 18px !important;
}

.ardcui-page-gap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    color: #6b7280 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media (max-width: 767px) {
    .ardcui-pagination {
        gap: 8px !important;
        margin-top: 22px !important;
    }

    .ardcui-page-pill {
        min-width: 42px !important;
        height: 42px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .ardcui-page-pill--nav {
        min-width: 84px !important;
        padding: 0 14px !important;
    }
}



/* v1.1.8 mobile horizontal scrolling category pills */
@media (max-width: 767px) {
    .ardcui-filters {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 2px 2px 8px !important;
        margin: 0 -2px !important;
        scroll-snap-type: x proximity;
    }

    .ardcui-filters::-webkit-scrollbar {
        display: none !important;
    }

    .ardcui-filter,
    .ardcui-filter-pill {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        scroll-snap-align: start;
    }
}



/* v1.2.0 Advanced Woo Search bridge */
.ardcui-shell--aws-host {
    position: relative;
    z-index: 999998;
}

.aws-search-result {
    border: 1px solid #e7ebf1 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 36px rgba(17,17,17,.08) !important;
    overflow: hidden !important;
}

.aws-search-result .aws_results {
    padding: 10px !important;
    background: transparent !important;
}

.aws-search-result .aws_results .aws_result_item {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 14px !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%) !important;
    box-shadow: 0 10px 24px rgba(17,17,17,.04) !important;
    margin: 0 0 10px !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
    cursor: pointer !important;
}

.aws-search-result .aws_results .aws_result_item:last-child {
    margin-bottom: 0 !important;
}

.aws-search-result .aws_results .aws_result_item:hover,
.aws-search-result .aws_results .aws_result_item:focus-within {
    transform: translateY(-1px) !important;
    border-color: #dbe2ea !important;
    box-shadow: 0 14px 28px rgba(17,17,17,.07) !important;
}

.aws-search-result .aws_result_link,
.aws-search-result .aws_result_item > a,
.aws-search-result .aws_result_content {
    min-width: 0 !important;
}

.aws-search-result .aws_result_link,
.aws-search-result .aws_result_item > a {
    display: grid !important;
    grid-template-columns: 78px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    text-decoration: none !important;
    color: inherit !important;
}

.aws-search-result .aws_result_image,
.aws-search-result .ardcui-aws-image-wrap {
    width: 78px !important;
    min-width: 78px !important;
    height: 78px !important;
    padding: 8px !important;
    border: 1px solid #eceff4 !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 56%, rgba(243,245,248,1) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 20px rgba(17,17,17,.04) !important;
    overflow: hidden !important;
}

.aws-search-result .aws_result_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.aws-search-result .aws_result_head {
    display: block !important;
    margin: 0 !important;
}

.aws-search-result .aws_result_title,
.aws-search-result .ardcui-aws-title {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #111111 !important;
}

.aws-search-result .aws_result_excerpt,
.aws-search-result .ardcui-aws-subtitle {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #6b7280 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.aws-search-result .aws_result_price,
.aws-search-result .ardcui-aws-price {
    display: block !important;
    margin: 8px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #111111 !important;
}

.aws-search-result .aws_result_stock,
.aws-search-result .ardcui-aws-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    margin: 0 0 8px !important;
    padding: 6px 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.aws-search-result .aws_add_to_cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    align-self: center !important;
}

.aws-search-result .aws_add_to_cart .aws_cart_button,
.aws-search-result .ardcui-aws-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 126px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border: 1px solid #111111 !important;
    border-radius: 999px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 20px rgba(17,17,17,.10) !important;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease !important;
}

.aws-search-result .aws_add_to_cart .aws_cart_button:hover,
.aws-search-result .aws_add_to_cart .aws_cart_button:focus {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 24px rgba(17,17,17,.14) !important;
    color: #ffffff !important;
}

.aws-search-result .aws_search_more {
    padding: 10px 12px 12px !important;
    background: #ffffff !important;
}

.aws-search-result .aws_search_more a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid #dde4eb !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .aws-search-result {
        border-radius: 18px !important;
    }

    .aws-search-result .aws_results {
        padding: 8px !important;
    }

    .aws-search-result .aws_results .aws_result_item {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .aws-search-result .aws_result_link,
    .aws-search-result .aws_result_item > a {
        grid-template-columns: 68px minmax(0,1fr) !important;
        gap: 12px !important;
    }

    .aws-search-result .aws_result_image,
    .aws-search-result .ardcui-aws-image-wrap {
        width: 68px !important;
        min-width: 68px !important;
        height: 68px !important;
        border-radius: 18px !important;
    }

    .aws-search-result .aws_result_title,
    .aws-search-result .ardcui-aws-title {
        font-size: 16px !important;
    }

    .aws-search-result .aws_result_excerpt,
    .aws-search-result .ardcui-aws-subtitle {
        font-size: 12px !important;
    }

    .aws-search-result .aws_add_to_cart {
        justify-content: flex-start !important;
    }

    .aws-search-result .aws_add_to_cart .aws_cart_button,
    .aws-search-result .ardcui-aws-cart {
        min-width: 118px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }
}



/* v1.2.1 AWS click behavior polish */
.aws-search-result .aws_results .aws_result_item,
.aws-search-result .aws_result_link,
.aws-search-result .aws_result_item > a,
.aws-search-result .aws_result_content {
    color: #111111 !important;
    text-decoration: none !important;
}

.aws-search-result .aws_results .aws_result_item[data-product-id] .aws_result_link,
.aws-search-result .aws_results .aws_result_item[data-product-id] .aws_result_item > a,
.aws-search-result .aws_results .aws_result_item[data-product-id] .aws_result_content {
    cursor: pointer !important;
}

.aws-search-result .aws_results .aws_result_item .aws_add_to_cart {
    position: relative !important;
    z-index: 2 !important;
}

.aws-search-result .aws_results .aws_result_item.is-added-flash {
    border-color: #dde4eb !important;
    box-shadow:
        0 1px 0 rgba(17,17,17,0.03),
        0 20px 38px rgba(17,17,17,0.07),
        0 0 0 1px rgba(17,17,17,0.02) inset !important;
}

.aws-search-result .aws_add_to_cart .aws_cart_button.is-loading,
.aws-search-result .aws_add_to_cart .aws_cart_button.is-added {
    pointer-events: none !important;
}



/* v1.2.2 AWS results closer to ARD catalog rows */
.aws-search-result {
    width: min(720px, calc(100vw - 24px)) !important;
    margin-top: 10px !important;
    border-radius: 24px !important;
    border: 1px solid #e8edf3 !important;
    background: #ffffff !important;
    box-shadow:
        0 1px 0 rgba(17,17,17,.03),
        0 18px 36px rgba(17,17,17,.08) !important;
}

.aws-search-result .aws_results {
    padding: 8px !important;
}

.aws-search-result .aws_results .aws_result_item {
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 12px !important;
    margin: 0 0 8px !important;
    border-radius: 20px !important;
    border: 1px solid #e8edf3 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%) !important;
    box-shadow: 0 8px 20px rgba(17,17,17,.04) !important;
}

.aws-search-result .aws_results .aws_result_item:last-child {
    margin-bottom: 0 !important;
}

.aws-search-result .aws_result_link,
.aws-search-result .aws_result_item > a {
    display: grid !important;
    grid-template-columns: 72px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.aws-search-result .aws_result_image,
.aws-search-result .ardcui-aws-image-wrap {
    width: 72px !important;
    min-width: 72px !important;
    height: 72px !important;
    padding: 8px !important;
    border-radius: 20px !important;
    border: 1px solid #eceff4 !important;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 56%, rgba(243,245,248,1) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 10px 20px rgba(17,17,17,.04) !important;
}

.aws-search-result .aws_result_content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.aws-search-result .aws_result_head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
}

.aws-search-result .aws_result_title,
.aws-search-result .ardcui-aws-title {
    margin: 0 0 4px !important;
    font-size: 17px !important;
    line-height: 1.14 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #111111 !important;
}

.aws-search-result .aws_result_excerpt,
.aws-search-result .ardcui-aws-subtitle {
    margin: 0 !important;
    max-width: 34ch !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #6b7280 !important;
}

.aws-search-result .aws_result_price,
.aws-search-result .ardcui-aws-price {
    margin: 6px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #111111 !important;
}

.aws-search-result .aws_result_stock,
.aws-search-result .ardcui-aws-badge {
    min-height: 26px !important;
    margin: 0 0 6px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.aws-search-result .aws_add_to_cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: center !important;
}

.aws-search-result .aws_add_to_cart .aws_cart_button,
.aws-search-result .ardcui-aws-cart {
    min-width: 124px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #111111 !important;
    box-shadow: 0 10px 20px rgba(17,17,17,.10) !important;
}

.aws-search-result .aws_search_more {
    padding: 8px 10px 10px !important;
    border-top: 1px solid #eff3f7 !important;
    background: #ffffff !important;
}

.aws-search-result .aws_search_more a {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #dde4eb !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .aws-search-result {
        width: calc(100vw - 18px) !important;
        border-radius: 18px !important;
        margin-top: 8px !important;
    }

    .aws-search-result .aws_results {
        padding: 6px !important;
    }

    .aws-search-result .aws_results .aws_result_item {
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    .aws-search-result .aws_result_link,
    .aws-search-result .aws_result_item > a {
        grid-template-columns: 64px minmax(0,1fr) !important;
        gap: 10px !important;
    }

    .aws-search-result .aws_result_image,
    .aws-search-result .ardcui-aws-image-wrap {
        width: 64px !important;
        min-width: 64px !important;
        height: 64px !important;
        border-radius: 16px !important;
    }

    .aws-search-result .aws_result_title,
    .aws-search-result .ardcui-aws-title {
        font-size: 16px !important;
    }

    .aws-search-result .aws_result_excerpt,
    .aws-search-result .ardcui-aws-subtitle {
        font-size: 12px !important;
        line-height: 1.4 !important;
        max-width: 26ch !important;
    }

    .aws-search-result .aws_result_price,
    .aws-search-result .ardcui-aws-price {
        font-size: 15px !important;
    }

    .aws-search-result .aws_add_to_cart {
        justify-content: flex-start !important;
    }

    .aws-search-result .aws_add_to_cart .aws_cart_button,
    .aws-search-result .ardcui-aws-cart {
        min-width: 116px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }
}



/* v1.3.1 cart drawer */
.ardcui-drawer[hidden] { display: none !important; }
.ardcui-drawer { position: fixed; inset: 0; z-index: 1000000; }
.ardcui-drawer__overlay { position: absolute; inset: 0; background: rgba(17,17,17,.24); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .18s ease; }
.ardcui-drawer__panel { position: absolute; top: 0; right: 0; width: min(420px, 100vw); height: 100%; display: flex; flex-direction: column; background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%); box-shadow: -12px 0 34px rgba(17,17,17,.12); transform: translateX(100%); transition: transform .2s ease; border-left: 1px solid #e8edf3; }
.ardcui-drawer.is-open .ardcui-drawer__overlay { opacity: 1; }
.ardcui-drawer.is-open .ardcui-drawer__panel { transform: translateX(0); }
.ardcui-drawer__head, .ardcui-drawer__foot { padding: 18px 18px 16px; }
.ardcui-drawer__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border-bottom: 1px solid #eef2f6; }
.ardcui-drawer__kicker { margin-bottom: 5px; color: #6b7280; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ardcui-drawer__title { margin: 0; color: #111111; font-size: 24px; font-weight: 800; letter-spacing: -.03em; line-height: 1.06; }
.ardcui-drawer__close { all: unset; cursor: pointer; color: #111111; font-size: 22px; line-height: 1; padding: 2px; }
.ardcui-drawer__body { flex: 1; overflow: auto; padding: 12px 12px 8px; }
.ardcui-drawer__loading, .ardcui-drawer__empty { padding: 22px 14px; color: #6b7280; font-size: 14px; line-height: 1.6; }
.ardcui-drawer__empty p { margin: 0 0 8px; }
.ardcui-drawer__items { display: grid; gap: 10px; }
.ardcui-drawer__item { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 12px; align-items: start; padding: 12px; border: 1px solid #e8edf3; border-radius: 18px; background: #ffffff; box-shadow: 0 8px 18px rgba(17,17,17,.03); }
.ardcui-drawer__item-image-wrap { width: 64px; height: 64px; padding: 7px; border-radius: 16px; border: 1px solid #eceff4; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 56%, rgba(243,245,248,1) 100%); display: flex; align-items: center; justify-content: center; }
.ardcui-drawer__item-image { width: 100%; height: 100%; object-fit: contain; }
.ardcui-drawer__item-name { color: #111111; font-size: 15px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; margin-bottom: 4px; }
.ardcui-drawer__item-meta { color: #6b7280; font-size: 12px; line-height: 1.45; margin-bottom: 6px; }
.ardcui-drawer__item-details { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; color: #6b7280; font-size: 12px; line-height: 1.3; }
.ardcui-drawer__item-price { color: #111111; font-weight: 700; }
.ardcui-drawer__remove { all: unset; cursor: pointer; color: #6b7280; font-size: 12px; font-weight: 700; line-height: 1; padding-top: 2px; }
.ardcui-drawer__foot { border-top: 1px solid #eef2f6; background: #ffffff; }
.ardcui-drawer__subtotal-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; color: #111111; font-size: 14px; line-height: 1.2; }
.ardcui-drawer__subtotal-value { font-size: 18px; font-weight: 800; letter-spacing: -.02em; }
.ardcui-drawer__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ardcui-drawer__secondary, .ardcui-drawer__primary { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 16px; border-radius: 16px; text-decoration: none !important; font-size: 14px; font-weight: 700; line-height: 1; }
.ardcui-drawer__secondary { border: 1px solid #dde4eb; background: #ffffff; color: #111111; }
.ardcui-drawer__primary { border: 1px solid #111111; background: #111111; color: #ffffff; box-shadow: 0 10px 20px rgba(17,17,17,.10); }

@media (max-width: 767px) {
	.ardcui-drawer__panel { width: min(390px, 100vw); }
	.ardcui-drawer__head, .ardcui-drawer__foot { padding: 16px 14px 14px; }
	.ardcui-drawer__body { padding: 10px 10px 8px; }
	.ardcui-drawer__item { grid-template-columns: 56px minmax(0,1fr) auto; gap: 10px; padding: 10px; border-radius: 16px; }
	.ardcui-drawer__item-image-wrap { width: 56px; height: 56px; border-radius: 14px; }
	.ardcui-drawer__actions { grid-template-columns: 1fr; }
	.ardcui-drawer__secondary, .ardcui-drawer__primary { min-height: 46px; border-radius: 14px; }
}



/* v1.3.2 mini cart cleanup */
.ardcui-drawer__remove,
.ardcui-drawer__remove:hover,
.ardcui-drawer__remove:focus,
.ardcui-drawer__remove:active {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    color: #6b7280 !important;
    text-decoration: none !important;
}

.ardcui-drawer__remove:hover,
.ardcui-drawer__remove:focus {
    color: #111111 !important;
}


/* v1.3.4 shared product row support */
.ardcui-row__layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 16px;
    align-items: center;
}

.ardcui-row__meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ardcui-row__title {
    margin: 8px 0 4px;
    color: #111111;
    font-size: 17px;
    line-height: 1.16;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.ardcui-row__subtitle {
    margin: 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.45;
    max-width: 34ch;
}

.ardcui-row__side {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ardcui-row__price {
    color: #111111;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.ardcui-row--view-affiliate_featured {
    width: 100%;
}

@media (max-width: 767px) {
    .ardcui-row__layout {
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: stretch;
    }

    .ardcui-row__side {
        justify-content: space-between;
        width: 100%;
    }

    .ardcui-row__title {
        font-size: 16px;
    }

    .ardcui-row__subtitle {
        font-size: 12px;
        max-width: 26ch;
    }

    .ardcui-row__price {
        font-size: 15px;
    }
}


/* v1.3.8 pagination visibility guard */
.ardcui-shell .ardcui-pagination {
    visibility: visible;
    opacity: 1;
}
.ardcui-shell .ardcui-pagination[hidden] {
    display: none !important;
}