/* ==========================================================================
   product.css — single product, product archive, clients wall, careers.
   Loaded on the CPT views only (see inc/enqueue.php).
   ========================================================================== */

/* ---- Archive ---- */
.shp-archive--products .shp-filters{margin-block-end:clamp(30px, 3.6vw, 48px);}
.shp-products__wrap{position:relative;transition:opacity .35s ease;}
.shp-products__wrap.is-loading{opacity:.45;pointer-events:none;}
.shp-products__wrap.is-loading::after{
	content:"";
	position:absolute;
	inset-block-start:40px;
	inset-inline-start:50%;
	inline-size:38px;
	block-size:38px;
	margin-inline-start:-19px;
	border-radius:50%;
	border:2px solid rgba(var(--shp-ink-rgb), .12);
	border-block-start-color:var(--shp-primary);
	animation:shp-spin .9s linear infinite;
}
.shp-products__wrap .shp-products__grid{display:grid;gap:clamp(16px, 2.2vw, 28px);}
.shp-loadmore.is-busy{opacity:.6;pointer-events:none;}
.shp-loadmore[hidden]{display:none;}

/* ---- Single: stage ---- */
.shp-single__top{padding-block:clamp(40px, 5vw, 76px) clamp(30px, 4vw, 56px);}
.shp-single__grid{
	display:grid;
	grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
	gap:clamp(26px, 4vw, 66px);
	align-items:start;
}
.shp-single__stage{
	margin:0;
	border-radius:calc(var(--shp-radius) + 4px);
	overflow:hidden;
	background:#fff;
	border:var(--shp-hair);
	box-shadow:var(--shp-shadow-m);
	aspect-ratio:1 / 1;
	display:grid;
	place-items:center;
}
.shp-single__image{
	inline-size:100%;
	block-size:100%;
	object-fit:contain;
	padding:26px;
	cursor:zoom-in;
	transition:opacity .25s ease, transform .8s var(--shp-ease);
}
.shp-single__image.is-swapping{opacity:0;transform:scale(.97);}
.shp-single__ph{color:rgba(0,0,0,.12);}

.shp-single__thumbs{display:flex;gap:12px;margin-block-start:14px;flex-wrap:wrap;}
.shp-single__thumb{
	inline-size:84px;
	block-size:84px;
	border-radius:12px;
	overflow:hidden;
	background:#fff;
	border:2px solid transparent;
	box-shadow:var(--shp-shadow-s);
	transition:border-color .35s ease, transform .4s var(--shp-ease);
}
.shp-single__thumb img{inline-size:100%;block-size:100%;object-fit:contain;padding:8px;}
.shp-single__thumb:hover{transform:translateY(-3px);}
.shp-single__thumb.is-active{border-color:var(--shp-primary);box-shadow:0 0 0 3px rgba(var(--shp-primary-rgb), .22);}

/* ---- Single: info ---- */
.shp-single__cat{
	display:inline-flex;
	padding:6px 15px;
	border-radius:999px;
	background:var(--shp-primary-soft);
	border:1px solid rgba(var(--shp-primary-rgb), .34);
	color:var(--shp-primary);
	font-family:var(--shp-font-m);
	font-size:.66rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	transition:background .3s ease, color .3s ease;
}
.shp-single__cat:hover{background:var(--shp-primary);color:#04121C;}
.shp-single__title{margin-block:18px 0;font-size:clamp(2.1rem, 1.3rem + 3.2vw, 3.6rem);}
.shp-single__lead{margin-block-start:18px;font-size:1.03rem;}

.shp-specs{margin-block-start:30px;display:grid;}
.shp-specs__row{
	display:grid;
	grid-template-columns:minmax(120px, 190px) 1fr;
	gap:16px;
	padding-block:14px;
	border-block-end:var(--shp-hair);
}
.shp-specs__row:first-child{border-block-start:var(--shp-hair);}
.shp-specs__key{
	margin:0;
	font-family:var(--shp-font-m);
	font-size:.68rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--shp-muted);
}
.shp-specs__val{margin:0;color:var(--shp-ink);}
.shp-single__actions{margin-block-start:32px;display:flex;flex-wrap:wrap;gap:14px;}

@media (max-width:900px){
	.shp-single__grid{grid-template-columns:minmax(0,1fr);}
}

