.msk-pack{
	--pack-ink:#14200a;
	--pack-green:#90b443;
	--pack-green-dark:#6f8f2e;
	--pack-cta:#e85a1c;
	--pack-cta-hover:#d14c12;
	--pack-panel:#0a3d2e;
	--pack-line:rgba(20,32,10,.14);
	--pack-soft:#f3f6ee;
	--pack-ivory:#f7f4ee;
	/* Woodmart .wd-content-layout è una griglia a 12: i soli div figli prendono span pieno */
	grid-column:1 / -1 !important;
	width:100% !important;
	max-width:1200px;
	box-sizing:border-box;
	margin:0 auto 48px;
	padding:0 24px;
	color:var(--pack-ink);
	font-family:inherit;
}
.msk-pack *,
.msk-pack *::before,
.msk-pack *::after{box-sizing:border-box}
.msk-pack button{
	font:inherit;
	color:inherit;
	appearance:none;
	-webkit-appearance:none;
	margin:0;
	line-height:1.25;
}
.msk-pack img{
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:middle;
}

.msk-pack__kicker{
	margin:0 0 12px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--pack-green-dark);
}
.msk-pack__story{
	display:grid;
	grid-template-columns:52% 48%;
	gap:40px;
	align-items:center;
	margin:0 0 28px;
	padding:8px 0 8px;
	background:transparent;
	border:0;
}
.msk-pack__story-visuals{
	position:relative;
	min-width:0;
	width:100%;
	aspect-ratio:1 / 1.02;
	margin:0;
}
.msk-pack__story-hero{
	position:absolute;
	inset:0 12% 10% 0;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:16px!important;
	outline:none!important;
	overflow:hidden;
	background:transparent!important;
	box-shadow:none!important;
	z-index:1;
}
.msk-pack__story-lifestyle{
	position:absolute;
	right:0;
	bottom:0;
	width:46%;
	aspect-ratio:1 / 1;
	margin:0!important;
	padding:0!important;
	border:3px solid #fff!important;
	border-radius:16px!important;
	outline:none!important;
	overflow:hidden;
	background:#fff!important;
	box-shadow:0 10px 28px rgba(20,32,10,.12)!important;
	z-index:2;
}
.msk-pack__story-hero img,
.msk-pack__story-lifestyle img,
#msk-pack .msk-pack__story-hero img,
#msk-pack .msk-pack__story-lifestyle img{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	object-fit:cover!important;
	border:0!important;
	border-radius:0!important;
	outline:none!important;
	box-shadow:none!important;
	background:transparent!important;
}
#msk-pack .msk-pack__story-hero img{
	object-position:center 28%;
}
#msk-pack .msk-pack__story-lifestyle img{
	object-position:center 40%;
}
#msk-pack .msk-pack__story-hero img:focus,
#msk-pack .msk-pack__story-lifestyle img:focus,
#msk-pack .msk-pack__story-hero img:focus-visible,
#msk-pack .msk-pack__story-lifestyle img:focus-visible{
	outline:none!important;
	box-shadow:none!important;
}
.msk-pack__story-copy{
	min-width:0;
	padding:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	text-align:left;
}
.msk-pack__story-copy h1{
	margin:0;
	font-size:clamp(42px,3.6vw,48px);
	line-height:1.12;
	letter-spacing:-.03em;
	font-weight:800;
	color:var(--pack-ink);
}
.msk-pack__story-lead{
	margin:20px 0 0;
	font-size:clamp(16px,1.2vw,18px);
	line-height:1.6;
	color:rgba(20,32,10,.74);
	max-width:480px;
}
.msk-pack__delivery{
	margin:22px 0 0;
	padding:14px 18px;
	max-width:540px;
	border-radius:14px;
	background:var(--pack-panel);
	background:linear-gradient(135deg,#0f4d38 0%,var(--pack-panel) 55%,#072820 100%);
	color:#fff;
	font-size:clamp(20px,2.2vw,28px);
	line-height:1.25;
	font-weight:800;
	letter-spacing:-.02em;
	box-shadow:0 8px 22px rgba(10,61,46,.28);
}
.msk-pack__story-note{
	margin:12px 0 0;
	font-size:13px;
	line-height:1.4;
	color:rgba(20,32,10,.58);
}
#msk-pack a.msk-pack__story-cta,
.msk-pack a.msk-pack__story-cta,
a.msk-pack__story-cta{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	width:auto!important;
	max-width:100%!important;
	min-height:48px!important;
	margin:24px 0 0!important;
	padding:0 22px!important;
	border:0!important;
	border-radius:999px!important;
	background:var(--pack-green)!important;
	background-color:var(--pack-green)!important;
	background-image:none!important;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:800!important;
	font-size:15px!important;
	letter-spacing:.01em;
	line-height:1.2;
	box-shadow:none!important;
	transition:transform .16s ease, background-color .16s ease;
}
#msk-pack a.msk-pack__story-cta::after,
a.msk-pack__story-cta::after{content:none}
#msk-pack a.msk-pack__story-cta:hover,
#msk-pack a.msk-pack__story-cta:focus,
a.msk-pack__story-cta:hover,
a.msk-pack__story-cta:focus{
	background:var(--pack-green-dark)!important;
	background-color:var(--pack-green-dark)!important;
	background-image:none!important;
	transform:translateY(-1px);
	color:#fff!important;
	box-shadow:none!important;
}
#msk-pack a.msk-pack__story-cta:focus-visible,
a.msk-pack__story-cta:focus-visible{
	outline:3px solid rgba(111,143,46,.4);
	outline-offset:3px;
}

.msk-pack__box-feature{
	display:flex!important;
	flex-direction:row!important;
	flex-wrap:nowrap;
	align-items:center;
	gap:20px 24px;
	margin:0 0 36px;
	padding:24px;
	border-radius:16px;
	background:var(--pack-ivory);
	border:0;
}
.msk-pack__box-feature-media{
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:14px!important;
	overflow:hidden;
	background:transparent!important;
	flex:0 1 46%;
	width:min(46%, 420px)!important;
	max-width:420px!important;
	height:auto!important;
	box-shadow:none!important;
}
.msk-pack__box-feature-media img,
#msk-pack .msk-pack__box-feature-media img{
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	height:auto!important;
	aspect-ratio:3 / 2;
	object-fit:cover!important;
	object-position:center;
	border:0!important;
	background:transparent!important;
}
.msk-pack__box-feature-copy{
	min-width:0;
	flex:1 1 auto;
}
.msk-pack__box-feature-copy h2{
	margin:0 0 8px;
	font-size:clamp(20px,2.2vw,26px);
	line-height:1.2;
	letter-spacing:-.02em;
	font-weight:800;
}
.msk-pack__box-feature-copy p{
	margin:0;
	font-size:15px;
	line-height:1.55;
	color:rgba(20,32,10,.72);
	max-width:42em;
}

