ÿØÿà JFIF 

  
 
  ÿÛ „ 	 ( %"1!%)+...383,7(-.+




-+++--++++---+-+-----+---------------+---+-++7-----ÿÀ  ß â
" 

ÿÄ   

           
 ÿÄ H 
     
 !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ 
 


            
ÿÄ %

 
       
!1AQa"23‘ÿÚ 
  ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ	ú®ði~TÁb
qÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6
öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ
"Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷󲍷˜HT4&ÿ ÓÐü6ö®¿øþßèô	Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãSç‚Ÿ[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt	‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%º<!vB™'èÔ6´Ña¿«e`Àà0U[-ÂБ4)M÷YK*³hï÷%ÎÎkÇ«m‘-íWŽLsã?nÂ~«†üö®þ¡ÂlÃaÿ ‰ÿ l©°Õ¥ åÜá¿r ºL[Çâ°(Çè'Vãôl8´ÏRÀvLvPõ:…ÙNçF™÷ë>Íãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%ÌÁ²h´OƒJŒtMÜ>ÀÜÊw3
Y´•牋4ǍýʏTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆѪQ|%6ž™A	õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»&
î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$˝Úsäÿ 
÷Û	#°xŸëí(l
	 »ý3—¥5m!
rt`†0~'j2(]S¦¦kv,ÚÇl¦øJA£Šƒ
J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉ䢍mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨Ö
Ú5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg
A2Z
"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b
 Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø	ð\á)}	¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±
N¢aF¨…8¯!U		Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD
é©¤&‡ïDbàÁôMÁ."
¤‡ú*õ'VŽ|¼´Úgllº¼klz[Æüï÷Aób‡Eÿ dÑ»Xx9ÃÜ£ÁT/`¼¸vI±Ýµ·Ë‚“G³þ*Ÿû´r|*}<¨îºœ @¦mÄ’M¹”.œ«Y–|6ÏU¤jç¥ÕÞqO
˜kDÆÁ¨5ÿ š;Њ¦¦€GÙk \
	–Þ=â¼=SͧµªS°ÚÍpÜãQűÀõ¬?ÃÁ1Ñ•õZà?hóœ€
