added shop page

static/css/drop-in.css

@@ -0,0 +1,83 @@
+:root{
+    --cl-color-primary: var(--tertiary);
+    --cl-color-white: var(--content);
+}
+
+cl-availability-status[aria-disabled=true],cl-identity-status[aria-disabled=true]{
+    display:none
+}
+
+cl-price-amount{
+    color: var(--purple);
+    font-size:1em;
+    font-weight:600;
+    line-height:1.5em
+}
+
+cl-price-amount[type=compare-at]{
+    color: var(--content);
+    font-size:.875em;
+    font-weight:300;
+    line-height:1.25em;
+    text-decoration:line-through
+}
+
+cl-price-amount[type=compare-at]::part(strikethrough){
+    text-decoration:none
+}
+
+cl-add-to-cart{
+    display:inline-block;
+    background-image:none;
+    border:none;
+    font-weight:600;
+    color:var(--cl-color-white);
+    padding:.75rem 1rem .75rem 1rem;
+    border-radius: var(--radius);
+    background-color: var(--cl-color-primary);
+    cursor:default;
+    position: relative;
+    bottom: 0;
+}
+
+cl-add-to-cart:not([aria-disabled=true]){
+    background-color:var(--cl-color-primary);
+    cursor:pointer;
+}
+
+cl-cart-link,.cl-cart-link{
+    position:relative;
+    display:inline-block;
+    cursor:pointer;
+}
+
+cl-cart-link cl-cart-count,.cl-cart-link cl-cart-count{
+    position:absolute;
+    bottom:0;
+    right:0;
+    font-size:.5rem;
+    border-radius:50%;
+    background-color:var(--cl-color-primary);
+    min-width:1rem;
+    height:1rem;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    color:var(--cl-color-white);
+    transform:translate(120%, 0%);
+    padding:.2rem;
+}
+
+cl-cart-link cl-cart-count[hide-when-empty=""],cl-cart-link cl-cart-count[hide-when-empty=true],.cl-cart-link cl-cart-count[hide-when-empty=""],.cl-cart-link cl-cart-count[hide-when-empty=true]{
+    opacity:0
+}
+
+cl-cart-link cl-cart-count[quantity],.cl-cart-link cl-cart-count[quantity]{
+    transition:opacity .3s;opacity:1
+}
+
+cl-cart-link svg~cl-cart-count,.cl-cart-link svg~cl-cart-count{
+    bottom:0%;
+    right:0%;
+    transform:translate(30%, 0%);
+}

static/css/minicart.css

@@ -0,0 +1,69 @@
+cl-cart[type=mini]{
+  --cl-cart-mini-backdrop-bg: #000;
+  --cl-cart-mini-backdrop-opacity: 0.4;
+  --cl-cart-mini-backdrop-shadow: -1px 0px 10px rgba(0, 0, 0, .3);
+  --cl-cart-mini-modal-z-index: 100;
+  --cl-cart-mini-modal-bg: #fff;
+  --cl-cart-mini-modal-width: 400px;
+  --cl-cart-mini-modal-max-width: calc(100vw - 40px);
+  --cl-cart-mini-transition-duration: .3s;
+  --cl-cart-mini-transition-timing-function: ease-in-out;
+  display:flex;
+  cursor:auto;
+  position:fixed;
+  z-index:var(--cl-cart-mini-modal-z-index);
+  top:0;
+  width:var(--cl-cart-mini-modal-width);
+  max-width:var(--cl-cart-mini-modal-max-width);
+  height:100%;
+  pointer-events:none;
+  box-sizing:border-box;
+  box-shadow:none;
+  transition:box-shadow var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
+}
+
+cl-cart[type=mini]::before,cl-cart[type=mini]::after{
+  position:fixed;
+  content:" ";
+  opacity:0;
+  width:100%;
+  height:100%;
+  top:0;
+  right:0;
+  z-index:-1;
+  transition:opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
+}
+
+cl-cart[type=mini]::before{
+  background:var(--cl-cart-mini-backdrop-bg)
+}
+
+cl-cart[type=mini]::after{
+  position:fixed;
+  width:var(--cl-cart-mini-modal-width);
+  max-width:var(--cl-cart-mini-modal-max-width);
+  box-shadow:var(--cl-cart-mini-backdrop-shadow)
+}
+
+cl-cart[type=mini],cl-cart[type=mini]::after{
+  right:calc(var(--cl-cart-mini-modal-width)*-1 + 0px);
+  transition:right var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function),opacity var(--cl-cart-mini-transition-duration) var(--cl-cart-mini-transition-timing-function)
+}
+
+cl-cart[type=mini][open]:not([open=false]){
+  right:0;
+  pointer-events:initial
+}
+
+cl-cart[type=mini][open]:not([open=false])::before{
+  opacity:var(--cl-cart-mini-backdrop-opacity)
+}
+
+cl-cart[type=mini][open]:not([open=false])::after{
+  right:0;
+  opacity:1
+}
+
+body.cl-cart--open{
+  overflow:hidden
+}