.msk-pack__block{
	min-width:0;
	margin:0 0 36px;
}
.msk-pack__block:last-child{margin-bottom:0}
.msk-pack__block-title{
	margin:0 0 8px;
	font-size:clamp(20px,4vw,28px);
	line-height:1.2;
	letter-spacing:-.02em;
}
.msk-pack__block-lead{
	margin:0 0 16px;
	font-size:14px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	opacity:.65;
}
.msk-pack__block--packs{
	scroll-margin-top:96px;
	padding-top:8px;
	padding-bottom:28px;
	border-bottom:1px solid var(--pack-line);
}
.msk-pack__block--felpa{
	padding-top:4px;
}
/* Step 2: nascosto finché non si sceglie una box (il tema può ignorare [hidden]). */
#msk-pack [data-step="configure"][hidden],
#msk-pack [data-step="configure"].is-closed,
#msk-pack .msk-pack__block--felpa[hidden],
#msk-pack .msk-pack__block--felpa.is-closed{
	display:none!important;
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
}

.msk-pack__felpa{
	display:grid;
	grid-template-columns:minmax(240px,360px) minmax(0,1fr);
	gap:28px;
	align-items:start;
}
.msk-pack__controls{
	display:flex;
	flex-direction:column;
	gap:22px;
	min-width:0;
	padding:20px;
	border:1px solid var(--pack-line);
	border-radius:20px;
	background:#fff;
}
/* Ordine fisso: grafiche sopra, calzini sotto */
#msk-pack .msk-pack__controls > [data-art-wrap]{order:40}
#msk-pack .msk-pack__controls > [data-included]{order:50}
#msk-pack .msk-pack__controls > [data-summary-wrap]{order:60}
#msk-pack .msk-pack__controls > .msk-pack__footer,
#msk-pack .msk-pack__controls > [data-buy-wrap]{order:70}
#msk-pack .msk-pack__controls > .msk-pack__coming,
#msk-pack .msk-pack__controls > [data-coming]{order:80}
#msk-pack .msk-pack__controls > .msk-pack__error,
#msk-pack .msk-pack__controls > [data-error]{order:90}
.msk-pack__control{min-width:0}
.msk-pack__sublabel{
	margin:0 0 10px;
	font-size:14px;
	font-weight:800;
}
.msk-pack__color-name{
	display:inline;
	margin-left:.35em;
	font-weight:600;
	color:rgba(20,32,10,.62);
}
.msk-pack__color-name:not([hidden])::before{
	content:": ";
	font-weight:600;
	color:rgba(20,32,10,.35);
}
.msk-pack__color-name[hidden]{
	display:none!important;
}
.msk-pack__preview{
	position:sticky;
	top:88px;
	padding:14px;
	border-radius:20px;
	background:var(--pack-soft);
	min-width:0;
	max-width:360px;
	justify-self:center;
	width:100%;
}
.msk-pack__shot{
	position:relative;
	margin:0 auto;
	border-radius:16px;
	overflow:visible;
	background:#dfe6d4;
	width:100%;
	max-width:320px;
	aspect-ratio:3 / 4;
	touch-action:none;
	user-select:none;
	-webkit-user-select:none;
}
.msk-pack__shot .msk-pack__garment{
	border-radius:16px;
}
.msk-pack__garment{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:100%!important;
	max-height:100%!important;
	object-fit:contain!important;
	object-position:center center;
	pointer-events:none;
	position:relative;
	z-index:1;
}
/* Riquadro area stampa (default felpa adulto: centro; JS aggiorna per tipo) */
.msk-pack__print{
	position:absolute;
	left:50%;
	top:46%;
	width:45%;
	aspect-ratio:1 / 1.1;
	transform:translate(-50%,-50%);
	z-index:2;
	border:2px dashed rgba(20,32,10,.55);
	border-radius:8px;
	background:rgba(255,255,255,.14);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
	pointer-events:none;
}
.msk-pack__print.is-active{
	border-color:var(--pack-green-dark);
	background:rgba(144,180,67,.1);
	opacity:.55;
}
.msk-pack__print-label{
	position:absolute;
	left:50%;
	top:0;
	transform:translate(-50%,-120%);
	white-space:nowrap;
	font-size:10px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--pack-ink);
	background:rgba(255,255,255,.92);
	border:1px solid rgba(20,32,10,.18);
	border-radius:999px;
	padding:2px 8px;
	pointer-events:none;
	line-height:1.4;
}
.msk-pack__art-handle,
#msk-pack .msk-pack__art-handle{
	--art-ui:#2f7cf6;
	position:absolute;
	left:50%;
	top:46%;
	width:28%;
	transform:translate(-50%,-50%) rotate(0deg);
	transform-origin:center center;
	cursor:grab;
	touch-action:none;
	z-index:4;
	overflow:visible!important;
}
.msk-pack__art-handle[hidden]{
	display:none!important;
}
.msk-pack__art-handle:not([hidden]){
	display:block!important;
}
.msk-pack__art-handle.is-dragging{cursor:grabbing}
.msk-pack__art-img,
.msk-pack__art-handle img,
#msk-pack .msk-pack__art-handle img{
	display:block!important;
	width:100%!important;
	height:auto!important;
	max-width:none!important;
	max-height:none!important;
	object-fit:contain!important;
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
	filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));
}
.msk-pack__art-box,
#msk-pack .msk-pack__art-box{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:2px solid var(--art-ui);
	border-radius:0;
	pointer-events:none;
	opacity:0;
	z-index:5;
	box-sizing:border-box!important;
	transition:opacity .12s ease;
}
.msk-pack__art-handle.is-selected .msk-pack__art-box,
.msk-pack__art-handle.is-dragging .msk-pack__art-box,
#msk-pack .msk-pack__art-handle.is-selected .msk-pack__art-box,
#msk-pack .msk-pack__art-handle.is-dragging .msk-pack__art-box{
	opacity:1;
}
/* Punti angolo: solo con selezione attiva */
.msk-pack__art-point,
#msk-pack .msk-pack__art-point{
	position:absolute!important;
	display:block!important;
	box-sizing:border-box!important;
	width:16px!important;
	height:16px!important;
	min-width:16px!important;
	min-height:16px!important;
	max-width:16px!important;
	max-height:16px!important;
	padding:0!important;
	margin:0!important;
	border:2px solid var(--art-ui)!important;
	border-radius:50%!important;
	background:#fff!important;
	box-shadow:0 1px 4px rgba(15,40,90,.35);
	line-height:0!important;
	font-size:0!important;
	z-index:9;
	touch-action:none;
	cursor:nwse-resize;
	opacity:0;
	pointer-events:none;
	flex:none!important;
	inset:auto!important;
	transition:opacity .12s ease;
}
.msk-pack__art-point::before,
#msk-pack .msk-pack__art-point::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:44px;
	height:44px;
	transform:translate(-50%,-50%);
	border-radius:50%;
}
/* Controlli solo con is-selected / is-dragging; is-settled = sola grafica */
#msk-pack .msk-pack__shot{
	overflow:visible;
}
#msk-pack .msk-pack__art-handle.is-settled .msk-pack__art-box,
#msk-pack .msk-pack__art-handle.is-settled .msk-pack__art-point,
#msk-pack .msk-pack__art-handle.is-settled .msk-pack__art-tools{
	opacity:0!important;
	pointer-events:none!important;
}
#msk-pack .msk-pack__shot.is-art-editing .msk-pack__print.is-active{
	opacity:1;
}
#msk-pack .msk-pack__shot:not(.is-art-editing) .msk-pack__print.is-active{
	opacity:.18;
	border-style:solid;
}
#msk-pack .msk-pack__art-point,
#msk-pack .msk-pack__art-point.is-primary{
	width:22px!important;
	height:22px!important;
	min-width:22px!important;
	min-height:22px!important;
	max-width:22px!important;
	max-height:22px!important;
	z-index:20;
}
#msk-pack .msk-pack__art-point::before{
	width:52px;
	height:52px;
}
@media (hover:none), (pointer:coarse){
	#msk-pack .msk-pack__shot{
		padding:18px 12px 36px;
		box-sizing:content-box;
	}
}
.msk-pack__motif-more{
	grid-column:1 / -1;
	min-height:44px;
	margin-top:8px;
	border:1px solid var(--pack-line)!important;
	border-radius:12px!important;
	background:#fff!important;
	font-weight:700;
	cursor:pointer;
}
.msk-pack__art-point.is-primary,
#msk-pack .msk-pack__art-point.is-primary{
	width:18px!important;
	height:18px!important;
	min-width:18px!important;
	min-height:18px!important;
	max-width:18px!important;
	max-height:18px!important;
	background:var(--art-ui)!important;
	border-color:#fff!important;
	box-shadow:0 0 0 2px var(--art-ui), 0 1px 4px rgba(15,40,90,.35);
}
#msk-pack .msk-pack__art-point[data-corner="tl"]{
	left:0!important;top:0!important;right:auto!important;bottom:auto!important;
	transform:translate(-50%,-50%)!important;cursor:nwse-resize;
}
#msk-pack .msk-pack__art-point[data-corner="tr"]{
	left:100%!important;top:0!important;right:auto!important;bottom:auto!important;
	transform:translate(-50%,-50%)!important;cursor:nesw-resize;
}
#msk-pack .msk-pack__art-point[data-corner="bl"]{
	left:0!important;top:100%!important;right:auto!important;bottom:auto!important;
	transform:translate(-50%,-50%)!important;cursor:nesw-resize;
}
#msk-pack .msk-pack__art-point[data-corner="br"]{
	left:100%!important;top:100%!important;right:auto!important;bottom:auto!important;
	transform:translate(-50%,-50%)!important;cursor:nwse-resize;
}
.msk-pack__art-tools,
#msk-pack .msk-pack__art-tools{
	position:absolute!important;
	left:50%!important;
	top:calc(100% + 14px)!important;
	right:auto!important;
	bottom:auto!important;
	display:flex!important;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:auto!important;
	height:auto!important;
	transform:translateX(-50%);
	transform-origin:center top;
	z-index:10;
	opacity:0;
	pointer-events:none;
	transition:opacity .12s ease;
}
.msk-pack__art-handle.is-selected .msk-pack__art-point,
.msk-pack__art-handle.is-dragging .msk-pack__art-point,
.msk-pack__art-handle.is-selected .msk-pack__art-tools,
.msk-pack__art-handle.is-dragging .msk-pack__art-tools,
#msk-pack .msk-pack__art-handle.is-selected .msk-pack__art-point,
#msk-pack .msk-pack__art-handle.is-dragging .msk-pack__art-point,
#msk-pack .msk-pack__art-handle.is-selected .msk-pack__art-tools,
#msk-pack .msk-pack__art-handle.is-dragging .msk-pack__art-tools{
	opacity:1!important;
	pointer-events:auto!important;
}
#msk-pack button.msk-pack__art-tool{
	width:34px!important;
	height:34px!important;
	min-width:34px!important;
	min-height:34px!important;
	max-width:34px!important;
	max-height:34px!important;
	padding:0!important;
	margin:0!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:50%!important;
	border:2px solid var(--art-ui)!important;
	background:#fff!important;
	color:var(--art-ui)!important;
	box-shadow:0 2px 8px rgba(15,40,90,.2);
	cursor:grab;
	touch-action:none;
	appearance:none!important;
	-webkit-appearance:none!important;
	line-height:1!important;
	flex:none!important;
}
#msk-pack button.msk-pack__art-tool[data-art-zoom-in],
#msk-pack button.msk-pack__art-tool[data-art-zoom-out],
#msk-pack button.msk-pack__art-tool[data-art-clear]{
	cursor:pointer;
	touch-action:manipulation;
}
#msk-pack button.msk-pack__art-tool:active{cursor:grabbing}
#msk-pack button.msk-pack__art-tool.is-danger{
	border-color:#c0392b!important;
	color:#c0392b!important;
	cursor:pointer;
}
#msk-pack button.msk-pack__art-tool.is-danger:hover{
	background:#c0392b!important;
	color:#fff!important;
}
#msk-pack button.msk-pack__art-tool svg{display:block;pointer-events:none;width:15px;height:15px}
.msk-pack__art-hint{
	margin:10px 0 0;
	font-size:12px;
	line-height:1.35;
	opacity:.8;
	text-align:center;
}
.msk-pack__zoom-bar{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	margin:14px auto 0;
	padding:10px 12px;
	max-width:320px;
	border:1px solid rgba(20,32,10,.14);
	border-radius:999px;
	background:#fff;
	font-size:14px;
	font-weight:800;
	color:var(--pack-ink);
	position:relative;
	z-index:30;
}
.msk-pack__zoom-bar[hidden]{display:none!important}
.msk-pack__zoom-btn{
	width:56px!important;
	height:56px!important;
	min-width:56px!important;
	min-height:56px!important;
	padding:0!important;
	border:0!important;
	border-radius:50%!important;
	background:var(--pack-green)!important;
	color:var(--pack-ink)!important;
	font-size:32px!important;
	font-weight:800!important;
	line-height:1!important;
	cursor:pointer;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	user-select:none;
	-webkit-user-select:none;
}
.msk-pack__zoom-btn:active{
	background:var(--pack-green-dark)!important;
	color:#fff!important;
	transform:scale(.96);
}
.msk-pack__summary{
	display:grid;
	gap:6px;
	margin-top:14px;
	min-width:0;
	text-align:center;
}
.msk-pack__summary strong{
	font-size:18px;
	line-height:1.25;
	overflow-wrap:anywhere;
}
.msk-pack__sock-cards{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}
.msk-pack__sock-card{
	display:block;
	margin:0;
	padding:0!important;
	border:1px solid rgba(20,32,10,.1)!important;
	border-radius:14px!important;
	background:#fff!important;
	overflow:hidden;
	cursor:pointer;
	aspect-ratio:1 / 1;
	line-height:0;
	box-shadow:none;
	transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.msk-pack__sock-card img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.msk-pack__sock-card:hover{
	transform:translateY(-1px);
	border-color:rgba(20,32,10,.22)!important;
}
.msk-pack__sock-card.is-on{
	border-color:var(--pack-ink)!important;
	box-shadow:0 0 0 2px rgba(20,32,10,.18);
}
.msk-pack__recap-included{
	display:flex;
	align-items:center;
	gap:10px;
}
.msk-pack__recap-thumb{
	flex:0 0 40px;
	width:40px;
	height:40px;
	border-radius:10px;
	overflow:hidden;
	background:#fff;
	line-height:0;
}
.msk-pack__recap-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
@media (max-width:560px){
	.msk-pack__sock-cards{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

.msk-pack__packs{
	display:flex!important;
	flex-wrap:nowrap!important;
	align-items:stretch;
	gap:14px;
	width:100%;
	overflow-x:auto;
	padding-bottom:4px;
}
.msk-pack__colors,
.msk-pack__sizes,
.msk-pack__motifs{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.msk-pack__pack{
	display:flex!important;
	flex-direction:column;
	align-items:stretch;
	gap:0;
	flex:1 1 0;
	width:auto;
	min-width:190px;
	height:auto;
	align-self:stretch;
	max-width:none;
	padding:0;
	border:1px solid rgba(20,32,10,.08);
	border-radius:18px;
	background:#fff;
	cursor:pointer;
	text-align:left;
	overflow:hidden;
	box-shadow:0 10px 28px rgba(20,32,10,.06);
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.msk-pack__pack:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 34px rgba(20,32,10,.1);
}
.msk-pack__pack-media{
	display:block;
	position:relative;
	width:100%;
	flex:0 0 auto;
	aspect-ratio:1 / 1;
	padding:0;
	background:transparent;
	overflow:hidden;
	line-height:0;
}
.msk-pack__pack-includes{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	gap:3px;
	min-width:0;
}
.msk-pack__pack-includes li{
	position:relative;
	padding-left:12px;
	font-size:11px;
	line-height:1.35;
	color:rgba(20,32,10,.68);
	overflow-wrap:anywhere;
}
.msk-pack__pack-includes li::before{
	content:"";
	position:absolute;
	left:0;
	top:.55em;
	width:5px;
	height:5px;
	border-radius:50%;
	background:rgba(20,32,10,.35);
}
.msk-pack__pack.is-on{
	border-color:rgba(20,32,10,.35);
	box-shadow:0 0 0 1px rgba(20,32,10,.18), 0 12px 28px rgba(20,32,10,.08);
}
.msk-pack__pack.is-soon .msk-pack__pack-media{
	filter:saturate(.92);
}
.msk-pack__pack-price--soon{
	display:inline-flex;
	align-items:center;
	align-self:flex-start;
	margin-top:4px;
	padding:6px 12px;
	border-radius:999px;
	background:rgba(20,32,10,.06);
	font-size:11px!important;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--pack-ink)!important;
	opacity:.8;
}
.msk-pack__sr-only{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important;
}
.msk-pack__price{
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:2px;
	line-height:1;
}
.msk-pack__price-main{
	display:inline-flex;
	align-items:flex-start;
	font-variant-numeric:tabular-nums;
	letter-spacing:-.03em;
	color:var(--pack-ink);
}
.msk-pack__price-int{
	font-size:1.55rem;
	font-weight:800;
	line-height:1;
}
.msk-pack__price-sep{
	font-size:1.05rem;
	font-weight:800;
	line-height:1;
	margin-top:.18em;
}
.msk-pack__price-cents{
	font-size:.95rem;
	font-weight:800;
	line-height:1;
	margin-top:.12em;
}
.msk-pack__price-cur{
	font-size:.78rem;
	font-weight:800;
	line-height:1;
	margin:.18em 0 0 .18em;
	opacity:.72;
}
.msk-pack__price-note{
	font-size:10px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:rgba(20,32,10,.48);
}
.msk-pack__price--compact{
	flex-direction:row;
	align-items:baseline;
	gap:0;
}
.msk-pack__price--compact .msk-pack__price-int{font-size:1.05rem}
.msk-pack__price--compact .msk-pack__price-sep,
.msk-pack__price--compact .msk-pack__price-cents{font-size:.78rem;margin-top:.1em}
.msk-pack__price--compact .msk-pack__price-cur{font-size:.7rem;margin-top:.12em;opacity:.85}
.msk-pack__submit [data-submit-price],
.msk-pack__submit .msk-pack__price{
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:5px 11px 5px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.42);
	box-shadow:inset 0 0 0 1px rgba(20,32,10,.08);
}
.msk-pack__submit:hover [data-submit-price],
.msk-pack__submit:hover .msk-pack__price{
	background:rgba(255,255,255,.22);
	color:#fff;
}
.msk-pack__submit:hover .msk-pack__price-main,
.msk-pack__submit:hover .msk-pack__price-cur{color:#fff;opacity:1}
.msk-pack__comp-tabs,
.msk-pack__choices{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.msk-pack__comp-tab,
.msk-pack__choice{
	border:1px solid var(--pack-line)!important;
	background:#fff!important;
	border-radius:999px!important;
	min-height:38px;
	padding:0 14px!important;
	font-weight:700;
	cursor:pointer;
}
.msk-pack__comp-tab.is-on,
.msk-pack__choice.is-on{
	background:var(--pack-ink)!important;
	color:#fff!important;
	border-color:var(--pack-ink)!important;
}
.msk-pack__choice{
	border-radius:14px!important;
	display:grid;
	gap:2px;
	padding:10px 12px!important;
	text-align:left;
	min-width:140px;
}
.msk-pack__choice span{
	font-size:11px;
	font-weight:600;
	opacity:.7;
}
.msk-pack__same-art{
	margin-top:12px;
	border:1px solid var(--pack-line)!important;
	background:#f7fbea!important;
	border-radius:12px!important;
	min-height:40px;
	padding:0 14px!important;
	font-weight:700;
	cursor:pointer;
	width:100%;
}
.msk-pack__recap{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	gap:8px;
}
.msk-pack__recap li{
	padding:10px 12px;
	border-radius:12px;
	background:var(--pack-soft);
	font-size:13px;
	line-height:1.35;
}
.msk-pack__recap li.is-todo{
	outline:1px dashed rgba(163,51,51,.45);
}
.msk-pack__coming{
	margin:0;
	padding:12px 14px;
	border-radius:12px;
	background:#fff4e5;
	color:#7a4a00;
	font-weight:700;
	font-size:14px;
}
.msk-pack__pack-img{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:100%!important;
	object-fit:cover!important;
	object-position:center center;
	border:0;
	border-radius:0;
	background:transparent;
}
.msk-pack__pack-body{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:12px;
	flex:1 1 auto;
}
.msk-pack__pack-title{
	display:block;
	font-size:14px;
	line-height:1.2;
	letter-spacing:-.02em;
	font-weight:800;
	color:var(--pack-ink);
	min-height:2.4em;
}
.msk-pack__pack-short{
	display:block;
	margin:0;
	font-size:11px;
	line-height:1.35;
	color:rgba(20,32,10,.68);
	overflow-wrap:anywhere;
	flex:1 1 auto;
}
.msk-pack__pack-includes{
	flex:1 1 auto;
}
.msk-pack__pack-price{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	margin:2px auto 4px;
	padding:8px 12px 7px;
	border-radius:14px;
	font-style:normal;
	text-align:center;
	background:linear-gradient(180deg,#fffef8 0%,#f3f7e8 100%);
	box-shadow:inset 0 0 0 1px rgba(111,143,46,.22), 0 4px 12px rgba(20,32,10,.05);
	color:var(--pack-ink);
}
.msk-pack__pack.is-on .msk-pack__pack-price{
	background:linear-gradient(180deg,#fff 0%,#eef6d8 100%);
	box-shadow:inset 0 0 0 1px rgba(111,143,46,.35), 0 6px 14px rgba(20,32,10,.07);
}
.msk-pack__pack-cta{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:auto;
	min-height:40px;
	padding:0 12px;
	border-radius:999px;
	background:var(--pack-cta);
	color:#fff;
	font-size:13px;
	font-weight:800;
	letter-spacing:.02em;
	text-align:center;
	line-height:1.2;
	width:100%;
	box-shadow:0 6px 14px rgba(232,90,28,.22);
	transition:background .15s ease, transform .15s ease;
}
.msk-pack__pack:hover .msk-pack__pack-cta:not(.is-soon),
.msk-pack__pack.is-on .msk-pack__pack-cta:not(.is-soon){
	background:var(--pack-cta-hover);
}
.msk-pack__pack-cta.is-soon{
	background:rgba(20,32,10,.08);
	color:rgba(20,32,10,.55);
	box-shadow:none;
}

.msk-pack__colors{
	align-items:center;
}
.msk-pack__color,
#msk-pack .msk-pack__color,
#msk-pack button.msk-pack__color{
	flex:0 0 auto!important;
	display:inline-block!important;
	width:40px!important;
	height:40px!important;
	min-width:40px!important;
	min-height:40px!important;
	max-width:40px!important;
	max-height:40px!important;
	padding:0!important;
	margin:0!important;
	line-height:0!important;
	aspect-ratio:1 / 1!important;
	border:1px solid rgba(0,0,0,.12)!important;
	border-radius:50%!important;
	background:#fff;
	cursor:pointer;
	box-shadow:none;
	overflow:hidden;
	vertical-align:middle;
	-webkit-appearance:none;
	appearance:none;
}
.msk-pack__color.is-on{
	box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--pack-green)!important;
}
.msk-pack__color.is-oos{
	opacity:.38;
	cursor:not-allowed;
	position:relative;
}
.msk-pack__color.is-oos::after{
	content:"✕";
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	font-weight:800;
	color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,.55);
	pointer-events:none;
}
.msk-pack__size{
	flex:0 0 auto;
	min-width:48px;
	min-height:42px;
	padding:0 12px!important;
	border:1px solid var(--pack-line)!important;
	border-radius:12px!important;
	background:#fff!important;
	font-weight:700;
	cursor:pointer;
}
.msk-pack__size.is-on{
	background:var(--pack-ink)!important;
	color:#fff!important;
	border-color:var(--pack-ink)!important;
}
.msk-pack__size.is-oos{
	opacity:.45;
	cursor:not-allowed;
	text-decoration:line-through;
	background:#f3f3f3!important;
	color:#888!important;
	border-color:#ddd!important;
}
.msk-pack__size.is-oos.is-on{
	background:#bbb!important;
	color:#fff!important;
	border-color:#bbb!important;
}

.msk-pack__art-explain{
	margin:-4px 0 12px;
	font-size:13px;
	line-height:1.45;
	color:rgba(20,32,10,.68);
}
.msk-pack__art-tabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:12px;
}
.msk-pack__art-tabs button{
	border:1px solid var(--pack-line)!important;
	background:#fff!important;
	border-radius:999px!important;
	min-height:38px;
	padding:0 14px!important;
	font-weight:700;
	cursor:pointer;
}
.msk-pack__art-tabs button.is-on{
	background:var(--pack-ink)!important;
	color:#fff!important;
	border-color:var(--pack-ink)!important;
}
.msk-pack__upload{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:112px;
	padding:16px;
	border:1.5px dashed rgba(20,32,10,.28);
	border-radius:16px;
	background:#fff;
	cursor:pointer;
	text-align:center;
	font-weight:600;
}
.msk-pack__upload.is-drag{
	border-color:var(--pack-green);
	background:#f7fbea;
}
.msk-pack__art-preview{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:12px;
}
.msk-pack__art-preview[hidden],
#msk-pack .msk-pack__art-preview[hidden]{
	display:none!important;
}
.msk-pack__art-preview img{
	width:72px;
	height:72px;
	object-fit:contain!important;
	border-radius:12px;
	background:#fff;
	border:1px solid var(--pack-line);
}
.msk-pack__art-preview button{
	border:0!important;
	background:transparent!important;
	color:#a33;
	font-weight:700;
	cursor:pointer;
	text-decoration:underline;
	padding:0!important;
}
.msk-pack__hint{
	margin:0 0 10px;
	font-size:14px;
	opacity:.8;
}
.msk-pack__motif-cats,
#msk-pack .msk-pack__motif-cats{
	display:flex!important;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 14px;
}
.msk-pack__motif-cats.is-compact{
	flex-wrap:nowrap!important;
	overflow-x:auto;
	padding:2px 2px 8px;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
}
.msk-pack__motif-cat,
#msk-pack .msk-pack__motif-cat{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:0;
	margin:0;
	padding:10px 16px!important;
	border:1.5px solid rgba(144,180,67,.55)!important;
	border-radius:14px!important;
	background:#eef6d8!important;
	color:var(--pack-ink)!important;
	overflow:visible;
	cursor:pointer;
	text-align:center;
	box-shadow:none;
	transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
	width:auto!important;
	min-width:0!important;
	min-height:40px!important;
	height:auto!important;
	line-height:1.2!important;
	flex:0 0 auto!important;
}
.msk-pack__motif-cat:hover{
	border-color:var(--pack-green-dark)!important;
	background:#e2efc0!important;
	transform:translateY(-1px);
}
.msk-pack__motif-cat.is-on{
	border-color:var(--pack-green-dark)!important;
	background:var(--pack-green)!important;
	color:var(--pack-ink)!important;
	box-shadow:0 0 0 2px rgba(111,143,46,.25);
}
#msk-pack .msk-pack__motif-cats.is-compact .msk-pack__motif-cat{
	padding:8px 14px!important;
	min-height:36px!important;
	border-radius:12px!important;
}
.msk-pack__motif-cat-media,
#msk-pack .msk-pack__motif-cat-media{
	display:none!important;
}
.msk-pack__motif-cat-copy,
#msk-pack .msk-pack__motif-cat-copy{
	display:block!important;
	padding:0!important;
	min-width:0;
	width:auto;
}
.msk-pack__motif-cat-copy strong,
#msk-pack .msk-pack__motif-cat-copy strong{
	display:block;
	font-size:14px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:.01em;
	white-space:nowrap;
	overflow-wrap:normal;
	word-break:normal;
}
#msk-pack .msk-pack__motif-cats.is-compact .msk-pack__motif-cat-copy strong{
	font-size:13px;
}
.msk-pack__motif-cat-copy em{
	display:none!important;
}
.msk-pack__motif-browse{
	display:grid;
	gap:10px;
}
.msk-pack__motif-back{
	justify-self:start;
	border:0!important;
	background:transparent!important;
	padding:0!important;
	font-weight:700;
	font-size:13px;
	cursor:pointer;
	text-decoration:underline;
	color:inherit;
}
.msk-pack__motif-cat-title{
	margin:0;
	font-size:15px;
	font-weight:800;
	line-height:1.25;
}
.msk-pack__motif{
	position:relative;
	width:96px;
	padding:6px!important;
	border:1px solid var(--pack-line)!important;
	border-radius:14px!important;
	background:#fff!important;
	display:block;
	line-height:0;
	box-sizing:border-box;
}
.msk-pack__motif.is-on{
	border-color:var(--pack-green)!important;
	box-shadow:0 0 0 2px rgba(144,180,67,.25);
}
.msk-pack__motif-pick{
	display:block;
	width:100%;
	padding:0!important;
	margin:0!important;
	border:0!important;
	background:transparent!important;
	line-height:0;
	cursor:pointer;
	border-radius:10px!important;
}
.msk-pack__motif img,
.msk-pack__motif-pick img{
	display:block;
	width:100%;
	height:84px;
	object-fit:contain!important;
	background:#f4f6ef;
	border-radius:10px;
}
.msk-pack__motif-zoom{
	position:absolute;
	top:8px;
	right:8px;
	z-index:2;
	width:30px;
	height:30px;
	padding:0!important;
	margin:0!important;
	border:1px solid rgba(0,0,0,.08)!important;
	border-radius:999px!important;
	background:rgba(255,255,255,.94)!important;
	color:#1f2a1a!important;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:zoom-in;
	box-shadow:0 4px 12px rgba(20,30,16,.12);
}
.msk-pack__motif-zoom:hover,
.msk-pack__motif-zoom:focus-visible{
	background:#fff!important;
	color:var(--pack-green)!important;
	outline:none;
}
.msk-pack__lightbox[hidden]{display:none!important}
.msk-pack__lightbox{
	position:fixed;
	inset:0;
	z-index:10050;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
	box-sizing:border-box;
}
.msk-pack__lightbox-backdrop{
	position:absolute;
	inset:0;
	border:0;
	padding:0;
	margin:0;
	background:rgba(12,16,10,.72);
	cursor:pointer;
}
.msk-pack__lightbox-dialog{
	position:relative;
	z-index:1;
	width:min(92vw, 720px);
	max-height:min(88vh, 880px);
	padding:18px;
	border-radius:18px;
	background:#fff;
	box-shadow:0 24px 64px rgba(0,0,0,.28);
	box-sizing:border-box;
}
.msk-pack__lightbox-img{
	display:block;
	width:100%;
	max-height:min(78vh, 780px);
	height:auto;
	object-fit:contain;
	background:#f4f6ef;
	border-radius:12px;
}
.msk-pack__lightbox-close{
	position:absolute;
	top:8px;
	right:8px;
	z-index:2;
	width:40px;
	height:40px;
	border:0!important;
	border-radius:999px!important;
	background:rgba(255,255,255,.96)!important;
	color:#111!important;
	font-size:28px;
	line-height:1;
	cursor:pointer;
	box-shadow:0 4px 14px rgba(0,0,0,.14);
}
html.msk-pack-lightbox-open{
	overflow:hidden;
}
.msk-pack__motifs .msk-pack__hint{
	grid-column:1 / -1;
	margin:0;
}
@media (max-width:560px){
	.msk-pack__motif-cat-copy strong,
	#msk-pack .msk-pack__motif-cat-copy strong{
		font-size:13px;
	}
}