/* ---- Single: tabs ---- */
.shp-single__tabs{padding-block:clamp(26px, 3vw, 44px) clamp(40px, 5vw, 72px);}
.shp-single__paneTitle{font-size:var(--shp-h3);margin-block-end:22px;}
.shp-single__list{display:grid;gap:14px;max-inline-size:820px;}
.shp-single__list li{display:flex;align-items:flex-start;gap:12px;color:var(--shp-body);}
.shp-single__list .shp-icon{
	flex:0 0 auto;
	margin-block-start:4px;
	color:var(--shp-primary);
	padding:3px;
	border-radius:50%;
	background:var(--shp-primary-soft);
	box-sizing:content-box;
}
.shp-related--products{padding-block-start:0;}

/* ---- Clients page ---- */
.shp-clientsPage .shp-clients{padding-block:0;}
.shp-clientsPage .shp-clients__row{gap:clamp(18px, 2.6vw, 38px);}

/* ---- Careers ---- */
.shp-jobs__list{display:grid;gap:16px;}
.shp-jobCard{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:28px 30px;
	border-radius:var(--shp-radius);
	overflow:hidden;
	background:linear-gradient(170deg, rgba(var(--shp-ink-rgb), .045), rgba(var(--shp-ink-rgb), .012));
	border:var(--shp-hair);
	transition:transform .5s var(--shp-ease), border-color .4s ease, box-shadow .5s var(--shp-ease);
}
.shp-jobCard:hover{transform:translateY(-4px);border-color:rgba(var(--shp-primary-rgb), .4);box-shadow:0 20px 44px rgba(var(--shp-dark-rgb), .45);}
.shp-jobCard__link{position:absolute;inset:0;z-index:3;}
.shp-jobCard__title{font-size:1.35rem;}
.shp-jobCard__tags{display:flex;flex-wrap:wrap;gap:16px;margin-block-start:12px;}
.shp-jobCard__tags span{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-family:var(--shp-font-m);
	font-size:.68rem;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--shp-muted);
}
.shp-jobCard__tags .shp-icon{color:var(--shp-primary);}
.shp-jobCard__text{margin-block-start:14px;color:var(--shp-muted);font-size:.94rem;max-inline-size:620px;}
.shp-jobCard__cta{
	display:inline-flex;
	align-items:center;
	gap:9px;
	flex:0 0 auto;
	font-family:var(--shp-font-m);
	font-size:.7rem;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--shp-primary);
}
.shp-jobCard__cta .shp-icon{transition:transform .4s var(--shp-ease);}
.shp-jobCard:hover .shp-jobCard__cta .shp-icon{transform:translateX(5px);}

