wip #7423 @1

diff --git a/resources/puma/planogramme/style.css b/resources/puma/planogramme/style.css
index cd0f79b108e05721e444656970379f68f0d6517e..2f3239d57769a441835f5eaebfbd7502c6e5daea 100644 (file)
--- a/resources/puma/planogramme/style.css
+++ b/resources/puma/planogramme/style.css
@@ -22,11 +22,30 @@
   font-size: 2.34mm;
   text-align: center;
   box-sizing: border-box;
+  -webkit-print-color-adjust: exact;
 }
 section {
   page-break-after: always;
   width: 297mm;
+  max-width: 297mm;
+  height: 209mm;
+  max-height: 209mm;
+  overflow: hidden;
   padding: 8mm 13mm;
+  position: relative;
+}
+section:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 10mm;
+  right: 13mm;
+  width: 30mm;
+  height: 17mm;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjQwLjI2NTY2bW0iCiAgIGhlaWdodD0iMTg1LjIwODMzbW0iCiAgIHZpZXdCb3g9IjAgMCAyNDAuMjY1NjYgMTg1LjIwODMzIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc1IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIgKGRjMmFlZGEsIDIwMjItMDUtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJMb2dvIEdhZGxhaW5zIGNvcGllLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c29kaXBvZGk6bmFtZWR2aWV3CiAgIGlkPSJuYW1lZHZpZXc3IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjMDAwMDAwIgogICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iMC4wOTc3NTM4MjgiCiAgIGlua3NjYXBlOmN4PSItMTgyMC45MDA2IgogICBpbmtzY2FwZTpjeT0iNzcyLjM0ODI3IgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0NDAiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjczNyIKICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgIGlua3NjYXBlOndpbmRvdy15PSIyNSIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNSIKICAgc2hvd2d1aWRlcz0iZmFsc2UiIC8+PGRlZnMKICAgaWQ9ImRlZnMyIiAvPjxnCiAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgaWQ9ImxheWVyMSIKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYzMjAzNCwtMjguNTg2NzM2KSIgLz4KICAgICAgICAgICA8ZwogICB2aWV3Qm94PSIwIDAgNDggMzciCiAgIGlkPSJwdW1hLWxvZ28iCiAgIHRyYW5zZm9ybT0ibWF0cml4KDUuMDA1NTgxNiwwLDAsNS4wMDU1ODE2LDAuMDAxOTAyMyw1Ljg0MDY3NDllLTQpIj48cGF0aAogICAgIGQ9Im0gNDcuNjg5LDAuNTE3IGMgLTAuODM0LC0xLjA2NiAtMi4yOTEsLTAuMjEzIC0yLjkzMywwLjE2IC00LjU2OSwyLjY5MiAtNS4yNDMsNy40MzIgLTYuODM0LDEwLjE1NCAtMS4yNTMsMi4xNzggLTMuMzA0LDMuNzc5IC01LjE1OSwzLjkwMyAtMS4zNzMsMC4wOTggLTIuODYxLC0wLjE2NyAtNC4zMzgsLTAuODEgLTMuNjEzLC0xLjU2MiAtNS41NiwtMy41ODMgLTYuMDM0LC0zLjk0IC0wLjk3MywtMC43MzkgLTguNDU5LC04LjAzIC0xNC41NTksLTguMzI3IDAsMCAtMC43NDQsLTEuNSAtMC45MywtMS41MjYgQyA2LjQ1NywwLjA4IDYsMS4wMzMgNS42NjksMS4xMzMgNS4zNjksMS4yMzggNC44NDQsMC4xMDkgNC41MzksMC4xNTggNC4yMzMsMC4yIDMuOTM2LDEuMzMgMy4zNCwxLjkxMyAyLjkwMSwyLjMzOCAyLjM2NywyLjMxMSAyLjA2NSwyLjgzOSAxLjk2MSwzLjAzMSAxLjk5NywzLjM2OSAxLjg3OSwzLjY3OSAxLjYyNiw0LjMyIDAuNzc3LDQuMzg3IDAuNzY5LDUuMDczIDAuNzY5LDUuODM1IDEuNDgzLDUuOTggMi4xMDcsNi41MTEgMi42MDMsNi45MzYgMi42MzcsNy4yMzYgMy4yMTYsNy40MzUgMy43MzEsNy42MTEgNC40OCw3LjA2MSA1LjE0NCw3LjI1OCA1LjY5Nyw3LjQyMSA2LjIyOSw3LjUzNyA2LjM0OCw4LjEwNCA2LjQ1Niw4LjYxNyA2LjM0OCw5LjQyIDUuNjY2LDkuMzMgNS40NDQsOS4zIDQuNDcyLDguOTgyIDMuMjcxLDkuMTEgMS44MjEsOS4yNjQgMC4xNjYsOS43MjggMC4wMDQsMTEuMzMgYyAtMC4wODMsMC44OTUgMS4wMjgsMS45NDIgMi4xMSwxLjczMyAwLjc0MiwtMC4xNDMgMC4zOTIsLTEuMDEzIDAuNzk3LC0xLjQzMyAwLjUzNSwtMC41NDEgMy41NDUsMS44ODggNi4zNDQsMS44ODggMS4xODYsMCAyLjA2MywtMC4zIDIuOTM1LC0xLjIxIDAuMDc4LC0wLjA1NyAwLjE4NSwtMC4yMDMgMC4zMSwtMC4yMTggMC4xMTMsMC4wMTUgMC4zMjQsMC4xMjggMC4zOSwwLjE3NSAyLjI2MiwxLjc5MyAzLjk2Nyw1LjM5OSAxMi4yNiw1LjQ0MSAxLjE2NCwwLjAxNCAyLjQ5OCwwLjU1OCAzLjU5MSwxLjU1MyAwLjk2LDAuODY2IDEuNTI4LDIuMjUxIDIuMDc1LDMuNjUgMC44MzYsMi4xMDYgMi4zMjIsNC4xMzkgNC41ODQsNi40MDcgMC4xMTksMC4xMzUgMS45OCwxLjU2MSAyLjExOSwxLjY2NiAwLjAyNSwwLjAyMSAwLjE2OCwwLjMzNCAwLjEwNiwwLjUxIC0wLjAzOSwxLjM4IC0wLjI0NSw1LjM0IDIuNzMxLDUuNTA2IDAuNzMxLDAuMDQgMC41NDksLTAuNDYzIDAuNTQ5LC0wLjgyIC0wLjAxLC0wLjY4MyAtMC4xMjksLTEuMzcxIDAuMjI2LC0yLjA4IDAuNTA3LC0wLjk1NyAtMS4wNTEsLTEuNDE4IC0xLjAxNywtMy41MTMgMC4wMzcsLTEuNTY3IC0xLjI5MSwtMS4zMDIgLTEuOTY5LC0yLjQ5OCAtMC4zODEsLTAuNjg3IC0wLjczNiwtMS4wNjUgLTAuNjk5LC0xLjg5NCAwLjE0NSwtNC43NiAtMS4wMzQsLTcuODk2IC0xLjYxLC04LjY1NCAtMC40NTUsLTAuNTg3IC0wLjg0NywtMC44MDYgLTAuNDE0LC0xLjA3OCAyLjQ4MSwtMS42MzIgMy4wNSwtMy4xNSAzLjA1LC0zLjE1IDEuMzIsLTMuMDgxIDIuNTEyLC01Ljg5IDQuMTUsLTcuMTM4IDAuMzMyLC0wLjI0MSAxLjE3NywtMC44OCAxLjcwMywtMS4xMiAxLjUyNywtMC43MjUgMi4zNDYsLTEuMTU2IDIuNzc3LC0xLjU3NiAwLjcxMSwtMC42NzUgMS4yNywtMi4xMDcgMC41ODgsLTIuOTYgeiIKICAgICBpZD0icGF0aDE2NyIgLz48L2c+PC9zdmc+Cg==);
+  background-size: contain;
+  background-position: 100% 50%;
+  background-repeat: no-repeat;
 }
 section * {
   page-break-after: avoid;
@@ -36,7 +55,7 @@ section * {
   grid-template-columns: repeat(6, 1fr);
   grid-template-rows: repeat(3, auto);
   gap: 3mm 5mm;
-  margin-top: 10mm;
+  margin-top: 9mm;
 }
 .Footwear .products {
   grid-template-columns: repeat(5, 1fr);

diff --git a/resources/puma/planogramme/style.css.map b/resources/puma/planogramme/style.css.map
index 6d95b776f5620f262d7eef01f05547daef7140c5..aff2250103ff166b3fd2be380d2dd839ba4c7dee 100644 (file)
--- a/resources/puma/planogramme/style.css.map
+++ b/resources/puma/planogramme/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y3pFAAA;;AAIJ;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y9gFAAA;;AAGJ;EACI;IACI,eAAA;;;AAIR;EACI,UAAA;EACA,SAAA;EACA,yCAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;;AAGJ;EACI,wBAAA;EACA,YAAA;EACA,iBAAA;;AAHJ,OAKI;EACI,uBAAA;;AAIR;EACI,aAAA;EACA,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;EACA,YAAA;EACA,gBAAA;;AAEA,SAAU;EACN,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;;AAIR;EACI,aAAA;EACA,sBAAA;;EACA,8BAAA;;AAHJ,OAKI;EACI,eAAA;EACA,gBAAA;EACA,cAAA;;AAEA,SAAU,QALd;EAMQ,eAAA;EACA,gBAAA;;AAKZ;AAAI;EACA,iBAAA;EACA,gBAAA;EACA,yBAAA;;AAIJ;EAEI,gBAAA;EACA,iBAAA;;AAIJ;EACI,gBAAA;EACA,iBAAA;;AAGJ;EACI,gBAAA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y3pFAAA;;AAIJ;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y9gFAAA;;AAGJ;EACI;IACI,eAAA;;;AAIR;EACI,UAAA;EACA,SAAA;EACA,yCAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,iCAAA;;AAGJ;EACI,wBAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,OAAC;EACG,SAAS,EAAT;EACA,cAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,6oIAAA;EACA,wBAAA;EACA,6BAAA;EACA,4BAAA;;AArBR,OAwBI;EACI,uBAAA;;AAIR;EACI,aAAA;EACA,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;EACA,YAAA;EACA,eAAA;;AAEA,SAAU;EACN,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;;AAIR;EACI,aAAA;EACA,sBAAA;;EACA,8BAAA;;AAHJ,OAKI;EACI,eAAA;EACA,gBAAA;EACA,cAAA;;AAEA,SAAU,QALd;EAMQ,eAAA;EACA,gBAAA;;AAKZ;AAAI;EACA,iBAAA;EACA,gBAAA;EACA,yBAAA;;AAIJ;EAEI,gBAAA;EACA,iBAAA;;AAIJ;EACI,gBAAA;EACA,iBAAA;;AAGJ;EACI,gBAAA","file":"style.css"}
\ No newline at end of file

diff --git a/resources/puma/planogramme/style.less b/resources/puma/planogramme/style.less
index 44332f8bc2507becebb1cfd4131ff7e94e7556e3..0b49fde533e194ff429d62e0774b5a396361dac6 100644 (file)
--- a/resources/puma/planogramme/style.less
+++ b/resources/puma/planogramme/style.less
@@ -26,12 +26,32 @@
     font-size: 2.34mm;
     text-align: center;
     box-sizing: border-box;
+    -webkit-print-color-adjust: exact;
 }
 
 section {
     page-break-after: always;
     width: 297mm;
+    max-width: 297mm;
+    height: 209mm;
+    max-height: 209mm;
+    overflow: hidden;
     padding: 8mm 13mm;
+    position: relative;
+
+    &:before {
+        content: '';
+        display: block;
+        position: absolute;
+        top: 10mm;
+        right: 13mm;
+        width: 30mm;
+        height: 17mm;
+        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjQwLjI2NTY2bW0iCiAgIGhlaWdodD0iMTg1LjIwODMzbW0iCiAgIHZpZXdCb3g9IjAgMCAyNDAuMjY1NjYgMTg1LjIwODMzIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc1IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIgKGRjMmFlZGEsIDIwMjItMDUtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJMb2dvIEdhZGxhaW5zIGNvcGllLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c29kaXBvZGk6bmFtZWR2aWV3CiAgIGlkPSJuYW1lZHZpZXc3IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjMDAwMDAwIgogICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iMC4wOTc3NTM4MjgiCiAgIGlua3NjYXBlOmN4PSItMTgyMC45MDA2IgogICBpbmtzY2FwZTpjeT0iNzcyLjM0ODI3IgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0NDAiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjczNyIKICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgIGlua3NjYXBlOndpbmRvdy15PSIyNSIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNSIKICAgc2hvd2d1aWRlcz0iZmFsc2UiIC8+PGRlZnMKICAgaWQ9ImRlZnMyIiAvPjxnCiAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgaWQ9ImxheWVyMSIKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYzMjAzNCwtMjguNTg2NzM2KSIgLz4KICAgICAgICAgICA8ZwogICB2aWV3Qm94PSIwIDAgNDggMzciCiAgIGlkPSJwdW1hLWxvZ28iCiAgIHRyYW5zZm9ybT0ibWF0cml4KDUuMDA1NTgxNiwwLDAsNS4wMDU1ODE2LDAuMDAxOTAyMyw1Ljg0MDY3NDllLTQpIj48cGF0aAogICAgIGQ9Im0gNDcuNjg5LDAuNTE3IGMgLTAuODM0LC0xLjA2NiAtMi4yOTEsLTAuMjEzIC0yLjkzMywwLjE2IC00LjU2OSwyLjY5MiAtNS4yNDMsNy40MzIgLTYuODM0LDEwLjE1NCAtMS4yNTMsMi4xNzggLTMuMzA0LDMuNzc5IC01LjE1OSwzLjkwMyAtMS4zNzMsMC4wOTggLTIuODYxLC0wLjE2NyAtNC4zMzgsLTAuODEgLTMuNjEzLC0xLjU2MiAtNS41NiwtMy41ODMgLTYuMDM0LC0zLjk0IC0wLjk3MywtMC43MzkgLTguNDU5LC04LjAzIC0xNC41NTksLTguMzI3IDAsMCAtMC43NDQsLTEuNSAtMC45MywtMS41MjYgQyA2LjQ1NywwLjA4IDYsMS4wMzMgNS42NjksMS4xMzMgNS4zNjksMS4yMzggNC44NDQsMC4xMDkgNC41MzksMC4xNTggNC4yMzMsMC4yIDMuOTM2LDEuMzMgMy4zNCwxLjkxMyAyLjkwMSwyLjMzOCAyLjM2NywyLjMxMSAyLjA2NSwyLjgzOSAxLjk2MSwzLjAzMSAxLjk5NywzLjM2OSAxLjg3OSwzLjY3OSAxLjYyNiw0LjMyIDAuNzc3LDQuMzg3IDAuNzY5LDUuMDczIDAuNzY5LDUuODM1IDEuNDgzLDUuOTggMi4xMDcsNi41MTEgMi42MDMsNi45MzYgMi42MzcsNy4yMzYgMy4yMTYsNy40MzUgMy43MzEsNy42MTEgNC40OCw3LjA2MSA1LjE0NCw3LjI1OCA1LjY5Nyw3LjQyMSA2LjIyOSw3LjUzNyA2LjM0OCw4LjEwNCA2LjQ1Niw4LjYxNyA2LjM0OCw5LjQyIDUuNjY2LDkuMzMgNS40NDQsOS4zIDQuNDcyLDguOTgyIDMuMjcxLDkuMTEgMS44MjEsOS4yNjQgMC4xNjYsOS43MjggMC4wMDQsMTEuMzMgYyAtMC4wODMsMC44OTUgMS4wMjgsMS45NDIgMi4xMSwxLjczMyAwLjc0MiwtMC4xNDMgMC4zOTIsLTEuMDEzIDAuNzk3LC0xLjQzMyAwLjUzNSwtMC41NDEgMy41NDUsMS44ODggNi4zNDQsMS44ODggMS4xODYsMCAyLjA2MywtMC4zIDIuOTM1LC0xLjIxIDAuMDc4LC0wLjA1NyAwLjE4NSwtMC4yMDMgMC4zMSwtMC4yMTggMC4xMTMsMC4wMTUgMC4zMjQsMC4xMjggMC4zOSwwLjE3NSAyLjI2MiwxLjc5MyAzLjk2Nyw1LjM5OSAxMi4yNiw1LjQ0MSAxLjE2NCwwLjAxNCAyLjQ5OCwwLjU1OCAzLjU5MSwxLjU1MyAwLjk2LDAuODY2IDEuNTI4LDIuMjUxIDIuMDc1LDMuNjUgMC44MzYsMi4xMDYgMi4zMjIsNC4xMzkgNC41ODQsNi40MDcgMC4xMTksMC4xMzUgMS45OCwxLjU2MSAyLjExOSwxLjY2NiAwLjAyNSwwLjAyMSAwLjE2OCwwLjMzNCAwLjEwNiwwLjUxIC0wLjAzOSwxLjM4IC0wLjI0NSw1LjM0IDIuNzMxLDUuNTA2IDAuNzMxLDAuMDQgMC41NDksLTAuNDYzIDAuNTQ5LC0wLjgyIC0wLjAxLC0wLjY4MyAtMC4xMjksLTEuMzcxIDAuMjI2LC0yLjA4IDAuNTA3LC0wLjk1NyAtMS4wNTEsLTEuNDE4IC0xLjAxNywtMy41MTMgMC4wMzcsLTEuNTY3IC0xLjI5MSwtMS4zMDIgLTEuOTY5LC0yLjQ5OCAtMC4zODEsLTAuNjg3IC0wLjczNiwtMS4wNjUgLTAuNjk5LC0xLjg5NCAwLjE0NSwtNC43NiAtMS4wMzQsLTcuODk2IC0xLjYxLC04LjY1NCAtMC40NTUsLTAuNTg3IC0wLjg0NywtMC44MDYgLTAuNDE0LC0xLjA3OCAyLjQ4MSwtMS42MzIgMy4wNSwtMy4xNSAzLjA1LC0zLjE1IDEuMzIsLTMuMDgxIDIuNTEyLC01Ljg5IDQuMTUsLTcuMTM4IDAuMzMyLC0wLjI0MSAxLjE3NywtMC44OCAxLjcwMywtMS4xMiAxLjUyNywtMC43MjUgMi4zNDYsLTEuMTU2IDIuNzc3LC0xLjU3NiAwLjcxMSwtMC42NzUgMS4yNywtMi4xMDcgMC41ODgsLTIuOTYgeiIKICAgICBpZD0icGF0aDE2NyIgLz48L2c+PC9zdmc+Cg==);
+        background-size: contain;
+        background-position: 100% 50%;
+        background-repeat: no-repeat;
+    }
 
     * {
         page-break-after: avoid;
@@ -43,7 +63,7 @@ section {
     grid-template-columns: repeat(6, 1fr);
     grid-template-rows: repeat(3, auto);
     gap: 3mm 5mm;
-    margin-top: 10mm;
+    margin-top: 9mm;
 
     .Footwear & {
         grid-template-columns: repeat(5, 1fr);
@@ -61,7 +81,7 @@ article {
         max-height: 40mm;
         margin: 0 auto;
 
-        .Footwear &{
+        .Footwear & {
             max-width: 48mm;
             max-height: 30mm;
         }