.msk-pack__footer{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:end;
	padding-top:8px;
	border-top:1px solid var(--pack-line);
}
.msk-pack__qty{
	display:grid;
	gap:6px;
	font-size:13px;
	font-weight:700;
}
.msk-pack__qty-stepper{
	display:inline-flex;
	align-items:center;
	gap:0;
	border:1px solid var(--pack-line);
	border-radius:12px;
	overflow:hidden;
	background:#fff;
	width:fit-content;
}
.msk-pack__qty-btn,
#msk-pack .msk-pack__qty-btn{
	flex:0 0 44px;
	width:44px!important;
	height:48px!important;
	min-height:48px!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
	border-radius:0!important;
	background:#f3f6ee!important;
	color:var(--pack-ink)!important;
	font-size:22px!important;
	font-weight:700!important;
	line-height:1!important;
	cursor:pointer;
}
.msk-pack__qty-btn:hover:not(:disabled),
#msk-pack .msk-pack__qty-btn:hover:not(:disabled){
	background:var(--pack-green)!important;
}
.msk-pack__qty-btn:disabled,
#msk-pack .msk-pack__qty-btn:disabled{
	opacity:.4;
	cursor:default;
}
.msk-pack__qty input,
#msk-pack .msk-pack__qty input{
	width:56px!important;
	min-height:48px!important;
	height:48px!important;
	border:0!important;
	border-left:1px solid var(--pack-line)!important;
	border-right:1px solid var(--pack-line)!important;
	border-radius:0!important;
	padding:0!important;
	text-align:center;
	font-size:16px;
	font-weight:700;
	background:#fff!important;
	-moz-appearance:textfield;
	appearance:textfield;
}
.msk-pack__qty input::-webkit-outer-spin-button,
.msk-pack__qty input::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}
.msk-pack__submit{
	border:0!important;
	margin-left:auto;
	min-height:48px;
	padding:0 22px!important;
	border-radius:999px!important;
	background:var(--pack-green)!important;
	color:var(--pack-ink)!important;
	font-size:16px;
	font-weight:800;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.msk-pack__submit:hover{
	background:var(--pack-green-dark)!important;
	color:#fff!important;
}
.msk-pack__submit:disabled{opacity:.55;cursor:wait}
.msk-pack__error{
	margin:0;
	color:#a33;
	font-weight:700;
	font-size:14px;
}
.msk-pack__help{
	margin:16px 0 0;
	padding:14px 16px;
	border-radius:14px;
	background:#f3faf4;
	border:1px solid rgba(37,211,102,.28);
	font-size:14px;
	line-height:1.45;
	color:rgba(20,32,10,.78);
}
.msk-pack__help-wa,
#msk-pack a.msk-pack__help-wa{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-left:6px;
	font-weight:800;
	color:#128c7e!important;
	text-decoration:underline;
}
.msk-pack__help-wa:hover,
#msk-pack a.msk-pack__help-wa:hover{
	color:#075e54!important;
}
.msk-pack__loader[hidden]{
	display:none!important;
}
.msk-pack__loader{
	position:fixed;
	inset:0;
	z-index:100000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	background:rgba(10,30,18,.55);
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
}
.msk-pack__loader-card{
	width:min(420px,100%);
	padding:28px 24px 26px;
	border-radius:20px;
	background:#fff;
	box-shadow:0 18px 48px rgba(10,30,18,.22);
	text-align:center;
}
.msk-pack__loader-spin{
	display:inline-block;
	width:42px;
	height:42px;
	margin:0 0 16px;
	border:3px solid rgba(144,180,67,.25);
	border-top-color:var(--pack-green-dark);
	border-radius:50%;
	animation:msk-pack-spin .7s linear infinite;
}
.msk-pack__loader-title{
	margin:0;
	font-size:18px;
	font-weight:800;
	line-height:1.3;
	letter-spacing:-.02em;
	color:var(--pack-ink);
}
.msk-pack__loader-sub{
	margin:8px 0 0;
	font-size:14px;
	line-height:1.45;
	color:rgba(20,32,10,.68);
}
html.msk-pack-loading,
html.msk-pack-loading body{
	overflow:hidden!important;
}
@keyframes msk-pack-spin{
	to{transform:rotate(360deg)}
}