L¦l{Y*K˜Ù›zc˜–ˆâø+¾	­-Ök¥%ùEÜA'}ˆ><ÊIè“bpÍ/qÞâvoX€w,\úªò6Z[XdÒæ­@Ö—€$òJí#é>'°Ú
ôª˜<)4ryÙ£|óAÅn5žêŸyÒäMÝ2{"}‰–¤l÷ûWX\l¾Á¸góÉOÔ /óñB¤f¸çñ[.P˜ZsÊË*ßT܈§QN¢’¡¨§V¼(Üù*eÕ“”5T¨‹Âê¥FŒã½Dü[8'Ò¥a…Ú¶k7a
*•›¼'Ò·\8¨ª\@\õ¢¦íq+DÙrmÎ…_ªæ»ŠÓœ¡¯’Ré9MÅ×D™lælffc+ŒÑ,ý™ÿ ¯þǤ=Å’Á7µ÷ÚÛ/“Ü
€ñýã¼àí¾ÕÑ+ƒ,uµMâÀÄbm:ÒÎPæ{˜Gz[ƒ¯«® KHà`ßØŠéí¯P8Aq.C‰ à€kòpj´kN¶qô€…Õ,ÜNŠª-­{Zö’æû44‰sŽè‰îVíRœÕm"
6?³D9¡ÇTíÅꋇ`4«¸ÝÁô ï’ýorqКÇZ«x4Žâéþuïf¹µö[P ,Q£éaX±`PÉÍZ ¸äYúgüAx
’6Lê‚xÝÓ*äQ
Ï’¨hÍ
=²,6ï#rÃ<¯–£»ƒ‹,–ê•€ aÛsñ'%Æ"®ÛüìBᝠHÚ3ß°©$“XnœÖ’î2ËTeûìxîß
¦å¿çÉ
ðK§þ{‘t‚Ϋ¬jéîZ[”š7L¥4VÚCE×]m¤Øy”ä4-dz£œ§¸x.*ã
ÊÊ b÷•h:©‡¦s`BTÁRû¾g⻩‹jø sF¢àJøFl‘È•Xᓁà~*j¯ +(ÚÕ6-£¯÷GŠØy‚<Ç’.F‹Hœw(+)ÜÜâÈzÄäT§FߘãÏ;DmVœ3Àu@mÚüXÝü•3B¨òÌÁÛ<·ÃÜz,Ì@õÅ·d2]ü8s÷IôÞ¯^Ç9¢u„~ëAŸï4«M?
K]­ÅàPl@s_ p:°¬ZR”´›JC[CS.h‹ƒïËœ«Æ]–÷ó‚wR×k7X‰k›‘´ù¦=¡«‰¨¨Â')—71ó’c‡Ðúµ
`é.{§p¹ój\Ž{1h{o±Ý=áUÊïGÖŒõ–-BÄm+AZX¶¡
ïHðæ¥JmÙ;…ä¡Ÿˆ¦ ° äšiÉg«$üMk5¤L“’çÊvïâï	,=f“"íἊ5ô¬x6{ɏžID0e¸vçmi'︧ºð9$ò¹÷*£’9ÿ ²TÔ…×>JV¥}Œ}$p[bÔ®*[jzS*8
”·T›Í–ñUîƒwo$áè=LT™ç—~ô·¤ÈÚ$榍q‰„+´kFm)ž‹©i–ËqÞŠ‰à¶ü( ‚•§ •°ò·‡#5ª•µÊ﯅¡X¨šÁ*F#TXJÊ
ušJVÍ&=iÄs1‚3•'fý§5Ñ<=[íÞ­
PÚ;ѱÌ_~Ä££8rÞ
²w;’hDT°>ÈG¬8Á²ÚzŽ®ò®qZcqJêäÞ-ö[ܘbň±çb“Š¶31²n×iƒðÕ;1¶þÉ
ªX‰,ßqÏ$>•î íZ¥Z 1{ç൵+ƒÕµ¥°T$§K]á»Ûï*·¤tMI’ÂZbŽÕiÒ˜}bÓ0£ª5›¨[5Ž^ÝœWøÂÝh°
¢OWun£¤5 a2Z.G2³YL]jåtì”
ä	ÁÓ‘%"©<ÔúÊ°sº UZvä‡ÄiÆÒM .÷V·™ø#kèýií<NçŽôª¦„lË»{ƒ®<
[¦Y‹éƒ}j•*‚±€I‡e&gbéšp9å^!®€ö?ù^àTzo@Q¨Aêœ& [”…üÔ}пF’Hq‚©´{“ëH·?.½%úå»É Á´9¿¼Ò‰Á¼Ì¥Ús¼zW¶aÃhwÖ…ÑÏ$mò´ë:×Ñγ|”x§
µ0Âз$·aÆn µ†šÇ³£‰Ì®ž
õ@kŽ«gtí䢩ÒP×5¤?µÿ m´Ì^ ‡8¸Á8‹”žÆWÑ ¡™„,Ì“»à‹ÃéV¸®á›ÐÇŽBÀ®Ã…Z”ØÛë8;é|Ñ5)7aÕ&2Ù¸÷©ö—Ð;‡¬7"¿"7M·d
ñœÒÌf5”ê ;"Ãp5¯¬3‹ùJÚÝG›½&¯<{òñKÎÖ“3:¦ÀòGPÅS¨;
à‘Ün´öpð±W)z'¬öÀÖ#Xf2& æ
Œ‹é¾"‹\!Ñ9…
0±2A›*ØMÄ $X
끫ØXÖ,X¥ ô'ËnFÍãlqJXçuaJ4¦„ëµ7ê;h"Zã¾Áä£,vÛ‹’N©E(Öu÷)…ÁaÜÇÔkˆ$‘1kmG¨øtÛ>Ì–ª)µT[)BˆõÑ
xB¾B€ÖT¨.¥~ð@VĶr#¸ü*åZNDŽH;âi 
],©£öØpù(šºãö¼T.uCê•4@ÿ GÕÛ)Cx›®0ø#:ÏðFÒbR\(€€Ä
®fã4Þ‰Fä¯HXƒÅ,†öEÑÔÜ]Öv²?tLÃvBY£ú6Êu5ÅAQ³1‘’¬x–HŒÐ‡ ^	¸KwJôÖŽ5×CÚ¨vÜ«/B0$×k°=ðbÇ(Ï)w±A†Á†	11Í=èQšµ626ŒÜ/`G«µ<}—-Ö7KEHÈÉðóȤmݱû±·ø«Snmá=“ä«šmݱŸ¡¶~ó·“äUóJæúòB|E LêŽy´jDÔ$G¢þÐñ7óR8ýÒ…Ç›	WVe#·Ÿ	p·Fx~•ݤF÷0Èÿ K¯æS<6’¡WШ
;´ÿ ¥Êø\Òuî†åÝ–VNœkÒ7oòX¨Á­Ø÷FÎÑä±g÷ÿ M~Çî=p,X´
ÝÌÚÅ‹
’ÃjÖ.ØöÏñ
qïQ¤ÓZE†° =6·]܈ s¸>v•Ž^Ý\wq9r‰Î\¸¡kURÒ$­*‹Nq?Þª*!sŠÆ:TU_u±T+øX¡
®¹¡,ÄâÃBTsÜ$Ø›4m椴zÜK]’’›Pƒ@€#â˜`é¹=I‡fiV•Ôî“nRm+µFPOhÍ0B£
€+¬5c
v•:P'ÒyÎ ‰V~‚Ó†ÖuókDoh$å\*ö%Ю=£«…aȼ½÷Û.-½VŒŠ¼'lyî±1¬3ó#ÞE¿ÔS¤gV£m›<HqÚ,sVºóÆß¼Hïô…¹…Méi‡Ò" µùEîØÏj|ÓøVOuœ"f’aÞÞëx…˜ÌO`dHHš×4K*H$‡5×
ÚÄ
Â×CUÅAŠŒsr»2°ÄÁiÚ±Çéõe•¶_SÕÆÃ3ˆ•-3´‘¸¡‡cgDîÚ¦ÃcX}'êûJè½9ñìÓ­ä±	×ÓûçÁmO”üVÞ¸÷¥ I~“ÒôhhûýÑwxlïZ¹G¡4ž=”)º£ò
®vÆŽ%UqÝ4qž©­hûÎí‡š§é1R±cÜèðà y' °ôy¦£q§Ýï¬;šÖõ„Sÿ ›  z('S†$Ï}*evÚ¾Kýº8ý
¨å	jÛ]´-‚6«¶ÖK+8ÊiS45jrœèËQDüDØ]R”˜SPÃ
xJÕl>
=§\û"—WU¤ÚǼÿ ÂnÁ
GŒÃ
‚õN	D³õNÚíŒÕ;HôyÄÈ©P¹Ä{:?R‘Ô¨âF÷ø£bÅó® JS|‚R÷ivýáâ€Æé¡è³´IئÑT!§˜•Øª‚¬â@q€wnïCWÄ@JU€ê¯m6]Ï:£âx
'+ÒðXvÓ¦Úm=–´7œ $ì“B£~p%ÕŸUþ« N@¼üï~w˜ñø5®—'Ôe»¤5ã//€ž~‰Tþ›Å7•#¤×Íö
pÄ$ùeåì*«ÓŠEØWEÈsßg¦ûvžSsLpºÊW–âµEWöˬH;™!CYõZÃÄf æ#1W.
\uWâ\,\Çfj’<qTbên›Î[vxx£ë 'ö¨1›˜ÀM¼Pÿ H)ƒêêŒA7s,|F“꺸k³9Ìö*ç®;Ö!Ö$Eiž•¹ÒÚ†ýóéÝû¾ÕS®ó$’NÝäŸz¤5r¦ãÄÃD÷Üø!°ø‡Ô&@m™Ì^Ãä­d	q5Lnÿ N;.6½·N|#ä"1Nƒx“ã<3('&ñß
t  ~ªu”1Tb㫨9ê–›–bìd$ߣ=#ÕãÒmU¯eí$EFù5ýYô櫨æ왍Ǘ±ssM]·á¿
0ÕåJRÓªîiƒ+O58ÖñªŠÒx"	\µâá¨i’¤i
—Ö
”
M+M¤ë9‚‰A¦°Qõ¾ßøK~¼Ã‘g…Ö´~÷Ï[3GUœÒ½#…kàÔ®Ò”‰³·dWV‰IP‰Ú8u¹”E
ÖqLj¾êÕCBš{A^Âß;–¨`¯¬ìö
˼	×tìø.tƐm*n¨y4o&Àx¥n¦×î‡aupáÛj8¿m›è¶ã!o½;ß0y^ý×^EÑ¿ÒjzŒ­)vÚÑnÄL
…^ªô× ‡—‚3k	Îý­hï]içå–îÏ*÷ñþ»Ô
CÒjøjÍznˆ´
¹#b'Fô‹
‰v¥'’à'T´ƒHýÍ%M‰ ƒ&ÆÇŒï1 ‘	–Þ
‰i¬s žR-Ÿ kŠ¬á¬7:þ 0ŒÅÒÕ/aÙ¬ÃÝ#Úøœ
©aiVc‰. ¹¦ãµ”
›Yg¦›ÆÎýº°f³7ƒhá·¸­}&D9¡ÂsÉÙÞèŠõØàC™¨ñbFC|´Ü(ŸƒÚÒ-%»'a	Ì¿)ËÇn¿úÿ ÞŽX…4ÊÅH^ôΑí@ù¹Eh¶“L8Çjù
¼ÎåVªóR©Ï5uÃ
V4lZß®=€xÖŸ–ÑÈ
÷”¨°¾__yM1tÉ?uÆþIkÄgæ@þ[¢†°XÃJ£j·:nkÅ¢u‘}âGzö­/IµèŠ¬¼48q¦F°ŽR¼=ûì{´¯RýicS
ÕÛ íNtÍÙï£,w4rêì®»~x(©Uñ§#Ñ&œÕ¤>ÎåÍÓ9’Ö{9eV­[Öjâ²ãu]˜å2›qÑšÕJç0€sÄ|Êëè0튔bÁ>“{×_F`Ø©ºê:µä,v¤ðfc1±"«ÔÍän1#=·
Âøv~H<Q-Ìk7Æ;•L´©ÙC°.7
¯hKL@ävÊâž$´4¸ð‚¦­R–ÂZ7ÕÃj±·¿rÓrªJ_PÕ.#g¤gÀ)©`ª<KžèÝ'ä©èÒ3rwû€Ø¦ÒƒLf¤
,¿I½{Ƕ8‘$KÝU/Oi>½ÐßA¾¿Ü€Óš]Õ; I¾÷ç‚Qi†î¹9ywÔKG˜áñ zQY—§ÃÕZ07§X‚Áh;ÁM)iÌCH-¯T‘ë|A0{Ò½LÚ–TâÖkÜ’dÀ“rmm»”جPF³ÖcbE§T€ÒxKºû’Ó®7±²(\4ŽÃ¸Uu@j™yĵ;³µ!Á¢b.W¤=mõ´êµKk
¸K^ÜÛ#p*Ü14qkZç5ïë†°5Ï%ÍÛ<Õ¤×Ô¥ê†C	Õ´¼ú$ƒÖ“”]Ù¬qÞÚ[4©ý!ûÏ—Áb쳐XµA¬â~`›Çr¸8ìùÝ䫦<>ä÷«?xs´ÇÑ	/á;¹øüÊÈÙà{"@Žïzâ¬[âß‚ U_<ÇŸ½4èN˜ú61®qŠu ¦þF£»äJ_ˆÙÎ~ ÞAã–Ý„Ï—rŠD;xTž‘ô`É«…suãO`?³à™ô
Lý#Íc5öoæØ‚y´´÷«ZR§<&JÇ+éâô´€i!Àˆ0æAoàðLèÖ-2ŸõW.’t^–(KÁmHµV@xÜÇy®Ñø­â^:Ú3w· 7½¹°ñ¸â¹®:',«Mœ—n­Á+Ãbš
LÈ‘ÄnRÓÅœ%¦²‰¨ùQ:¤f‚ "PÕtô¸…cæl…&˜Ú˜Ôkv‹ž+vŠ,=¢v­6—X
y*¥t£«<™:“aï<QÝ&Ó]i4音äzçáíHÚÕxcòãæäÝÔm퐡 `Â)C×ehÀdHP6ÅMEöZ®Í¨	é¾Tr뢘6*¶;´sÙì]ÊŽŽÛíÉwRÈ´up* Ã	‚m´:Û{·”MUë©õ̤êÔo7:ŽÕ
qÏ'E ˆk^uãT€$Ú$Æ{•ŸBP°al¾Ž©ŒÃ^}äA
,º­$Ü]ºÚ.í:‹¤ÜöXnno7X€¥BÂà ±1ã>Œºîϲ=¦6rO]XI¿Œ÷¤zÚ­›¶ 6÷”w\dü~v®ˆÌk«^m<ÿ ¢‰Õ\)ùºŽ;… lîÙÅEŠ®cѾ@vnMÏ,¼“
ñ•ŽBxðÃzãÇç%3ˆ"}Ù•Åî>
BÉú;Ò]V+P˜F_´ßé>
Øše|ï‡ÄOmFæÇ ãqÞ$/xÐx­z`ï9"œÜij‚!7.\Td…9M‡•iŽ‹¾‘50ÞŽn¥ß4ÉôO¹*í^QêËÜÇÌ8=Ž
§s‰'ÂëÙ«á%Pú[O
†ÅP¯VsŽ°.‰,kc¶ ¬A9n˜XÎ-ÞšN["¹QÕ‰ƒMýÁߺXJæÍaLj¾×Ãmã¾ãÚ uñÒþåQô¦¥
/ÄUx:‚ÍÜ’ Đ©ØÝ3V¨‰ÕnÐ6ó*óúK­«…c ¯U òhsý­jóÔj#,ímŒRµ«lbïUTŒÑ8†Ä0œÏr`ð¡¬É	Ї
ë"À²

™	6¥ f¶¢ÚoܱԷ-<Àî)†a¶ž'Ú»¨TXqØæ¶÷Y
ÄHy˜9ÈIW­YÀuMFë
ºÏ’AqÌ4·/Ú
†ô'i$øä­=Ä
Ý|öK×40è|È6p‘0§)o¥ctî§H+CA-“ xØ|ÐXŠç
l8íºð3Ø:³¤¬KX¯UÿÙ
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600;700&display=swap');

:root {
    --yc-red: #EE2C52;
    --yc-white: #FFF;
    --yc-yellow: #f3e614;
    --yc-light-yellow: #f0e7b8;
    --yc-gray: #ebebeb;
    --yc-gold: #a68841;
    --yc-dark: #0d0d0d;
}

.bg-red {
    background-color: var(--yc-red);
}

.bg-gold {
    background-color: var(--yc-gold);
}

.text-red {
    color: var(--yc-red);
}

.text-gray {
    color: var(--yc-gray);
}

.btn-gray,
.bg-gray {
    background-color: var(--yc-gray);
}

.font-weight-medium {
    font-weight: 600;
}

body {
    font-family: 'Fira Sans', sans-serif;
}

header {
    background: var(--yc-yellow);
}

.text-xs {
    font-size: 0.75rem;
    /* 12px */
    line-height: 1rem;
}

.text-sm {
    font-size: 0.875rem;
    /* 14px */
    line-height: 1.25rem;
    /* 20px */
}

.text-3xl {
    font-size: 1.875rem;
    /* 30px */
    line-height: 2.25rem;
    /* 36px */
}

.nav-head-top {
    /*border-bottom:  1px solid #7D7D7D;*/
}

.desktop-search-input {
    /*width: 200px;*/
    /*padding: 2px 2px 2px 32px;*/
    border-radius: 9999px;
    padding-left: 20px;
    background: var(--yc-yellow);
    border: 2px solid var(--yc-gold);
}

.badge {
    position: absolute;
    right: 5px;
    top: 0px;
    background: var(--yc-red);
    color: #fff !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: white;
    font-size: .8em;
    padding-top: 3px;
    line-height: 1.2;
}

.cart-summary {
    position: relative;
    min-width: 60px;
    text-align: center;
}

.favorites-summary {
    position: relative;
    min-width: 60px;
    text-align: center;
}

.favorites-summary-icon {
    position: relative;
    display: inline-block;
}

/* .favorites-amount {
    position: absolute;
    right: -5px;
    top: -10px;
    background: var(--yc-red);
    color: #fff !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: white;
    font-size: .8em;
    padding-top: 3px;
    line-height: 1.2;
    z-index: 1;
} */

/* .favorites-link {
    text-decoration: none;
    color: inherit;
}

.favorites-link:hover {
    text-decoration: none;
    color: inherit;
}

.favorites-total {
    margin-top: 5px;
    font-size: 0.75rem;
    line-height: 1rem;
} */

.countCart {
    position: absolute;
    right: -10px;
    top: -20px;
    background: #ae302d;
    color: #fff !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: white;
    font-size: .8em;
    padding-top: 3px;
}

.navbar-yc {
    background-color: var(--yc-dark);
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 56px;
        /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.footer {
    background-color: #d3d3ce;
}

.socialBox li a {
    color: #d2d3ce;
    border-radius: 50% 50%;
    background: #2c2b2c;
    font-size: 1em !important;
    width: 34px !important;
    height: 34px !important;
    display: block;
    text-align: center;
    padding-top: 5px;
}

.modal-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 90%;
    height: 100%;
    border-left: 1px solid #eee;
    overflow-y: scroll;
    text-align: left;
    left: auto;
}

@media (min-width: 768px) {
    .modal-right {
        width: 500px;
    }
}

.modal-right-header {
    padding: 25px 15px 15px 15px;
}

.modal-right .modal-title {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
}

.modal-right,
.modal-content {
    background: #ffffff;
    color: #2c3e50;
    border: 0 !important;
}

.modal-right-body {
    padding: 0 15px 15px 15px;
}

.listCarritoDetalle {
    border-bottom: 1px solid #dadada;
}

.modal-right th {
    font-size: 0.875rem;
    /* 14px */
    line-height: 1.25rem;
    /* 20px */
    background-color: #D7CA82;
    text-transform: uppercase;
    font-weight: bold;
    /*border-bottom:  2px solid #FEB813;
	border-top:  2px solid #FEB813;*/

}

.modal-right td {
    line-height: 1.2;
    vertical-align: middle;
}

.modal-right td h2 {
    font-size: 24px;
}

.rowCantidad .btnRes {
    border-radius: 5px 0 0 5px;
    border: 1px solid #cacaca;
}

.rowCantidad .btnSum {
    border-radius: 0 5px 5px 0;
    border: 1px solid #cacaca;
}

.rowCantidad .inputNum {
    border-top: 1px solid #cacaca;
    padding-top: 5px;
    border-bottom: 1px solid #cacaca;
}

.rowCantidad button,
.rowCantidad input:focus-visible,
.rowCantidad input {
    border: 0;
}


.credit-card-box .payment-form-exp-col {
    padding-right: 5px !important;
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
}

.credit-card-box .payment-form-cvc-col {
    padding-left: 0px !important;
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
}

.no-stock {
    right: -8px;
    background: var(--yc-red);
    padding: 2px 15px 1px;
    top: -8px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--yc-white);
    width: 75px;
    height: 75px;
    line-height: 1;
    text-align: center;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.en-stock {
    right: -8px;
    /*background: #9b59b6;*/
    background: rgb(74, 222, 128);
    padding: 2px 15px 1px;
    top: -8px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--yc-white);
    width: 75px;
    height: 75px;
    line-height: 1;
    text-align: center;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.preventa {
    right: -8px;
    background: #f1c40f;
    padding: 2px 15px 1px;
    top: -8px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #222;
    width: 75px;
    height: 75px;
    line-height: 1;
    text-align: center;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.spinner>div {
    width: 14px;
    height: 14px;
    background-color: #222;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

#payment-platform-holder {
    /*min-height: 400px;*/
    min-height: 500px;
}

.alert.alert-warning {

    background-color: rgb(254, 252, 232);
    border: 0;
    border-radius: 0;
    border-left: 4px solid rgb(250, 204, 21);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    /*box-shadow: 0 0 #0000, 0 0 #0000,var(--tw-shadow);*/
}

.alert.alert-info {

    background-color: rgb(239, 246, 255);
    border: 0;
    border-radius: 0;
    border-left: 4px solid rgb(96, 165, 250);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    /*box-shadow: 0 0 #0000, 0 0 #0000,var(--tw-shadow);*/
}

.alert.alert-success {

    background-color: rgb(240, 253, 244);
    border: 0;
    border-radius: 0;
    border-left: 4px solid rgb(74, 222, 128);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    /*box-shadow: 0 0 #0000, 0 0 #0000,var(--tw-shadow);*/
}

.alert.alert-danger {
    background-color: rgb(254, 242, 242);
    border: 0;
    border-radius: 0;
    border-left: 4px solid rgb(248, 113, 113);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    /*box-shadow: 0 0 #0000, 0 0 #0000,var(--tw-shadow);*/
}

.carousel {
    padding-bottom: 35px;
}

.carousel-indicators {
    margin-top: 1rem;
    margin-bottom: 0;
}

.carousel-indicators li {
    background-color: var(--yc-red);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#loading {
    display: flex;
    background-color: rgba(243, 232, 20, 0.8);
    /* el blur que aplica al fondo que está detrás */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.form-group .help-block.error-block {
    display: block;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.container-xxl {
    width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1400px) {
    .container-xxl {
        max-width: 1320px;
    }
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--yc-light-yellow);
    font-weight: bold;
}

#carrito {
    min-height: calc(100vh - 298px - 256px - 148px - 3rem);
}

.wrapper-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
}

@media (min-width: 768px) {
    .wrapper-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .wrapper-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
    .wrapper-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

.form-check-input {
    margin-top:0;
}

.list-group-item.active {
    color: #000;
    background-color: #f6f6f6;
    border-color: #000;
    font-weight: 600;
}

.form-check-input:checked {
    background-color: #FFF;
    border: .42857142857142855em #000 solid;
}

.iti--allow-dropdown {
    width: 100%;
}

.iti--allow-dropdown .iti__flag-container {
    border-right: 1px solid #6F846D;
    z-index: 2;
    margin: 0.6rem 0;
    padding: 0 5px;
}
.iti--allow-dropdown input.iti__tel-input {
    width: 100%;
    /* background: red; */
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 1rem;
    border-radius: .375rem;
    box-shadow: none;
    border: 1px solid #dee2e6;
}

.btn-super {
    background-color: var(--yc-yellow);
    color: var(--yc-dark) !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    i {
        font-size: 1.5rem;
    }

    &:hover {
        background-color: var(--yc-white);
    }
}

/* Agregar a css/app.css */
.btn-favorite {
    transition: all 0.3s ease;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5d5d5;
    background-color: #e8e8e8;
    color: #333;
    position: absolute;
    bottom: -5px;
    right: 6px;
}

.btn-favorite:hover {
    transform: scale(1.1);
}

.btn-favorite.active {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.btn-favorite.active:hover {
    background-color: #c82333;
    border-color: #bd2130;
}
.buyed {
    top:0;
    bottom:0;
    width: 100%;
    /* background: #c82333; */
    background: rgba(243, 232, 20, 0.8);
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 1;
    border-bottom: 1px solid rgba(0,0,0,.125);
    text-transform: uppercase;
}

.buyed::before {
    content: "";
    position: absolute;
    inset: 0;
    /* Necesita transparencia para que actúe el blur */
    
    backdrop-filter: blur(5px) saturate(50%);
    -webkit-backdrop-filter: blur(5px) saturate(50%); 
    z-index: -1;
}