calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="high"
src="https://assets.atida.com/transform/f9953c07-c028-4b39-854c-7976dc131e37/Piz-Buin-After-Sun-Spray-Express-2x200-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff9953c07\u002Dc028\u002D4b39\u002D854c\u002D7976dc131e37\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff9953c07\u002Dc028\u002D4b39\u002D854c\u002D7976dc131e37\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 0"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F45bc9cb5\u002D973b\u002D4b3c\u002D88de\u002Dff9d22acb311\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F45bc9cb5\u002D973b\u002D4b3c\u002D88de\u002Dff9d22acb311\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 1"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7ced5eef\u002De7a6\u002D4134\u002D8d4d\u002D5f828635bc34\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7ced5eef\u002De7a6\u002D4134\u002D8d4d\u002D5f828635bc34\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 2"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcc6ab804\u002D9acf\u002D4d8f\u002D964d\u002D5667bd5ee7b6\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcc6ab804\u002D9acf\u002D4d8f\u002D964d\u002D5667bd5ee7b6\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 3"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F233ab8ae\u002D38d2\u002D4e58\u002Dbf8d\u002Deebdc64b86de\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F233ab8ae\u002D38d2\u002D4e58\u002Dbf8d\u002Deebdc64b86de\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 4"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa4cd28e0\u002D20a8\u002D479e\u002D89ff\u002D37638ad1d810\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa4cd28e0\u002D20a8\u002D479e\u002D89ff\u002D37638ad1d810\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 5"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff2524332\u002D4fff\u002D4de8\u002Db894\u002Dc3f460eadde0\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff2524332\u002D4fff\u002D4de8\u002Db894\u002Dc3f460eadde0\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 6"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Feb825047\u002Dc667\u002D4fa7\u002Da1b5\u002D232436972e4e\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Feb825047\u002Dc667\u002D4fa7\u002Da1b5\u002D232436972e4e\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 7"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6e8931b6\u002D744a\u002D4067\u002Db6f4\u002D914a0c4935a0\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6e8931b6\u002D744a\u002D4067\u002Db6f4\u002D914a0c4935a0\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe821eb73\u002Dac63\u002D450d\u002D9a69\u002D3ef186c0907e\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe821eb73\u002Dac63\u002D450d\u002D9a69\u002D3ef186c0907e\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8876a0de\u002Debe3\u002D4e02\u002D9357\u002D5a3926dcc9ee\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8876a0de\u002Debe3\u002D4e02\u002D9357\u002D5a3926dcc9ee\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fad9d5d51\u002D00d2\u002D4e88\u002D856e\u002D15e3b388f92b\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fad9d5d51\u002D00d2\u002D4e88\u002D856e\u002D15e3b388f92b\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdd913d9f\u002D3617\u002D4f21\u002Dbd88\u002Dd973ee7e782e\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdd913d9f\u002D3617\u002D4f21\u002Dbd88\u002Dd973ee7e782e\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 12"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F30902065\u002D9be1\u002D4e4f\u002Dba59\u002D6e189ddbc6cd\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F30902065\u002D9be1\u002D4e4f\u002Dba59\u002D6e189ddbc6cd\u002FPiz\u002DBuin\u002DAfter\u002DSun\u002DSpray\u002DExpress\u002D2x200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 13"
/>
chevron-left chevron-right