@media (max-width:1280px){
	.msk-pack__pack{
		flex:0 0 210px;
		min-width:210px;
		scroll-snap-align:start;
	}
	.msk-pack__packs{
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		padding-bottom:8px;
	}
}
@media (max-width:980px){
	.msk-pack{
		width:calc(100% - 20px);
		margin:14px auto 40px;
	}
	.msk-pack{
		padding:0 16px;
		width:calc(100% - 0px)!important;
	}
	.msk-pack__story{
		grid-template-columns:1fr;
		gap:22px;
		margin-bottom:20px;
	}
	.msk-pack__story-copy{
		order:-1;
		padding:0;
	}
	.msk-pack__story-copy h1{
		font-size:clamp(30px,8vw,34px);
		line-height:1.12;
	}
	.msk-pack__story-lead{
		font-size:16px;
		max-width:none;
	}
	.msk-pack__delivery{
		font-size:clamp(18px,5.2vw,22px);
		max-width:none;
		padding:12px 14px;
	}
	.msk-pack__story-cta{
		width:100%!important;
		justify-content:center!important;
	}
	.msk-pack__story-visuals{
		aspect-ratio:1 / 1.05;
		max-width:100%;
		overflow:hidden;
	}
	.msk-pack__story-hero{
		inset:0 8% 12% 0;
		border-radius:16px!important;
	}
	.msk-pack__story-lifestyle{
		width:42%;
		right:0;
		bottom:0;
		border-width:2px!important;
	}
	.msk-pack__box-feature{
		flex-direction:column!important;
		align-items:stretch;
		gap:14px;
		margin-bottom:28px;
		padding:18px;
	}
	.msk-pack__box-feature-media,
	#msk-pack .msk-pack__box-feature-media{
		flex:0 0 auto;
		width:100%!important;
		max-width:100%!important;
		height:auto!important;
	}
	.msk-pack__box-feature-media img,
	#msk-pack .msk-pack__box-feature-media img{
		width:100%!important;
		max-width:100%!important;
		height:auto!important;
	}
	.msk-pack__box-feature-copy{max-width:none}
	.msk-pack__box-feature-copy h2{font-size:20px}
	.msk-pack__box-feature-copy p{font-size:14px}
	.msk-pack__block{margin-bottom:24px}
	.msk-pack__block--packs{padding-bottom:20px}
	.msk-pack__felpa{
		grid-template-columns:1fr;
		gap:16px;
	}
	.msk-pack__preview{
		position:static;
		max-width:300px;
		margin:0 auto;
	}
	.msk-pack__shot{max-width:260px}
	.msk-pack__controls{
		padding:16px;
		padding-bottom:96px;
	}
	.msk-pack__pack-media{padding:0}
	.msk-pack__pack-body{padding:10px}
	.msk-pack__footer[data-buy-wrap]{
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:10050;
		display:flex;
		flex-wrap:nowrap;
		align-items:center;
		gap:10px;
		margin:0;
		padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
		border-top:1px solid rgba(20,32,10,.12);
		background:rgba(255,255,255,.96);
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
		box-shadow:0 -10px 28px rgba(20,32,10,.14);
	}
	.msk-pack__footer[data-buy-wrap] .msk-pack__qty{
		flex:0 0 auto;
		gap:2px;
		font-size:11px;
	}
	.msk-pack__footer[data-buy-wrap] .msk-pack__qty-btn,
	#msk-pack .msk-pack__footer[data-buy-wrap] .msk-pack__qty-btn{
		flex:0 0 40px;
		width:40px!important;
		height:44px!important;
		min-height:44px!important;
		font-size:20px!important;
	}
	.msk-pack__footer[data-buy-wrap] .msk-pack__qty input,
	#msk-pack .msk-pack__footer[data-buy-wrap] .msk-pack__qty input{
		width:44px!important;
		min-height:44px!important;
		height:44px!important;
		padding:0!important;
		font-size:15px;
	}
	.msk-pack__submit{
		flex:1 1 auto;
		width:auto;
		margin-left:0;
		min-height:48px;
	}
	.msk-pack__colors{gap:8px;align-items:center}
	.msk-pack__color,
	#msk-pack .msk-pack__color,
	#msk-pack button.msk-pack__color{
		width:36px!important;
		height:36px!important;
		min-width:36px!important;
		min-height:36px!important;
		max-width:36px!important;
		max-height:36px!important;
		padding:0!important;
		line-height:0!important;
		aspect-ratio:1 / 1!important;
		border-radius:50%!important;
	}
}