.shp-job{padding-block:clamp(40px, 5vw, 70px);}
.shp-job__meta{display:flex;flex-wrap:wrap;gap:12px;margin-block-end:30px;}
.shp-job__tag{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:10px 18px;
	border-radius:999px;
	border:var(--shp-hair);
	background:rgba(var(--shp-ink-rgb), .03);
	font-size:.88rem;
}
.shp-job__tag .shp-icon{color:var(--shp-primary);}
.shp-job__tag em{font-style:normal;color:var(--shp-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;}
.shp-job__tag strong{color:var(--shp-ink);font-weight:600;}
.shp-job__apply{margin-block-start:44px;}
.shp-job__actions{margin-block-start:36px;}

@media (max-width:700px){
	.shp-jobCard{flex-direction:column;align-items:flex-start;}
}

/* ==========================================================================
   Responsive pass — product and careers views.
   ========================================================================== */
@media (max-width:700px){
	/* The tab strip scrolls instead of wrapping into a tall block. */
	.shp-tabs__nav{
		flex-wrap:nowrap;
		overflow-x:auto;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}
	.shp-tabs__nav::-webkit-scrollbar{display:none;}
	.shp-tabs__btn{flex:0 0 auto;padding:14px 16px;}
	.shp-single__thumb{inline-size:66px;block-size:66px;}
	.shp-job__meta{gap:8px;}
	.shp-job__tag{padding:8px 14px;font-size:.82rem;}
}

@media (max-width:560px){
	.shp-specs__row{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:12px;}
	.shp-single__stage{aspect-ratio:4 / 3;}
	.shp-single__image{padding:16px;}
	.shp-jobCard{padding:22px 20px;gap:18px;}
	.shp-jobCard__tags{gap:10px;}
}

/* ==========================================================================
   Product page — built to look finished even with nothing but a photo.

   The product photos are shot on white, so the stage is a light plate the
   photo dissolves into, lifted off the dark page by a soft glow — never a
   white rectangle floating on navy.
   ========================================================================== */
.shp-pd__top{position:relative;padding-block:clamp(40px, 6vw, 96px);}
.shp-pd__grid{
	display:grid;
	grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
	gap:clamp(28px, 5vw, 80px);
	align-items:center;
}

/* ---- Stage ---- */
.shp-pd__media{position:relative;}
.shp-pd__media::before{
	content:"";
	position:absolute;
	inset:8% 6% -6%;
	border-radius:50%;
	background:radial-gradient(closest-side, rgba(var(--shp-primary-rgb), .28), transparent);
	filter:blur(40px);
	z-index:0;
	pointer-events:none;
}
.shp-pd__stage{
	position:relative;
	z-index:1;
	margin:0;
	aspect-ratio:1;
	border-radius:26px;
	overflow:hidden;
	isolation:isolate;
	background:radial-gradient(120% 90% at 50% 38%, #ffffff 0%, #f4f7fa 62%, #e6edf3 100%);
	box-shadow:
		0 0 0 1px rgba(255,255,255,.08),
		0 40px 80px -30px rgba(0,0,0,.65),
		0 0 0 8px rgba(var(--shp-ink-rgb), .03);
	cursor:zoom-in;
}
.shp-pd__backdrop{
	position:absolute;
	inset:0;
	z-index:0;
	background-image:
		linear-gradient(rgba(10,30,50,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(10,30,50,.045) 1px, transparent 1px);
	background-size:28px 28px;
	-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 30%, transparent 75%);
	mask-image:radial-gradient(circle at 50% 50%, #000 30%, transparent 75%);
	pointer-events:none;
}
.shp-pd__image{
	position:relative;
	z-index:1;
	display:block;
	inline-size:100%;
	block-size:100%;
	object-fit:contain;
	padding:6%;
	mix-blend-mode:multiply;
	transform-origin:var(--zx, 50%) var(--zy, 50%);
	transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.shp-pd__stage.is-zooming .shp-pd__image{transform:scale(1.85);transition-duration:.25s;}
.shp-pd__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#9fb3c4;}

.shp-pd__badge{
	position:absolute;
	z-index:2;
	inset-block-start:18px;
	inset-inline-start:18px;
	display:inline-flex;
	align-items:baseline;
	gap:2px;
	padding:8px 14px 7px;
	border-radius:14px;
	font-family:var(--shp-font-h);
	font-weight:700;
	font-size:1.35rem;
	line-height:1;
	color:#06243a;
	background:rgba(255,255,255,.78);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	box-shadow:0 6px 18px rgba(6,36,58,.12), inset 0 0 0 1px rgba(6,36,58,.06);
	pointer-events:none;
}
.shp-pd__badge em{font-style:normal;font-size:.8em;color:var(--shp-primary);}
.shp-pd__expand{
	position:absolute;
	z-index:2;
	inset-block-end:16px;
	inset-inline-end:16px;
	display:grid;
	place-items:center;
	inline-size:46px;
	block-size:46px;
	border-radius:50%;
	color:#06243a;
	background:rgba(255,255,255,.85);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	box-shadow:0 8px 20px rgba(6,36,58,.16);
	transition:transform .4s cubic-bezier(.34,1.56,.64,1), background .3s ease, color .3s ease;
}
.shp-pd__expand:hover{transform:scale(1.1);background:var(--shp-primary);color:#fff;}

.shp-pd__thumbs{display:flex;gap:10px;margin-block-start:16px;overflow-x:auto;padding-block-end:4px;}
.shp-pd__thumb{
	flex:0 0 72px;
	aspect-ratio:1;
	border-radius:14px;
	overflow:hidden;
	background:#fff;
	opacity:.6;
	box-shadow:inset 0 0 0 2px transparent;
	transition:opacity .3s ease, box-shadow .3s ease, transform .3s ease;
}
.shp-pd__thumb img{inline-size:100%;block-size:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply;}
.shp-pd__thumb:hover{opacity:1;transform:translateY(-2px);}
.shp-pd__thumb.is-active{opacity:1;box-shadow:inset 0 0 0 2px var(--shp-primary);}

/* ---- Info ---- */
.shp-pd__trail{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	font-family:var(--shp-font-m);
	font-size:.7rem;
	letter-spacing:.2em;
	text-transform:uppercase;
}
.shp-pd__trail a{color:var(--shp-muted);transition:color .3s ease;}
.shp-pd__trail a:hover,
.shp-pd__trail a.is-current{color:var(--shp-primary);}
.shp-pd__sep{inline-size:18px;block-size:1px;background:rgba(var(--shp-ink-rgb), .3);}

.shp-pd__title{
	margin-block:16px 0;
	font-size:clamp(2.3rem, 1.2rem + 3.4vw, 4rem);
	line-height:1;
}
.shp-pd__code{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-block:18px 0;
	padding:8px 14px;
	border-radius:999px;
	font-family:var(--shp-font-m);
	font-size:.74rem;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--shp-ink);
	background:rgba(var(--shp-ink-rgb), .05);
	border:1px solid rgba(var(--shp-ink-rgb), .09);
}
.shp-pd__dot{
	inline-size:8px;
	block-size:8px;
	border-radius:50%;
	background:var(--shp-primary);
	box-shadow:0 0 0 0 rgba(var(--shp-primary-rgb), .6);
	animation:shp-pd-ping 2.2s ease-out infinite;
}
@keyframes shp-pd-ping{0%{box-shadow:0 0 0 0 rgba(var(--shp-primary-rgb), .55);}80%,100%{box-shadow:0 0 0 10px rgba(var(--shp-primary-rgb), 0);}}

.shp-pd__lead{margin-block:22px 0;max-inline-size:52ch;font-size:1.02rem;line-height:1.8;color:var(--shp-muted);}

.shp-pd__perks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;}
.shp-pd__perks li{display:flex;align-items:center;gap:12px;color:var(--shp-ink);font-size:.95rem;}
.shp-pd__perks .shp-icon{
	flex:0 0 26px;
	inline-size:26px;
	block-size:26px;
	padding:5px;
	border-radius:50%;
	color:var(--shp-primary);
	background:rgba(var(--shp-primary-rgb), .12);
	box-shadow:inset 0 0 0 1px rgba(var(--shp-primary-rgb), .25);
}

.shp-pd__actions{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-block-start:34px;
	max-inline-size:520px;
}
.shp-pd__actions > .shp-btn{grid-column:1 / -1;justify-content:center;}
/* Without WhatsApp, Share takes the whole row. */
.shp-pd__actions > .shp-share:nth-child(2){grid-column:1 / -1;}
.shp-pd__actions > .shp-pd__wa,
.shp-pd__actions > .shp-share,
.shp-pd__actions .shp-share__toggle{inline-size:100%;justify-content:center;}
.shp-pd__wa{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:15px 22px;
	border-radius:calc(var(--shp-radius) - 4px);
	font-family:var(--shp-font-m);
	font-size:.76rem;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:#25d366;
	border:1px solid rgba(37,211,102,.35);
	background:rgba(37,211,102,.06);
	transition:background .35s ease, color .35s ease, transform .4s var(--shp-ease), box-shadow .4s ease;
}
.shp-pd__wa:hover{background:#25d366;color:#04221a;transform:translateY(-3px);box-shadow:0 16px 36px rgba(37,211,102,.3);}

/* ---- In-category steps ---- */
.shp-pd__steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:34px;padding-block-start:26px;border-block-start:1px solid rgba(var(--shp-ink-rgb), .08);}
.shp-pd__step{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px;
	border-radius:16px;
	background:rgba(var(--shp-ink-rgb), .03);
	border:1px solid rgba(var(--shp-ink-rgb), .07);
	transition:border-color .3s ease, background .3s ease, transform .4s var(--shp-ease);
}
.shp-pd__step:hover{border-color:rgba(var(--shp-primary-rgb), .4);background:rgba(var(--shp-primary-rgb), .06);transform:translateY(-2px);}
.shp-pd__step--next{flex-direction:row-reverse;text-align:end;}
.shp-pd__step.is-empty{visibility:hidden;}
.shp-pd__stepImg{flex:0 0 52px;block-size:52px;border-radius:12px;overflow:hidden;background:#fff;}
.shp-pd__stepImg img{inline-size:100%;block-size:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply;}
.shp-pd__stepText{display:flex;flex-direction:column;gap:2px;flex:1;min-inline-size:0;}
.shp-pd__stepText small{font-family:var(--shp-font-m);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--shp-muted);}
.shp-pd__stepText strong{font-family:var(--shp-font-h);font-size:1.2rem;color:var(--shp-ink);}
.shp-pd__stepArrow{order:-1;flex:0 0 auto;color:var(--shp-primary);transition:transform .4s var(--shp-ease);}
.shp-pd__step--prev .shp-pd__stepArrow{transform:scaleX(-1);}
.shp-pd__step--next:hover .shp-pd__stepArrow{transform:translateX(3px);}
.shp-pd__step--prev:hover .shp-pd__stepArrow{transform:scaleX(-1) translateX(3px);}
.shp-rtl .shp-pd__step--prev .shp-pd__stepArrow{transform:none;}
.shp-rtl .shp-pd__step--next .shp-pd__stepArrow{transform:scaleX(-1);}

/* ---- Quote ---- */
.shp-pd__quote{padding-block:clamp(56px, 7vw, 110px);}
.shp-pd__quoteGrid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:clamp(28px, 5vw, 72px);align-items:start;}
.shp-pd__quoteTitle{margin-block:14px 0;font-size:clamp(2rem, 1.2rem + 2.4vw, 3.2rem);line-height:1.02;}
.shp-pd__quoteHead p{margin-block-start:18px;color:var(--shp-muted);line-height:1.8;max-inline-size:44ch;}
.shp-pd__quoteCard{
	padding:clamp(22px, 3vw, 36px);
	border-radius:22px;
	background:linear-gradient(160deg, rgba(var(--shp-ink-rgb), .06), rgba(var(--shp-ink-rgb), .02));
	border:1px solid rgba(var(--shp-ink-rgb), .09);
	box-shadow:0 30px 70px -30px rgba(0,0,0,.6);
}

/* ---- Responsive ---- */
@media (max-width:980px){
	.shp-pd__grid,.shp-pd__quoteGrid{grid-template-columns:minmax(0, 1fr);}
	.shp-pd__media{max-inline-size:560px;margin-inline:auto;inline-size:100%;}
}
@media (max-width:560px){
	.shp-pd__stage{border-radius:20px;}
	.shp-pd__badge{font-size:1.1rem;inset-block-start:12px;inset-inline-start:12px;}
	.shp-pd__actions{max-inline-size:none;}
	.shp-pd__steps{grid-template-columns:1fr 1fr;gap:8px;}
	.shp-pd__stepImg{flex-basis:42px;block-size:42px;}
}
@media (hover:none){
	.shp-pd__stage{cursor:default;}
}
@media (prefers-reduced-motion:reduce){
	.shp-pd__dot{animation:none;}
	.shp-pd__stage.is-zooming .shp-pd__image{transform:none;}
}

/* ---- Card number: products that share a name stay tellable apart ---- */
.shp-prod__media{position:relative;}
.shp-prod__no{
	position:absolute;
	z-index:2;
	inset-block-start:12px;
	inset-inline-end:12px;
	display:inline-flex;
	align-items:baseline;
	gap:1px;
	padding:5px 10px 4px;
	border-radius:10px;
	font-family:var(--shp-font-h);
	font-weight:700;
	font-size:.95rem;
	line-height:1;
	color:#06243a;
	background:rgba(255,255,255,.82);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	box-shadow:0 4px 12px rgba(6,36,58,.12);
	transition:transform .5s cubic-bezier(.34,1.56,.64,1), background .3s ease, color .3s ease;
}
.shp-prod__no em{font-style:normal;font-size:.78em;color:var(--shp-primary);}
.shp-prod:hover .shp-prod__no{transform:scale(1.08);background:var(--shp-primary);color:#fff;}
.shp-prod:hover .shp-prod__no em{color:#fff;}

/* ---- Subcategory tiles ---- */
.shp-subcats{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
	gap:12px;
	margin-block-end:clamp(28px, 4vw, 48px);
}
.shp-subcat{
	display:flex;
	align-items:center;
	gap:14px;
	padding:10px;
	border-radius:18px;
	color:var(--shp-ink);
	background:rgba(var(--shp-ink-rgb), .03);
	border:1px solid rgba(var(--shp-ink-rgb), .08);
	transition:border-color .35s ease, background .35s ease, transform .45s var(--shp-ease);
}
.shp-subcat:hover{border-color:rgba(var(--shp-primary-rgb), .45);background:rgba(var(--shp-primary-rgb), .06);transform:translateY(-3px);}
.shp-subcat__media{flex:0 0 64px;block-size:64px;border-radius:14px;overflow:hidden;background:#fff;}
.shp-subcat__media img{inline-size:100%;block-size:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply;transition:transform .6s var(--shp-ease);}
.shp-subcat:hover .shp-subcat__media img{transform:scale(1.08);}
.shp-subcat__body{display:flex;flex-direction:column;gap:3px;flex:1;min-inline-size:0;}
.shp-subcat__body strong{font-family:var(--shp-font-h);font-size:1.08rem;line-height:1.15;}
.shp-subcat__body small{font-family:var(--shp-font-m);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--shp-muted);}
.shp-subcat__arrow{color:var(--shp-primary);transition:transform .4s var(--shp-ease);}
.shp-subcat:hover .shp-subcat__arrow{transform:translateX(4px);}
.shp-rtl .shp-subcat__arrow{transform:scaleX(-1);}
.shp-rtl .shp-subcat:hover .shp-subcat__arrow{transform:scaleX(-1) translateX(4px);}
@media (max-width:560px){
	.shp-subcats{grid-template-columns:1fr;}
}
