/** Shopify CDN: Minification failed Line 1117:0 Unexpected "}" Line 10670:10 Expected identifier but found whitespace Line 10670:11 Unexpected "translateY(" **/ .swiper-container { pointer-events: all; }@font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: italic; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 700; font-style: italic; font-display: swap; src: url("//aurorapet.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), url("//aurorapet.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); } :root { /* Heading font*/--DTFontTypo_Heading: Inter, sans-serif;--font-style-header: normal; --font-weight-header: 400; --font-size-header: ; /* Body font*/--DTFontTypo_Body: Inter, sans-serif;--font-style-body: normal; --font-weight-body: 400; --font-weight-body--bold: 700; --font-weight-body--bolder: 700; --font-size-body: 18px; /* Custom font*/--DTFontTypo_Custom: Inter, sans-serif;--font-style-additional: normal; --font-weight-additional: 400; --font-size-additional: 18; /* Other colors */ --swiper-theme-color: #2f5d50 !important; --DTPrimaryColor: #2f5d50; --DTSecondaryColor: #f3ede5; --DTTertiaryColor: #e8e1d8; --DTBodyBGColor: #f9f7f4; --DTOverlayColor: rgba(243, 237, 229, 0.5); /*--DTOverlayColor: rgb(255 255 255 / 50%);*/ --DTLinkColor: #2f5d50; --DTLinkHoverColor: #264c42; --DTColor_Body: #2b2b2b; --DTColor_Heading: #1f2a28; --DTColor_Border: #e5dfd6; /* Error and alerts */ --DT_Error_Color: #D8000C; --DT_Success_Color:#4F8A10; --DT_Warning_Color:#9F6000; --DT_Info_Color: #31708f; /* Blog section */ --DT_Blog_Border_Radius: 0px; --DT_Blog_Gutter_Width: 30px; --DT_Blog_BG_Color:rgba(0,0,0,0); --DT_Blog_Link_Color:#2f5d50; --DT_Blog_Link_Hover_Color:#264c42; --DT_Blog_Text_Color: #2b2b2b; --DT_Blog_Icon_Color: #2f5d50; --DT_Blog_Button_BG_Color: #2f5d50; --DT_Blog_Button_Text_Color:#ffffff; --DT_Blog_Button_BG_Hover_Color: #264c42; --DT_Blog_Button_Text_Hover_Color:#ffffff; /* Overlay Style */ --DT_Blog_Link_Color_Overlay:#ffffff; --DT_Blog_Link_Hover_Color_Overlay:#ffffff; --DT_Blog_Text_Color_overlay: #ffffff; --DT_Blog_Icon_Color_overlay: #ffffff; --DT_Blog_Button_BG_Color_overlay: #2f5d50; --DT_Blog_Button_Text_Color_overlay:#ffffff; --DT_Blog_Button_BG_Hover_Color_overlay: #264c42; --DT_Blog_Button_Text_Hover_Color_overlay:#ffffff; /* Base Size */ --DTFontSizeBase: 18px; /* Heading Size */ --DTFontSize_H1: 42px; --DTFontSize_H2: 36px; --DTFontSize_H3: 30px; --DTFontSize_H4: 26px; --DTFontSize_H5: 22px; --DTFontSize_H6: 18px; --DT_Heading_Line_Height: 1.2em; --DT_Body_Line_Height: 1.6em; --DTRadius: 20px; --DTInputPadding: 10px 20px 10px 20px; --DTInputBackground: #ffffff; --DTform_BG: #f9f7f4; /* Products */ --DT_product_bg_color: #ffffff; --DT_product_text_color: #312237; --DT_product_title_color: #232121; --DT_product_title_hover_color: #2f5d50; --DT_product_vendor_color: #312237; --DT_product_icon_color: #2f5d50; --DT_product_icon_bg_color: ; --DT_product_icon_hover_color: #ffffff; --DT_product_icon_hover_bg_color: ; --DT_product_badge_color: #ff3f4a; /* Button Style */ --DTPadding_Btn: 14px 36px 10px 40px; --DT_Button_BG_Color: #2f5d50; --DT_Button_Text_Color: #ffffff; --DT_Button_BG_Hover_Color: #264c42; --DT_Button_border_Color: #2f5d50; --DT_Button_hover_border_Color: #264c42; --DT_Button_Text_Hover_Color: #ffffff; --DT_Button_Border_Radius: 12px; --DT_Button_border_width: 0px; --DTContainer: 1390px; --DT_Lap_Container: 1100px; --DT_Tab_Container: 960px; --DT_Container_Spacing: 8%; --DTGutter_Width: 30px; --DTBaseTransition: all 0.3s linear; --DTboxShadowcolor: #bbbbbb; --DTboxShadowcolor_light: #e9e9e9; --DTboxShadow: 0 0 10px var(--DTboxShadowcolor); --DTboxShadow_light: 0 0 10px var(--DTboxShadowcolor_light); /* Gradient Option */ --DT_Gradient: linear-gradient(310deg, rgba(17, 189, 251, 1) 15%, rgba(33, 249, 150, 1) 85%); --DT_Gradient_Hover: linear-gradient(228deg, rgba(21, 209, 252, 1) 14%, rgba(187, 48, 254, 1) 83%); } /*================ Vendor-specific styles ================*/ /* Magnigic pop-up */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:10000;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:10001;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;height:100%} .modal-popup.error{position:absolute;left:50%;top:40%;transform:translate(-50%,-40%)!important;text-align:center;width:100%} .mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out} .mfp-zoom{cursor:zoom-in} .mfp-auto-cursor .mfp-content{ overflow: auto; display: flex; align-items: center; max-height: 90vh; position: fixed; top: 0; bottom: 0; margin: auto; left: 5%; right: 5%; max-width: 90%; border-radius: var(--DTRadius); width: calc(var(--DTContainer) / 1.2); } .mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044} .mfp-preloader a{color:#ccc} .mfp-preloader a:hover{color:#fff} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-arrow, button.mfp-close{ box-shadow: none; overflow:visible;cursor:pointer;appearance:none;display:block;padding:0;z-index:1046;overflow:hidden;} button.mfp-arrow *,button.mfp-close *{pointer-events:none} button::-moz-focus-inner{padding:0;margin:0} .mfp-close{position:absolute !important;right:5px;top:5px;width:30px;height:30px;margin:0!important;display:block;transition:var(--DTBaseTransition)} .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px} .mfp-arrow{position:absolute;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:focus,.mfp-arrow:hover{opacity:1;-ms-filter:none;filter:none} .mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent} .mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow .mfp-a,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px} .mfp-arrow-left{left:0} .mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px} .mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px} .mfp-arrow-right{right:0} .mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:80%;height:auto} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);box-shadow:0 0 8px rgba(0,0,0,.4);background:#000} .mfp-iframe-holder .mfp-close{top:-40px} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);box-shadow:0 0 8px rgba(0,0,0,.4);background:#444} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px} .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px} .mfp-image-holder .mfp-content{max-width:100%; justify-content: center; } .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} .mfp-fade.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;-ms-transition:all .15s ease-out;transition:all .15s ease-out} .mfp-fade.mfp-bg.mfp-ready{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-fade.mfp-bg.mfp-removing{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-fade.mfp-wrap .mfp-content{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;-ms-transition:all .15s ease-out;transition:all .15s ease-out} .mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;-ms-filter:none;filter:none} .mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-zoom-in .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)} .mfp-zoom-in.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out} .mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-newspaper .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(0) rotate(500deg);-moz-transform:scale(0) rotate(500deg);-o-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg)} .mfp-newspaper.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s} .mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} .mfp-newspaper.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-newspaper.mfp-removing .mfp-with-anim{-webkit-transform:scale(0) rotate(500deg);-moz-transform:scale(0) rotate(500deg);-o-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-newspaper.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-move-horizontal .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)} .mfp-move-horizontal.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s} .mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} .mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-move-horizontal.mfp-removing .mfp-with-anim{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-o-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-move-from-top .mfp-with-anim{opacity:0} .mfp-move-from-top.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s} .mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;filter:none} .mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)} .mfp-move-from-top.mfp-removing .mfp-with-anim{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-move-from-top.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-3d-unfold .mfp-content{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px} .mfp-3d-unfold .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-60deg);-moz-transform:rotateY(-60deg);-o-transform:rotateY(-60deg);-ms-transform:rotateY(-60deg);transform:rotateY(-60deg)} .mfp-3d-unfold.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s} .mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)} .mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-3d-unfold.mfp-removing .mfp-with-anim{-webkit-transform:rotateY(60deg);-moz-transform:rotateY(60deg);-o-transform:rotateY(60deg);-ms-transform:rotateY(60deg);transform:rotateY(60deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-3d-unfold.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-zoom-out .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} .mfp-zoom-out.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out} .mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)} .mfp-zoom-out.mfp-removing .mfp-with-anim{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-zoom-out.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)} .mfp-dialog{padding:var(--DTGutter_Width);text-align:left;max-width:100%;margin:auto;position:relative;border-radius:var(--DTRadius);background-color: var(--DTBodyBGColor);} .mfp-search-dialog{width:100%;height:250px!important;} .mfp-dialog-full{margin:0;max-width:none;padding:0;overflow:auto} .mfp-dialog-full::-webkit-scrollbar{width:7px;background-color:#e6e6e6} .mfp-dialog-full::-webkit-scrollbar-thumb{background-color:grey} .mfp-dialog-full::-webkit-scrollbar-thumb:hover{background-color:#666} .mfp-dialog-full::-webkit-scrollbar-thumb:active{background-color:#4d4d4d} .mfp-dialog-full::-webkit-scrollbar-track{background-color:#4d4d4d} .mfp-subscribe-dialog{max-width:800px;padding:0} .mfp-subscribe-dialog .widget-title{margin-bottom:10px} .mfp-subscribe-dialog .mfp-close{color:#fff;opacity:1;-ms-filter:none;filter:none} .subscribe-dialog-inner{padding:20px 30px} .subscribe-dialog-bg{height:410px} .mfp-dialog-nav{color:#fff;background:0 0;margin:0;min-height:100vh;max-width:none} .mfp-dialog-nav .mfp-close{outline:0!important;color:#fff;font-size:60px;font-weight:100} .mfp-dialog-nav-container{margin-left:0} .mfp-dialog-product{max-width:960px;padding:0;margin:0 auto} .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-image:url(//aurorapet.com/cdn/shop/t/9/assets/loading.gif?v=73674180256688060711791741382); background-repeat: no-repeat; background-position: center; background-color: var(--DTBodyBGColor); } /***********************************************************************************/ /*Responsive*/ /***********************************************************************************/ @media (max-width:1199px) { .mfp-image-holder .mfp-content { max-width: 80vw; } .mfp-search-dialog{height:150px!important} .mfp-search-dialog .full-center{position:relative!important} } @media (max-width:767px) { .mfp-dialog { padding:15px; } } .dt-sc-main-heading a { color: inherit; text-decoration: none; } .dt-sc-main-heading a:hover { text-decoration: underline; } /* ========================================================= AURORA PET - CLEAN FINAL CUSTOM PACK Replace everything below .dt-sc-main-heading a:hover ========================================================= */ :root { --ap-text: #181818; --ap-muted: #6f6962; --ap-bg-soft: #f8f4ee; --ap-bg-soft-2: #efe6da; --ap-card: #ffffff; --ap-border: rgba(0, 0, 0, 0.06); --ap-green: #1f4d46; --ap-green-hover: #163c36; --ap-footer-main: #d8d0c7; --ap-footer-bottom: #232121; --ap-footer-bottom-text: #beb6ad; --ap-footer-heading: #1f4d46; --ap-footer-text-dark: #2b2b2b; } /* ========================================================= GLOBAL ========================================================= */ body { color: var(--ap-text); -webkit-font-smoothing: antialiased; } .card, .product-card, .collection-card { background: var(--ap-card); border-radius: 20px; border: 1px solid var(--ap-border); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.04); transition: all 0.25s ease; } .card:hover, .product-card:hover, .collection-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08); } /* ========================================================= HEADER / MENU / LOGO ========================================================= */ .header-wrapper, .shopify-section-header, .header, .header--top-center, .header--middle-left, .header--middle-center { background: #ffffff !important; box-shadow: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } .shopify-section-header-sticky, .header-wrapper--border-bottom { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important; } .header { padding-top: 18px !important; padding-bottom: 18px !important; } .header__heading, .header__heading-link, .header__heading-logo-wrapper { margin: 0 !important; padding: 0 !important; } .header__heading-logo, .header__heading-logo-wrapper img { max-height: 68px !important; width: auto !important; } .header__heading-link img { filter: saturate(0.98) contrast(1.02); } .header__inline-menu { margin-left: 16px !important; margin-right: 16px !important; } .header__menu-item, .header__inline-menu .list-menu__item, .header__inline-menu a, .list-menu__item { color: #44554F !important; font-weight: 600 !important; letter-spacing: 0.3px !important; font-size: 16px !important; text-transform: none !important; transition: opacity 0.2s ease, color 0.2s ease, transform 0.2s ease !important; } .header__menu-item:hover, .header__inline-menu .list-menu__item:hover, .header__inline-menu a:hover, .list-menu__item:hover { opacity: 0.72 !important; color: #181818 !important; transform: translateY(-1px); } .header__active-menu-item { text-decoration: none !important; font-weight: 600 !important; color: #181818 !important; } .header__active-menu-item::after, .header__menu-item::after, .list-menu__item::after { display: none !important; } .header__icons { gap: 6px !important; } .header__icon, .header__icon span, .header__icon .icon, .header svg, .header .icon { color: #181818 !important; stroke: currentColor !important; } .header__icon { width: 40px !important; height: 40px !important; transition: opacity 0.2s ease, transform 0.2s ease !important; } .header__icon:hover { opacity: 0.72 !important; transform: translateY(-1px); } .header__submenu, .mega-menu, .mega-menu__content, .header .list-menu--disclosure { background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important; border-radius: 18px !important; } .header__submenu a, .mega-menu__content a, .header .list-menu--disclosure a { color: #181818 !important; } .menu-drawer, .menu-drawer__inner-container, .menu-drawer__navigation { background: #ffffff !important; } .menu-drawer__menu-item, .menu-drawer__account, .menu-drawer summary, .menu-drawer a { color: #181818 !important; font-weight: 500 !important; } /* ========================================================= SITEWIDE BREADCRUMB BANNER ========================================================= */ .ap-breadcrumb, nav.breadcrumb.ap-breadcrumb, .breadcrumb.ap-breadcrumb { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--ap-bg-soft) 0%, var(--ap-bg-soft-2) 100%) !important; background-image: none !important; padding: 52px 0 !important; margin: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.04) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55); } .ap-breadcrumb::before, nav.breadcrumb.ap-breadcrumb::before, .breadcrumb.ap-breadcrumb::before { content: ""; position: absolute; top: -35px; right: -10px; width: 260px; height: 260px; pointer-events: none; opacity: 0.18; background: radial-gradient(circle at 50% 58%, rgba(255,255,255,0.50) 0 22px, transparent 23px), radial-gradient(circle at 28% 30%, rgba(255,255,255,0.42) 0 10px, transparent 11px), radial-gradient(circle at 72% 30%, rgba(255,255,255,0.42) 0 10px, transparent 11px), radial-gradient(circle at 18% 54%, rgba(255,255,255,0.34) 0 9px, transparent 10px), radial-gradient(circle at 82% 54%, rgba(255,255,255,0.34) 0 9px, transparent 10px); } .ap-breadcrumb::after, nav.breadcrumb.ap-breadcrumb::after, .breadcrumb.ap-breadcrumb::after { content: ""; position: absolute; bottom: -65px; left: -30px; width: 220px; height: 220px; pointer-events: none; opacity: 0.12; background: radial-gradient(circle at 50% 58%, rgba(255,255,255,0.42) 0 18px, transparent 19px), radial-gradient(circle at 28% 30%, rgba(255,255,255,0.30) 0 8px, transparent 9px), radial-gradient(circle at 72% 30%, rgba(255,255,255,0.30) 0 8px, transparent 9px), radial-gradient(circle at 18% 54%, rgba(255,255,255,0.24) 0 7px, transparent 8px), radial-gradient(circle at 82% 54%, rgba(255,255,255,0.24) 0 7px, transparent 8px); } .ap-breadcrumb .container, .ap-breadcrumb-inner { max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative; z-index: 2; } .ap-breadcrumb-content { max-width: 900px; } .ap-breadcrumb-title, .ap-breadcrumb .breadcrumb_title { margin: 0 0 6px !important; color: #181818 !important; font-size: clamp(32px, 4.3vw, 56px) !important; line-height: 1.04 !important; letter-spacing: -1px !important; font-weight: 700 !important; text-transform: none !important; transition: transform 0.3s ease; } .ap-breadcrumb:hover .ap-breadcrumb-title { transform: translateY(-1px); } .ap-breadcrumb-trail { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .ap-breadcrumb, .ap-breadcrumb a, .ap-breadcrumb span, .ap-breadcrumb .breadcrumb__sep { color: var(--ap-muted) !important; font-size: 15px !important; font-weight: 400 !important; text-decoration: none !important; } .ap-breadcrumb a { transition: color 0.2s ease, opacity 0.2s ease; } .ap-breadcrumb a:hover { color: #181818 !important; opacity: 1 !important; } .ap-breadcrumb .breadcrumb__sep { margin-left: 6px; margin-right: 6px; opacity: 0.65; } .breadcrumb, nav.breadcrumb, .breadcrumb.text-left, .breadcrumb.text-center, .breadcrumb.text-right { background-image: none !important; } .header-wrapper + .breadcrumb, .shopify-section-header + .breadcrumb, main .breadcrumb:first-child { margin-top: 0 !important; } /* ========================================================= GLOBAL BUTTONS ========================================================= */ button, .button, .btn { border-radius: 999px !important; padding: 12px 20px !important; font-weight: 500 !important; transition: all 0.2s ease; } .button--primary, .btn-primary { background: #2f2f2f !important; color: #ffffff !important; } .button--primary:hover, .btn-primary:hover { background: #1f1f1f !important; } /* ========================================================= SHOP BY PET FIXES ========================================================= */ .ap-cta-box .ap-btn.ap-btn-primary, .ap-cta-buttons .ap-btn.ap-btn-primary, .ap-cta-box a.ap-btn.ap-btn-primary, .ap-cta-buttons a.ap-btn.ap-btn-primary { background: #2f2f2f !important; color: #ffffff !important; border: 1px solid #2f2f2f !important; box-shadow: 0 8px 18px rgba(0,0,0,0.08) !important; } .ap-cta-box .ap-btn.ap-btn-primary:hover, .ap-cta-buttons .ap-btn.ap-btn-primary:hover, .ap-cta-box a.ap-btn.ap-btn-primary:hover, .ap-cta-buttons a.ap-btn.ap-btn-primary:hover { background: #1f1f1f !important; border-color: #1f1f1f !important; color: #ffffff !important; } .ap-shop-by-pet, .ap-shop-by-pet .page-width, .ap-bottom-copy, .ap-cta-box, .ap-cta-buttons { margin-bottom: 0 !important; padding-bottom: 0 !important; } .ap-cta-box { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* ========================================================= SHOP BY BRANDS EQUAL GRID ========================================================= */ .template-page .brand-grid, .template-page .brands-grid, .template-page .shop-by-brands, .template-page .brand-list, .template-page .brand-wrapper, .template-page .brand-section .row, .template-page .brand-section .grid, .template-page .brand-logos, .template-page .logo-bar, .template-page .logo-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; align-items: stretch !important; } .template-page .brand-grid .brand-item, .template-page .brands-grid .brand-item, .template-page .brand-list .brand-item, .template-page .shop-by-brands .brand-item, .template-page .brand-wrapper .brand-item, .template-page .brand-wrapper .brand-box, .template-page .brand-section .brand-item, .template-page .brand-section .brand-box, .template-page .brand-section .grid__item, .template-page .brand-section .dt-sc-column, .template-page .brand-logos .grid__item, .template-page .logo-grid .grid__item, .template-page .logo-bar .grid__item { height: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .template-page .brand-grid .brand-item > a, .template-page .brands-grid .brand-item > a, .template-page .brand-list .brand-item > a, .template-page .shop-by-brands .brand-item > a, .template-page .brand-wrapper .brand-box > a, .template-page .brand-wrapper .brand-item > a, .template-page .brand-section .brand-item > a, .template-page .brand-section .brand-box > a, .template-page .brand-section .grid__item > a, .template-page .brand-section .grid__item > div, .template-page .brand-section .dt-sc-column > div, .template-page .brand-logos .grid__item > a, .template-page .logo-grid .grid__item > a, .template-page .logo-bar .grid__item > a { height: 180px !important; min-height: 180px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 20px !important; background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; border-radius: 22px !important; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.04) !important; text-align: center !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease !important; } .template-page .brand-grid .brand-item > a:hover, .template-page .brands-grid .brand-item > a:hover, .template-page .brand-list .brand-item > a:hover, .template-page .shop-by-brands .brand-item > a:hover, .template-page .brand-wrapper .brand-box > a:hover, .template-page .brand-wrapper .brand-item > a:hover, .template-page .brand-section .brand-item > a:hover, .template-page .brand-section .brand-box > a:hover, .template-page .brand-section .grid__item > a:hover, .template-page .brand-section .grid__item > div:hover, .template-page .brand-section .dt-sc-column > div:hover, .template-page .brand-logos .grid__item > a:hover, .template-page .logo-grid .grid__item > a:hover, .template-page .logo-bar .grid__item > a:hover { transform: translateY(-4px) !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.07) !important; border-color: rgba(0, 0, 0, 0.1) !important; background: #fcfaf7 !important; } .template-page .brand-grid img, .template-page .brands-grid img, .template-page .brand-list img, .template-page .shop-by-brands img, .template-page .brand-wrapper img, .template-page .brand-section img, .template-page .brand-logos img, .template-page .logo-grid img, .template-page .logo-bar img { display: block !important; width: auto !important; max-width: 72% !important; max-height: 70px !important; height: auto !important; object-fit: contain !important; margin: 0 auto !important; transition: transform 0.25s ease !important; } .template-page .brand-grid a:hover img, .template-page .brands-grid a:hover img, .template-page .brand-list a:hover img, .template-page .shop-by-brands a:hover img, .template-page .brand-wrapper a:hover img, .template-page .brand-section a:hover img, .template-page .brand-logos a:hover img, .template-page .logo-grid a:hover img, .template-page .logo-bar a:hover img { transform: scale(1.04) !important; } /* ========================================================= FOOTER - FINAL CLEAN VERSION ========================================================= */ /* outer wrapper */ .footer, footer.footer, .site-footer, .shopify-section-group-footer-group, .footer-gradient { background: var(--ap-footer-main) !important; color: var(--ap-footer-text-dark) !important; border-top: 0 !important; box-shadow: none !important; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* remove pseudo layers and dark strips */ .footer::before, .footer::after, footer.footer::before, footer.footer::after, .site-footer::before, .site-footer::after, .shopify-section-group-footer-group::before, .shopify-section-group-footer-group::after { display: none !important; content: none !important; background: transparent !important; height: 0 !important; } /* top/main area */ .footer .footer__content-top, .footer .footer-top, .footer .site-footer__top, .footer .footer-blocks, .footer .footer__blocks-wrapper, .site-footer .footer__content-top, .site-footer .footer-top, .site-footer .site-footer__top, .site-footer .footer-blocks, .site-footer .footer__blocks-wrapper { background: var(--ap-footer-main) !important; color: var(--ap-footer-text-dark) !important; margin: 0 !important; padding-top: 40px !important; padding-bottom: 34px !important; border: 0 !important; box-shadow: none !important; } /* remove stray gap from wrappers above footer */ #container + .clearfix, .shifter-page + .clearfix, .off-canvas--viewport + .clearfix { display: none !important; margin: 0 !important; padding: 0 !important; } /* footer headings */ .footer .footer-block__heading, .footer h2, .footer h3, .footer h4, .site-footer .footer-block__heading, .site-footer h2, .site-footer h3, .site-footer h4 { color: var(--ap-footer-heading) !important; font-weight: 600 !important; letter-spacing: 0.2px !important; margin-bottom: 14px !important; } /* main area text and links */ .footer .footer__content-top, .footer .footer__content-top p, .footer .footer__content-top li, .footer .footer__content-top a, .footer .footer-top, .footer .footer-top p, .footer .footer-top li, .footer .footer-top a, .site-footer .footer__content-top, .site-footer .footer__content-top p, .site-footer .footer__content-top li, .site-footer .footer__content-top a, .site-footer .footer-top, .site-footer .footer-top p, .site-footer .footer-top li, .site-footer .footer-top a { color: var(--ap-footer-text-dark) !important; text-decoration: none !important; line-height: 1.75 !important; } .footer .footer__content-top a:hover, .footer .footer-top a:hover, .site-footer .footer__content-top a:hover, .site-footer .footer-top a:hover { color: var(--ap-green) !important; } /* slogan */ .footer p em, .site-footer p em { color: rgba(43,43,43,0.72) !important; } /* footer logo - compact refined */ .footer img, .site-footer img { filter: contrast(1.03) saturate(1.04); } /* Footer logo = Header logo */ .footer img[src*="logo"], .site-footer img[src*="logo"], .footer img[alt*="Aurora"], .site-footer img[alt*="Aurora"], .footer img[alt*="AURORA"], .site-footer img[alt*="AURORA"] { max-height: 68px !important; /* Header ile aynı */ width: auto !important; transform: none !important; transform-origin: left center !important; } /* social */ .footer .list-social__link, .site-footer .list-social__link, .footer .icon, .site-footer .icon { color: rgba(43,43,43,0.9) !important; stroke: currentColor !important; } .footer .list-social__link:hover, .site-footer .list-social__link:hover { color: var(--ap-green) !important; } /* newsletter wrapper reset */ .footer .newsletter, .footer .newsletter-form, .site-footer .newsletter, .site-footer .newsletter-form { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* newsletter layout */ .footer .newsletter-form, .site-footer .newsletter-form, .footer form.newsletter-form, .site-footer form.newsletter-form { display: grid !important; grid-template-columns: minmax(260px, 480px) 130px !important; align-items: center !important; column-gap: 14px !important; row-gap: 10px !important; } /* anything after first row spans full width */ .footer .newsletter-form > *:not(:first-child):not(:nth-child(2)), .site-footer .newsletter-form > *:not(:first-child):not(:nth-child(2)) { grid-column: 1 / -1 !important; } /* input */ .footer .field__input, .footer input[type="email"], .footer .newsletter-form__field-wrapper, .footer .newsletter-form__field-wrapper input, .site-footer .field__input, .site-footer input[type="email"], .site-footer .newsletter-form__field-wrapper, .site-footer .newsletter-form__field-wrapper input { width: 100% !important; min-width: 0 !important; height: 52px !important; min-height: 52px !important; line-height: 52px !important; margin: 0 !important; padding: 0 18px !important; box-sizing: border-box !important; background: rgba(255,255,255,0.18) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 16px !important; } .footer .field__input::placeholder, .footer input[type="email"]::placeholder, .site-footer .field__input::placeholder, .site-footer input[type="email"]::placeholder, .footer input::placeholder, .site-footer input::placeholder { color: rgba(255,255,255,0.68) !important; } /* button */ .footer button, .footer .button, .footer .newsletter-form__button, .site-footer button, .site-footer .button, .site-footer .newsletter-form__button { width: 130px !important; min-width: 130px !important; height: 52px !important; min-height: 52px !important; line-height: 52px !important; margin: 0 !important; padding: 0 24px !important; font-size: 17px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; justify-self: start !important; align-self: center !important; position: relative !important; top: 0 !important; background: var(--ap-green) !important; color: #ffffff !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 6px 14px rgba(0,0,0,0.15) !important; transition: all 0.2s ease !important; } .footer button:hover, .footer .button:hover, .footer .newsletter-form__button:hover, .site-footer button:hover, .site-footer .button:hover, .site-footer .newsletter-form__button:hover { background: var(--ap-green-hover) !important; color: #ffffff !important; transform: translateY(-1px) !important; } /* tighter grid spacing */ .footer .grid, .site-footer .grid { gap: 28px !important; } /* bottom bar only */ .site-footer__bottom, .footer__content-bottom, .footer .footer-bottom, .site-footer .footer-bottom { background: var(--ap-footer-bottom) !important; color: var(--ap-footer-bottom-text) !important; margin: 0 !important; padding-top: 14px !important; padding-bottom: 14px !important; border-top: none !important; box-shadow: none !important; } .footer__copyright, .footer__copyright *, .footer-bottom p, .site-footer__bottom p, .footer__content-bottom p, .copyright p, .footer-bottom small, .site-footer__bottom small, .footer__content-bottom small, .copyright small { text-align: center !important; } .payment-icons, .footer-bottom .payment-icons, .site-footer__bottom .payment-icons, .footer__content-bottom .payment-icons, .copyright .payment-icons { justify-content: center !important; } } /* links micro motion */ .footer a, .site-footer a { transition: color 0.2s ease, transform 0.2s ease !important; } .footer a:hover, .site-footer a:hover { transform: translateX(2px); } /* ========================================================= RESPONSIVE ========================================================= */ @media screen and (max-width: 1024px) { .template-page .brand-grid, .template-page .brands-grid, .template-page .shop-by-brands, .template-page .brand-list, .template-page .brand-wrapper, .template-page .brand-section .row, .template-page .brand-section .grid, .template-page .brand-logos, .template-page .logo-bar, .template-page .logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media screen and (max-width: 749px) { .header { padding-top: 10px !important; padding-bottom: 10px !important; } .header__heading-logo, .header__heading-logo-wrapper img { max-height: 42px !important; } .header__icon { width: 36px !important; height: 36px !important; } .ap-breadcrumb, nav.breadcrumb.ap-breadcrumb, .breadcrumb.ap-breadcrumb { padding: 34px 0 !important; } .ap-breadcrumb-title, .ap-breadcrumb .breadcrumb_title { font-size: 30px !important; letter-spacing: -0.6px !important; } .ap-breadcrumb, .ap-breadcrumb a, .ap-breadcrumb span, .ap-breadcrumb .breadcrumb__sep { font-size: 14px !important; } .ap-breadcrumb-content { max-width: 100%; } .ap-breadcrumb::before, nav.breadcrumb.ap-breadcrumb::before, .breadcrumb.ap-breadcrumb::before { width: 180px; height: 180px; opacity: 0.14; } .ap-breadcrumb::after, nav.breadcrumb.ap-breadcrumb::after, .breadcrumb.ap-breadcrumb::after { width: 150px; height: 150px; opacity: 0.10; } .template-page .brand-grid, .template-page .brands-grid, .template-page .shop-by-brands, .template-page .brand-list, .template-page .brand-wrapper, .template-page .brand-section .row, .template-page .brand-section .grid, .template-page .brand-logos, .template-page .logo-bar, .template-page .logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .template-page .brand-grid .brand-item > a, .template-page .brands-grid .brand-item > a, .template-page .brand-list .brand-item > a, .template-page .shop-by-brands .brand-item > a, .template-page .brand-wrapper .brand-box > a, .template-page .brand-wrapper .brand-item > a, .template-page .brand-section .brand-item > a, .template-page .brand-section .brand-box > a, .template-page .brand-section .grid__item > a, .template-page .brand-section .grid__item > div, .template-page .brand-section .dt-sc-column > div, .template-page .brand-logos .grid__item > a, .template-page .logo-grid .grid__item > a, .template-page .logo-bar .grid__item > a { height: 130px !important; min-height: 130px !important; border-radius: 18px !important; padding: 16px !important; } .template-page .brand-grid img, .template-page .brands-grid img, .template-page .brand-list img, .template-page .shop-by-brands img, .template-page .brand-wrapper img, .template-page .brand-section img, .template-page .brand-logos img, .template-page .logo-grid img, .template-page .logo-bar img { max-height: 52px !important; max-width: 78% !important; } .footer .footer__content-top, .footer .footer-top, .site-footer .footer__content-top, .site-footer .footer-top { padding-top: 22px !important; padding-bottom: 20px !important; } .footer .newsletter-form, .site-footer .newsletter-form, .footer form.newsletter-form, .site-footer form.newsletter-form { grid-template-columns: 1fr !important; } .footer button, .footer .button, .footer .newsletter-form__button, .site-footer button, .site-footer .button, .site-footer .newsletter-form__button { width: 100% !important; min-width: 0 !important; justify-self: stretch !important; } .footer .field__input, .footer input[type="email"], .site-footer .field__input, .site-footer input[type="email"] { min-height: 44px !important; height: 44px !important; line-height: 44px !important; } .footer button, .footer .button, .footer .newsletter-form__button, .site-footer button, .site-footer .button, .site-footer .newsletter-form__button { min-height: 44px !important; height: 44px !important; line-height: 44px !important; } } /* Footer social icons under logo */ .ap-footer-social-wrap { margin-top: 12px; } .ap-footer-social-wrap .dt-sc-list-inline { display: flex !important; align-items: center; gap: 13px; flex-wrap: wrap; } .ap-footer-social-wrap a, .ap-footer-social-wrap .dt-sc-social-icons a, .ap-footer-social-wrap .footer-social-icons a { color: #2b2b2b !important; transition: color 0.2s ease, transform 0.2s ease !important; } .ap-footer-social-wrap a:hover, .ap-footer-social-wrap .dt-sc-social-icons a:hover, .ap-footer-social-wrap .footer-social-icons a:hover { color: #1f4d46 !important; transform: translateY(-2px); } /* ========================================================= AURORA PET - FOOTER ULTIMATE FINAL OVERRIDE ========================================================= */ /* 1) Logo altındaki social icons yatay olsun */ .ap-footer-social-wrap, .ap-footer-social-wrap ul, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 13px !important; flex-wrap: wrap !important; padding: 0 !important; margin: 12px 0 0 0 !important; list-style: none !important; } .ap-footer-social-wrap li, .ap-footer-social-wrap .dt-sc-list-inline li, .ap-footer-social-wrap .dt-sc-social-icons li { display: inline-flex !important; margin: 0 !important; padding: 0 !important; } .ap-footer-social-wrap a, .ap-footer-social-wrap .dt-sc-list-inline a, .ap-footer-social-wrap .dt-sc-social-icons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #2b2b2b !important; transition: color 0.2s ease, transform 0.2s ease !important; } .ap-footer-social-wrap a:hover, .ap-footer-social-wrap .dt-sc-list-inline a:hover, .ap-footer-social-wrap .dt-sc-social-icons a:hover { color: #1f4d46 !important; transform: translateY(-2px) !important; } /* ========================================= FOOTER SOCIAL ICONS - FINAL REFINEMENT ========================================= */ .footer .list-social, .site-footer .list-social, .ap-footer-social-wrap, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons { display: flex !important; align-items: center !important; gap: 13px !important; } /* all icons perfectly centered */ .footer .list-social__item, .site-footer .list-social__item, .ap-footer-social-wrap li { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; } /* Footer social icons */ .footer .list-social svg, .site-footer .list-social svg, .ap-footer-social-wrap svg, .ap-footer-social-wrap i { width: 28px !important; height: 28px !important; } /* Icon spacing */ .footer .list-social, .site-footer .list-social, .ap-footer-social-wrap, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons { gap: 8px !important; } .footer .list-social__link, .site-footer .list-social__link { width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 2) Newsletter input + button aynı satırda ve hizalı olsun */ .site-footer .footer__newsletter { display: grid !important; grid-template-columns: minmax(260px, 560px) 130px !important; align-items: center !important; column-gap: 14px !important; row-gap: 10px !important; width: 100% !important; max-width: 720px !important; margin: 12px 0 14px 0 !important; float: none !important; position: static !important; } .site-footer .footer__newsletter > *:not(.footer__newsletter-input):not(.footer__newsletter-btn) { grid-column: 1 / -1 !important; } .site-footer .footer__newsletter-input, .site-footer .footer__newsletter input[type="email"], .site-footer .footer__newsletter input[type="email"]:focus { width: 100% !important; min-width: 0 !important; height: 52px !important; min-height: 52px !important; line-height: 52px !important; margin: 0 !important; padding: 0 18px !important; box-sizing: border-box !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,0.24) !important; background: rgba(255,255,255,0.16) !important; color: #ffffff !important; border-bottom: 1px solid rgba(255,255,255,0.24) !important; } .site-footer .footer__newsletter-btn, .site-footer .footer__newsletter button { position: static !important; right: auto !important; top: auto !important; width: 130px !important; min-width: 130px !important; height: 52px !important; min-height: 52px !important; line-height: 52px !important; margin: 0 !important; padding: 0 24px !important; justify-self: start !important; align-self: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: #1f4d46 !important; color: #ffffff !important; box-shadow: 0 6px 14px rgba(0,0,0,0.15) !important; transform: none !important; } .site-footer .footer__newsletter-btn:hover, .site-footer .footer__newsletter button:hover { background: #163c36 !important; color: #ffffff !important; transform: translateY(-1px) !important; } /* 3) Newsletter açıklaması altta tam genişlikte */ .site-footer .footer__newsletter + *, .site-footer .footer__newsletter-text, .site-footer #newsletter-footer > p, .site-footer #newsletter-footer .rte, .site-footer #newsletter-footer .note, .site-footer #newsletter-footer .errors { grid-column: 1 / -1 !important; } /* 4) Copyright üstündeki gereksiz siyah hissi kaldır */ .site-footer__bottom, .footer__content-bottom, footer .site-footer__bottom { margin: 0 !important; padding-top: 12px !important; padding-bottom: 12px !important; border-top: none !important; box-shadow: none !important; } .site-footer__bottom:before, .footer__content-bottom:before, footer .site-footer__bottom:before { height: 1px !important; margin: 0 !important; display: block !important; } .site-footer__top { padding-bottom: 24px !important; margin-bottom: 0 !important; } /* 5) Footer alt bar üstündeki siyah ekstra boşluğu kır */ .site-footer, footer.site-footer { padding-bottom: 0 !important; } .site-footer > .site-footer__bottom { position: relative !important; top: 0 !important; } /* 6) Mobil */ @media screen and (max-width: 749px) { .site-footer .footer__newsletter { grid-template-columns: 1fr !important; max-width: 100% !important; } .site-footer .footer__newsletter-btn, .site-footer .footer__newsletter button { width: 100% !important; min-width: 0 !important; justify-self: stretch !important; } .ap-footer-social-wrap, .ap-footer-social-wrap ul, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons { gap: 12px !important; } } /* Newsletter placeholder daha görünür */ .site-footer .footer__newsletter-input::placeholder, .site-footer .footer__newsletter input::placeholder { color: rgba(255, 255, 255, 0.78) !important; opacity: 1 !important; letter-spacing: 0.2px !important; } /* ========================================================= FINAL PREMIUM POLISH – FOOTER NEWSLETTER ========================================================= */ /* Input focus effect */ .site-footer .footer__newsletter-input:focus, .site-footer .footer__newsletter input:focus { outline: none !important; border: 1px solid rgba(255,255,255,0.4) !important; box-shadow: 0 0 0 3px rgba(31,77,70,0.15) !important; } /* Button hover refinement */ .site-footer .footer__newsletter-btn:hover, .site-footer .footer__newsletter button:hover { transform: translateY(-2px) scale(1.02) !important; } .template-page .ap-breadcrumb-title, .template-page .breadcrumb_title { font-size: clamp(26px, 3vw, 40px) !important; margin-bottom: 4px !important; } .template-page .ap-breadcrumb, .template-page .ap-breadcrumb a, .template-page .ap-breadcrumb span { font-size: 14px !important; } .ap-hero-content h1, .ap-hero h1 { font-size: clamp(38px, 5vw, 64px) !important; line-height: 1.02 !important; letter-spacing: -1.2px !important; } .ap-hero-content p, .ap-hero p { max-width: 780px !important; margin-left: auto !important; margin-right: auto !important; font-size: 20px !important; line-height: 1.6 !important; } .ap-hero .ap-btn, .ap-hero .button { min-height: 56px !important; padding: 0 24px !important; } .ap-pet-card:hover, .ap-category-card:hover, .ap-shop-by-pet .card:hover { transform: translateY(-6px) !important; box-shadow: 0 24px 50px rgba(0,0,0,0.08) !important; } .ap-pet-card img, .ap-category-card img, .ap-shop-by-pet .card img { display: block !important; width: 100% !important; height: 420px !important; object-fit: cover !important; } .ap-pet-card .content, .ap-category-card .content, .ap-shop-by-pet .card__content { padding: 28px !important; } .ap-pet-card h3, .ap-category-card h3, .ap-shop-by-pet .card h3 { font-size: 22px !important; margin-bottom: 12px !important; } .ap-shop-by-pet h2 { margin-bottom: 14px !important; } .ap-shop-by-pet p { line-height: 1.75 !important; } .ap-final-cta h2, .ap-bottom-cta h2, .ap-cta-box h2 { font-size: clamp(32px, 4vw, 52px) !important; line-height: 1.06 !important; } .ap-final-cta .ap-btn, .ap-bottom-cta .ap-btn, .ap-cta-box .ap-btn { min-height: 54px !important; padding: 0 22px !important; } .site-footer .footer__newsletter-input { backdrop-filter: blur(6px); } /* HARD FINAL FIX – kill any remaining gap */ .shopify-section-group-footer-group { margin-bottom: 0 !important; padding-bottom: 0 !important; } main + footer { margin-top: 0 !important; } /* ========================================================= AURORA PET – PREMIUM PAGE UPGRADE PACK hero overlay + soft animations + unified buttons + cards ========================================================= */ /* ------------------------------ 1) HERO – darker premium overlay ------------------------------- */ .ap-hero, .ap-hero-card, .ap-shop-by-pet .ap-hero, .ap-shop-by-pet .hero-banner, .ap-shop-by-pet .hero-card { position: relative !important; overflow: hidden !important; border-radius: 32px !important; box-shadow: 0 24px 60px rgba(0,0,0,0.10) !important; } .ap-hero::before, .ap-hero-card::before, .ap-shop-by-pet .ap-hero::before, .ap-shop-by-pet .hero-banner::before, .ap-shop-by-pet .hero-card::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient( 180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.28) 45%, rgba(0,0,0,0.34) 100% ) !important; z-index: 1 !important; pointer-events: none !important; } .ap-hero > *, .ap-hero-card > *, .ap-shop-by-pet .ap-hero > *, .ap-shop-by-pet .hero-banner > *, .ap-shop-by-pet .hero-card > * { position: relative !important; z-index: 2 !important; } .ap-hero h1, .ap-hero-card h1, .ap-shop-by-pet .ap-hero h1, .ap-shop-by-pet .hero-banner h1 { text-shadow: 0 2px 18px rgba(0,0,0,0.18) !important; } .ap-hero p, .ap-hero-card p, .ap-shop-by-pet .ap-hero p, .ap-shop-by-pet .hero-banner p { text-shadow: 0 2px 14px rgba(0,0,0,0.16) !important; } /* ------------------------------ 2) SECTION ENTRANCE – soft fade-up ------------------------------- */ @keyframes apFadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } .ap-shop-by-pet section, .ap-shop-by-pet .section, .ap-shop-by-pet .ap-pet-card, .ap-shop-by-pet .ap-category-card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { animation: apFadeUp 0.7s ease both; } .ap-shop-by-pet section:nth-child(2), .ap-shop-by-pet .section:nth-child(2) { animation-delay: 0.05s; } .ap-shop-by-pet section:nth-child(3), .ap-shop-by-pet .section:nth-child(3) { animation-delay: 0.10s; } .ap-shop-by-pet section:nth-child(4), .ap-shop-by-pet .section:nth-child(4) { animation-delay: 0.15s; } .ap-shop-by-pet section:nth-child(5), .ap-shop-by-pet .section:nth-child(5) { animation-delay: 0.20s; } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce) { .ap-shop-by-pet section, .ap-shop-by-pet .section, .ap-shop-by-pet .ap-pet-card, .ap-shop-by-pet .ap-category-card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { animation: none !important; } } /* ------------------------------ 3) BUTTON SYSTEM – one language ------------------------------- */ .ap-btn, .ap-shop-by-pet .button, .ap-shop-by-pet .btn, .ap-shop-by-pet a[class*="btn"], .ap-shop-by-pet button, .ap-shop-by-pet input[type="submit"] { min-height: 54px !important; padding: 0 22px !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 15px !important; letter-spacing: 0.1px !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 8px 22px rgba(0,0,0,0.05) !important; transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease !important; } /* Primary */ .ap-btn-primary, .ap-shop-by-pet .button--primary, .ap-shop-by-pet .btn-primary, .ap-shop-by-pet .is-primary { background: #1f1f1f !important; color: #ffffff !important; border-color: #1f1f1f !important; } /* Secondary / light */ .ap-btn-secondary, .ap-shop-by-pet .button--secondary, .ap-shop-by-pet .btn-secondary, .ap-shop-by-pet .is-secondary { background: rgba(255,255,255,0.88) !important; color: #1f1f1f !important; border-color: rgba(0,0,0,0.08) !important; backdrop-filter: blur(10px) !important; } /* Neutral ghost */ .ap-btn-ghost, .ap-shop-by-pet .button--ghost, .ap-shop-by-pet .btn-ghost { background: transparent !important; color: #1f1f1f !important; border-color: rgba(0,0,0,0.12) !important; box-shadow: none !important; } .ap-btn:hover, .ap-shop-by-pet .button:hover, .ap-shop-by-pet .btn:hover, .ap-shop-by-pet a[class*="btn"]:hover, .ap-shop-by-pet button:hover, .ap-shop-by-pet input[type="submit"]:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 30px rgba(0,0,0,0.08) !important; } .ap-btn-primary:hover, .ap-shop-by-pet .button--primary:hover, .ap-shop-by-pet .btn-primary:hover, .ap-shop-by-pet .is-primary:hover { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; } .ap-btn-secondary:hover, .ap-shop-by-pet .button--secondary:hover, .ap-shop-by-pet .btn-secondary:hover, .ap-shop-by-pet .is-secondary:hover { background: #ffffff !important; color: #111111 !important; } .ap-btn:focus-visible, .ap-shop-by-pet .button:focus-visible, .ap-shop-by-pet .btn:focus-visible, .ap-shop-by-pet button:focus-visible { outline: none !important; box-shadow: 0 0 0 4px rgba(31,77,70,0.16) !important; } /* ------------------------------ 4) CARDS – subtle glass/shadow language ------------------------------- */ .ap-pet-card, .ap-category-card, .ap-shop-by-pet .card, .ap-shop-by-pet .feature-card, .ap-shop-by-pet .benefit-card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta, .ap-shop-by-pet .favorites-card { background: rgba(255,255,255,0.68) !important; backdrop-filter: blur(12px) saturate(120%) !important; -webkit-backdrop-filter: blur(12px) saturate(120%) !important; border: 1px solid rgba(255,255,255,0.65) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.65) inset !important; border-radius: 28px !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .ap-pet-card:hover, .ap-category-card:hover, .ap-shop-by-pet .card:hover, .ap-shop-by-pet .feature-card:hover, .ap-shop-by-pet .benefit-card:hover, .ap-shop-by-pet .favorites-card:hover { transform: translateY(-6px) !important; background: rgba(255,255,255,0.74) !important; border-color: rgba(255,255,255,0.9) !important; box-shadow: 0 18px 40px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.72) inset !important; } .ap-pet-card img, .ap-category-card img, .ap-shop-by-pet .card img { border-top-left-radius: 28px !important; border-top-right-radius: 28px !important; } /* ------------------------------ 5) TYPOGRAPHY / SPACING polish ------------------------------- */ .ap-shop-by-pet h2, .ap-shop-by-pet h3 { letter-spacing: -0.4px !important; } .ap-shop-by-pet p { line-height: 1.75 !important; } .ap-shop-by-pet .section, .ap-shop-by-pet section { margin-bottom: 56px !important; } /* ------------------------------ 6) MOBILE balance ------------------------------- */ @media screen and (max-width: 749px) { .ap-hero, .ap-hero-card, .ap-shop-by-pet .ap-hero, .ap-shop-by-pet .hero-banner, .ap-shop-by-pet .hero-card, .ap-pet-card, .ap-category-card, .ap-shop-by-pet .card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { border-radius: 22px !important; } .ap-btn, .ap-shop-by-pet .button, .ap-shop-by-pet .btn, .ap-shop-by-pet button { min-height: 48px !important; padding: 0 18px !important; } } /* FINAL copyright bar top-gap fix */ .site-footer__bottom, .footer__content-bottom, footer .site-footer__bottom { padding-top: 0 !important; margin-top: 0 !important; } footer .site-footer__bottom div[class*="dt-sc-flex"], .site-footer__bottom .dt-sc-flex-space-between, .footer__content-bottom .dt-sc-flex-space-between { padding-top: 12px !important; padding-bottom: 12px !important; } .site-footer__bottom:before, .footer__content-bottom:before, footer .site-footer__bottom:before { display: block !important; height: 1px !important; margin: 0 !important; } /* ========================================================= AURORA PET – PRODUCT CATEGORY / SHOP BY PET FINAL PACK ========================================================= */ /* Scope only this page */ body.template-page[id*="product"], body#shop-by-pet, body#product-category { --ap-page-max: 1280px; --ap-soft: #f8f4ee; --ap-soft-2: #efe6da; --ap-card: rgba(255,255,255,0.72); --ap-card-border: rgba(255,255,255,0.72); --ap-shadow: 0 18px 40px rgba(0,0,0,0.06); --ap-shadow-hover: 0 24px 54px rgba(0,0,0,0.09); --ap-dark: #1f1f1f; --ap-green: #1f4d46; --ap-green-hover: #163c36; } /* 1) Breadcrumb / inner banner */ body.template-page[id*="product"] .ap-breadcrumb, body#product-category .ap-breadcrumb, body#shop-by-pet .ap-breadcrumb, body.template-page[id*="product"] nav.breadcrumb.ap-breadcrumb, body#product-category nav.breadcrumb.ap-breadcrumb, body#shop-by-pet nav.breadcrumb.ap-breadcrumb { padding: 30px 0 !important; } body.template-page[id*="product"] .ap-breadcrumb-title, body#product-category .ap-breadcrumb-title, body#shop-by-pet .ap-breadcrumb-title, body.template-page[id*="product"] .breadcrumb_title, body#product-category .breadcrumb_title, body#shop-by-pet .breadcrumb_title { font-size: clamp(28px, 3vw, 40px) !important; margin-bottom: 4px !important; letter-spacing: -0.6px !important; } /* 2) Hero */ .ap-hero, .ap-hero-card, .ap-shop-by-pet .ap-hero, .ap-shop-by-pet .hero-banner, .ap-shop-by-pet .hero-card { position: relative !important; overflow: hidden !important; border-radius: 34px !important; box-shadow: 0 26px 64px rgba(0,0,0,0.10) !important; } .ap-hero::before, .ap-hero-card::before, .ap-shop-by-pet .ap-hero::before, .ap-shop-by-pet .hero-banner::before, .ap-shop-by-pet .hero-card::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.28) 42%, rgba(0,0,0,0.34) 100%) !important; } .ap-hero > *, .ap-hero-card > *, .ap-shop-by-pet .ap-hero > *, .ap-shop-by-pet .hero-banner > *, .ap-shop-by-pet .hero-card > * { position: relative !important; z-index: 2 !important; } .ap-hero h1, .ap-hero-card h1, .ap-shop-by-pet .ap-hero h1, .ap-shop-by-pet .hero-banner h1 { font-size: clamp(40px, 5vw, 68px) !important; line-height: 1.02 !important; letter-spacing: -1.2px !important; text-shadow: 0 2px 18px rgba(0,0,0,0.16) !important; } .ap-hero p, .ap-hero-card p, .ap-shop-by-pet .ap-hero p, .ap-shop-by-pet .hero-banner p { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; font-size: 19px !important; line-height: 1.65 !important; text-shadow: 0 2px 14px rgba(0,0,0,0.14) !important; } /* 3) Buttons */ .ap-btn, .ap-shop-by-pet .button, .ap-shop-by-pet .btn, .ap-shop-by-pet a[class*="btn"], .ap-shop-by-pet button, .ap-shop-by-pet input[type="submit"] { min-height: 54px !important; padding: 0 22px !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 15px !important; letter-spacing: 0.1px !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 8px 22px rgba(0,0,0,0.05) !important; transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease !important; } .ap-shop-by-pet .ap-btn-primary, .ap-shop-by-pet .button--primary, .ap-shop-by-pet .btn-primary, .ap-shop-by-pet .is-primary { background: var(--ap-dark) !important; color: #ffffff !important; border-color: var(--ap-dark) !important; } .ap-shop-by-pet .ap-btn-secondary, .ap-shop-by-pet .button--secondary, .ap-shop-by-pet .btn-secondary, .ap-shop-by-pet .is-secondary { background: rgba(255,255,255,0.90) !important; color: var(--ap-dark) !important; border-color: rgba(0,0,0,0.08) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .ap-btn:hover, .ap-shop-by-pet .button:hover, .ap-shop-by-pet .btn:hover, .ap-shop-by-pet a[class*="btn"]:hover, .ap-shop-by-pet button:hover, .ap-shop-by-pet input[type="submit"]:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 30px rgba(0,0,0,0.08) !important; } /* 4) Cards */ .ap-pet-card, .ap-category-card, .ap-shop-by-pet .card, .ap-shop-by-pet .feature-card, .ap-shop-by-pet .benefit-card, .ap-shop-by-pet .favorites-card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { background: var(--ap-card) !important; backdrop-filter: blur(12px) saturate(120%) !important; -webkit-backdrop-filter: blur(12px) saturate(120%) !important; border: 1px solid var(--ap-card-border) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.68) inset !important; border-radius: 28px !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .ap-pet-card:hover, .ap-category-card:hover, .ap-shop-by-pet .card:hover, .ap-shop-by-pet .feature-card:hover, .ap-shop-by-pet .benefit-card:hover, .ap-shop-by-pet .favorites-card:hover { transform: translateY(-6px) !important; background: rgba(255,255,255,0.78) !important; border-color: rgba(255,255,255,0.92) !important; box-shadow: 0 18px 40px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.74) inset !important; } .ap-pet-card img, .ap-category-card img, .ap-shop-by-pet .card img { width: 100% !important; height: 420px !important; object-fit: cover !important; border-top-left-radius: 28px !important; border-top-right-radius: 28px !important; } .ap-pet-card .content, .ap-category-card .content, .ap-shop-by-pet .card__content { padding: 28px !important; } .ap-pet-card h3, .ap-category-card h3, .ap-shop-by-pet .card h3 { font-size: 22px !important; margin-bottom: 12px !important; letter-spacing: -0.4px !important; } /* 5) Soft section entrance */ @keyframes apFadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } .ap-shop-by-pet section, .ap-shop-by-pet .section, .ap-shop-by-pet .ap-pet-card, .ap-shop-by-pet .ap-category-card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { animation: apFadeUp 0.7s ease both; } @media (prefers-reduced-motion: reduce) { .ap-shop-by-pet section, .ap-shop-by-pet .section, .ap-shop-by-pet .ap-pet-card, .ap-shop-by-pet .ap-category-card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { animation: none !important; } } /* 6) Spacing / rhythm */ .ap-shop-by-pet .section, .ap-shop-by-pet section { margin-bottom: 56px !important; } .ap-shop-by-pet h2 { margin-bottom: 14px !important; letter-spacing: -0.5px !important; } .ap-shop-by-pet p { line-height: 1.75 !important; } /* 7) Final CTA */ .ap-final-cta, .ap-bottom-cta, .ap-cta-box { border-radius: 30px !important; background: linear-gradient(180deg, #f4ede3 0%, #efe6da 100%) !important; border: 1px solid rgba(0,0,0,0.06) !important; box-shadow: 0 18px 44px rgba(0,0,0,0.05) !important; padding: 42px 32px !important; } .ap-final-cta h2, .ap-bottom-cta h2, .ap-cta-box h2 { font-size: clamp(32px, 4vw, 52px) !important; line-height: 1.06 !important; } /* 8) Footer transition */ .ap-final-cta, .ap-bottom-cta, .ap-cta-box { margin-bottom: 24px !important; } /* 9) Mobile */ @media screen and (max-width: 749px) { .ap-hero, .ap-hero-card, .ap-shop-by-pet .ap-hero, .ap-shop-by-pet .hero-banner, .ap-shop-by-pet .hero-card, .ap-pet-card, .ap-category-card, .ap-shop-by-pet .card, .ap-shop-by-pet .ap-cta-box, .ap-shop-by-pet .ap-final-cta, .ap-shop-by-pet .ap-bottom-cta { border-radius: 22px !important; } .ap-pet-card img, .ap-category-card img, .ap-shop-by-pet .card img { height: 280px !important; } .ap-btn, .ap-shop-by-pet .button, .ap-shop-by-pet .btn, .ap-shop-by-pet button { min-height: 48px !important; padding: 0 18px !important; } } /* ========================================================= AURORA PET – PREMIUM GLASS NEWSLETTER (SUBTLE) ========================================================= */ /* Container (soft glass card hissi) */ .site-footer .footer__newsletter { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 18px !important; padding: 18px !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } /* Input – glass look */ .site-footer .footer__newsletter-input, .site-footer .footer__newsletter input[type="email"] { background: rgba(255,255,255,0.18) !important; border: 1px solid rgba(255,255,255,0.28) !important; border-radius: 14px !important; color: #ffffff !important; transition: all 0.25s ease !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } /* Input hover */ .site-footer .footer__newsletter-input:hover, .site-footer .footer__newsletter input[type="email"]:hover { background: rgba(255,255,255,0.22) !important; border-color: rgba(255,255,255,0.36) !important; } /* Input focus (premium glow) */ .site-footer .footer__newsletter-input:focus, .site-footer .footer__newsletter input[type="email"]:focus { background: rgba(255,255,255,0.24) !important; border-color: rgba(255,255,255,0.45) !important; box-shadow: 0 0 0 3px rgba(31,77,70,0.18) !important; outline: none !important; } /* Placeholder (senin mevcut ayarınla uyumlu) */ .site-footer .footer__newsletter-input::placeholder, .site-footer .footer__newsletter input::placeholder { color: rgba(255,255,255,0.78) !important; } /* Button – daha rafine */ .site-footer .footer__newsletter-btn, .site-footer .footer__newsletter button { background: #1f4d46 !important; border-radius: 999px !important; box-shadow: 0 6px 16px rgba(0,0,0,0.18) !important; transition: all 0.25s ease !important; } /* Button hover */ .site-footer .footer__newsletter-btn:hover, .site-footer .footer__newsletter button:hover { background: #163c36 !important; transform: translateY(-2px) !important; box-shadow: 0 10px 22px rgba(0,0,0,0.22) !important; } /* ========================================================= AURORA PET – PREMIUM GLASS NEWSLETTER (SUBTLE) ========================================================= */ /* Container (soft glass card hissi) */ .site-footer .footer__newsletter { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 18px !important; padding: 18px !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } /* Input – glass look */ .site-footer .footer__newsletter-input, .site-footer .footer__newsletter input[type="email"] { background: rgba(255,255,255,0.18) !important; border: 1px solid rgba(255,255,255,0.28) !important; border-radius: 14px !important; color: #ffffff !important; transition: all 0.25s ease !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } /* Input hover */ .site-footer .footer__newsletter-input:hover, .site-footer .footer__newsletter input[type="email"]:hover { background: rgba(255,255,255,0.22) !important; border-color: rgba(255,255,255,0.36) !important; } /* Input focus (premium glow) */ .site-footer .footer__newsletter-input:focus, .site-footer .footer__newsletter input[type="email"]:focus { background: rgba(255,255,255,0.24) !important; border-color: rgba(255,255,255,0.45) !important; box-shadow: 0 0 0 3px rgba(31,77,70,0.18) !important; outline: none !important; } /* Placeholder */ .site-footer .footer__newsletter-input::placeholder, .site-footer .footer__newsletter input::placeholder { color: rgba(255,255,255,0.78) !important; } /* Button – refined */ .site-footer .footer__newsletter-btn, .site-footer .footer__newsletter button { background: #1f4d46 !important; border-radius: 999px !important; box-shadow: 0 6px 16px rgba(0,0,0,0.18) !important; transition: all 0.25s ease !important; } /* Button hover */ .site-footer .footer__newsletter-btn:hover, .site-footer .footer__newsletter button:hover { background: #163c36 !important; transform: translateY(-2px) !important; box-shadow: 0 10px 22px rgba(0,0,0,0.22) !important; } /* ========================================================= GLOBAL PRODUCT CARD IMAGE ALIGNMENT FIX ========================================================= */ /* Product card media area */ .product-card .product-image, .product-card .product-image a, .product-card .product-image-wrapper, .product-card .card__media, .product-card .card__media a, .product-card .media, .product-card .media > a, .product-grid .card__media, .product-grid .media, .collection-grid .card__media, .related-products .card__media, .recommended-products .card__media, .recommended-products .media, .product-recommendations .card__media, .product-recommendations .media, ul.products li .image, ul.products li .product-image { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 260px !important; height: 260px !important; overflow: hidden !important; background: #ffffff !important; border-radius: 18px !important; } /* Make all product images behave consistently */ .product-card img, .product-card .card__media img, .product-card .media img, .product-grid img, .collection-grid img, .related-products img, .recommended-products img, .product-recommendations img, ul.products li img { display: block !important; width: auto !important; max-width: 88% !important; height: auto !important; max-height: 220px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; } /* Prevent weird stretching from theme defaults */ .product-card .media img, .product-card .card__media img, .product-grid .media img, .recommended-products .media img, .product-recommendations .media img { inset: auto !important; position: relative !important; transform: none !important; } /* Keep product cards visually even */ .product-card, .product-grid .card, .collection-grid .card, .related-products .card, .recommended-products .card, .product-recommendations .card { display: flex !important; flex-direction: column !important; height: 100% !important; } .product-card .card__content, .product-grid .card__content, .collection-grid .card__content, .related-products .card__content, .recommended-products .card__content, .product-recommendations .card__content { display: flex !important; flex-direction: column !important; justify-content: space-between !important; flex: 1 1 auto !important; } /* Optional hover polish */ .product-card:hover .card__media, .product-grid .card:hover .card__media, .recommended-products .card:hover .card__media, .product-recommendations .card:hover .card__media { box-shadow: 0 10px 24px rgba(0,0,0,0.05) !important; } /* ========================================= RECOMMENDED PRODUCTS – THEME MATCHED FINAL FIX (targets actual theme markup) ========================================= */ /* Section wrapper */ .recommended-products, .product-recommendations, .related-products { overflow: hidden !important; } /* Actual slider track in this theme */ .recommended-products .dt-sc-featured-collection-section.swiper-wrapper, .product-recommendations .dt-sc-featured-collection-section.swiper-wrapper, .related-products .dt-sc-featured-collection-section.swiper-wrapper { align-items: stretch !important; } /* Actual product item */ .recommended-products li.grid-item.product-grid-item, .product-recommendations li.grid-item.product-grid-item, .related-products li.grid-item.product-grid-item { height: auto !important; } .recommended-products li.grid-item.product-grid-item > .products, .product-recommendations li.grid-item.product-grid-item > .products, .related-products li.grid-item.product-grid-item > .products { height: 100% !important; } .recommended-products li.grid-item.product-grid-item .product-container, .product-recommendations li.grid-item.product-grid-item .product-container, .related-products li.grid-item.product-grid-item .product-container { display: flex !important; flex-direction: column !important; height: 100% !important; background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; border-radius: 24px !important; box-shadow: 0 10px 26px rgba(0,0,0,0.04) !important; overflow: hidden !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important; } .recommended-products li.grid-item.product-grid-item .product-container:hover, .product-recommendations li.grid-item.product-grid-item .product-container:hover, .related-products li.grid-item.product-grid-item .product-container:hover { transform: translateY(-3px) !important; box-shadow: 0 16px 34px rgba(0,0,0,0.07) !important; border-color: rgba(0,0,0,0.10) !important; } /* Clickable card area */ .recommended-products a.grid-link.product-group, .product-recommendations a.grid-link.product-group, .related-products a.grid-link.product-group { display: block !important; text-decoration: none !important; } /* Real image wrapper */ .recommended-products .image_group, .product-recommendations .image_group, .related-products .image_group { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 240px !important; min-height: 240px !important; padding: 18px !important; background: #ffffff !important; border-bottom: 1px solid rgba(0,0,0,0.04) !important; overflow: hidden !important; } /* Theme image classes */ .recommended-products img.featured-image, .recommended-products img.teaser, .product-recommendations img.featured-image, .product-recommendations img.teaser, .related-products img.featured-image, .related-products img.teaser { display: block !important; width: auto !important; height: auto !important; max-width: 82% !important; max-height: 170px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; transform: none !important; transition: transform 0.3s ease !important; } .recommended-products .product-container:hover img.featured-image, .recommended-products .product-container:hover img.teaser, .product-recommendations .product-container:hover img.featured-image, .product-recommendations .product-container:hover img.teaser, .related-products .product-container:hover img.featured-image, .related-products .product-container:hover img.teaser { transform: scale(1.03) !important; } /* Product title and meta area in this theme */ .recommended-products .product-detail, .recommended-products .product-caption, .recommended-products .product_bottom_detail, .recommended-products .product-price, .product-recommendations .product-detail, .product-recommendations .product-caption, .product-recommendations .product_bottom_detail, .product-recommendations .product-price, .related-products .product-detail, .related-products .product-caption, .related-products .product_bottom_detail, .related-products .product-price { padding-left: 18px !important; padding-right: 18px !important; } /* Safer text clamp across common title nodes in this theme */ .recommended-products .grid-link .product-title, .recommended-products .products h4, .recommended-products .products h5, .recommended-products .products .title, .recommended-products .products .product-title, .recommended-products .products .grid-link, .product-recommendations .grid-link .product-title, .product-recommendations .products h4, .product-recommendations .products h5, .product-recommendations .products .title, .product-recommendations .products .product-title, .product-recommendations .products .grid-link, .related-products .grid-link .product-title, .related-products .products h4, .related-products .products h5, .related-products .products .title, .related-products .products .product-title, .related-products .products .grid-link { line-height: 1.4 !important; } /* If title element exists separately */ .recommended-products .products .product-title, .product-recommendations .products .product-title, .related-products .products .product-title { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 2.8em !important; font-weight: 600 !important; color: #181818 !important; } /* Keep price visually calm */ .recommended-products .price, .recommended-products .price-item, .product-recommendations .price, .product-recommendations .price-item, .related-products .price, .related-products .price-item { font-size: 17px !important; font-weight: 500 !important; color: #2b2b2b !important; } /* Mobile */ @media (max-width: 767px) { .recommended-products .image_group, .product-recommendations .image_group, .related-products .image_group { height: 190px !important; min-height: 190px !important; padding: 14px !important; } .recommended-products img.featured-image, .recommended-products img.teaser, .product-recommendations img.featured-image, .product-recommendations img.teaser, .related-products img.featured-image, .related-products img.teaser { max-width: 84% !important; max-height: 140px !important; } } .ap-recommendations-grid li { list-style: none !important; } /* ========================================= STICKY ADD TO CART BAR – FINAL FIX ========================================= */ /* Sticky bar genel hizalama */ .sticky-addtocart, .sticky-add-to-cart, .product-sticky-form, .sticky_cart, .sticky-cart, .dt-sc-sticky-addtocart, .dt-sc-product-sticky, .product-sticky-cart-form { display: flex !important; align-items: center !important; } /* Add to cart button hizası */ .sticky-addtocart .dt-sc-btn, .sticky-addtocart button, .sticky-add-to-cart .dt-sc-btn, .sticky-add-to-cart button, .product-sticky-form .dt-sc-btn, .product-sticky-form button, .sticky_cart .dt-sc-btn, .sticky_cart button, .sticky-cart .dt-sc-btn, .sticky-cart button, .dt-sc-sticky-addtocart .dt-sc-btn, .dt-sc-sticky-addtocart button, .dt-sc-product-sticky .dt-sc-btn, .dt-sc-product-sticky button, .product-sticky-cart-form .dt-sc-btn, .product-sticky-cart-form button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; height: 48px !important; line-height: 1 !important; padding: 0 24px !important; } /* Button text tam ortada olsun */ .sticky-addtocart .dt-sc-btn span, .sticky-addtocart button span, .sticky-add-to-cart .dt-sc-btn span, .sticky-add-to-cart button span, .product-sticky-form .dt-sc-btn span, .product-sticky-form button span, .sticky_cart .dt-sc-btn span, .sticky_cart button span, .sticky-cart .dt-sc-btn span, .sticky-cart button span { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } /* Quantity alanı */ .sticky-addtocart .quantity, .sticky-addtocart .qty-box-set, .sticky-addtocart .quantity-wrapper, .sticky-add-to-cart .quantity, .sticky-add-to-cart .qty-box-set, .product-sticky-form .quantity, .product-sticky-form .qty-box-set, .sticky_cart .quantity, .sticky_cart .qty-box-set, .sticky-cart .quantity, .sticky-cart .qty-box-set { display: inline-flex !important; align-items: center !important; gap: 0 !important; } /* - ve + butonları */ .sticky-addtocart .quantity button, .sticky-addtocart .qty-box-set button, .sticky-add-to-cart .quantity button, .sticky-add-to-cart .qty-box-set button, .product-sticky-form .quantity button, .product-sticky-form .qty-box-set button, .sticky_cart .quantity button, .sticky_cart .qty-box-set button, .sticky-cart .quantity button, .sticky-cart .qty-box-set button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-height: 40px !important; line-height: 1 !important; padding: 0 !important; } /* Quantity input */ .sticky-addtocart .quantity input, .sticky-addtocart .qty-box-set input, .sticky-add-to-cart .quantity input, .sticky-add-to-cart .qty-box-set input, .product-sticky-form .quantity input, .product-sticky-form .qty-box-set input, .sticky_cart .quantity input, .sticky_cart .qty-box-set input, .sticky-cart .quantity input, .sticky-cart .qty-box-set input { height: 40px !important; min-height: 40px !important; line-height: 40px !important; text-align: center !important; padding: 0 !important; } /* Sticky bar içindeki ürün görseli dengeli */ .sticky-addtocart img, .sticky-add-to-cart img, .product-sticky-form img, .sticky_cart img, .sticky-cart img { max-height: 46px !important; width: auto !important; object-fit: contain !important; } /* Default Title gizle */ .sticky-addtocart .product-variant, .sticky-addtocart .variant-title, .sticky-addtocart .product-option, .sticky-addtocart .product-form__input .select__select, .sticky-add-to-cart .product-variant, .sticky-add-to-cart .variant-title, .product-sticky-form .product-variant, .product-sticky-form .variant-title, .sticky_cart .product-variant, .sticky_cart .variant-title, .sticky-cart .product-variant, .sticky-cart .variant-title { line-height: 1.2 !important; } /* Eğer yazı gerçekten 'Default Title' olarak düz text görünüyorsa gizle */ .sticky-addtocart .product-title + * , .sticky-add-to-cart .product-title + *, .product-sticky-form .product-title + *, .sticky_cart .product-title + *, .sticky-cart .product-title + * { line-height: 1.2 !important; } /* ========================================= STICKY / PRODUCT ADD TO CART BAR – REAL CLASS FIX ========================================= */ /* Add to cart button */ .dT_AddToCart, button.dT_AddToCart, .dt-sc-btn.dT_AddToCart { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; height: 48px !important; line-height: 1 !important; padding: 0 24px !important; vertical-align: middle !important; } .dT_AddToCart span, button.dT_AddToCart span, .dt-sc-btn.dT_AddToCart span { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; } /* Quantity wrapper */ .dt-sc-qty .quantity, .product-item-caption-qty { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } /* Minus / plus buttons */ .quantity-btn, .btn-number, .quantity-btn-minus, .quantity-btn-plus { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important; vertical-align: middle !important; } /* Quantity input */ .input-number, .quantity-btn-number, .product-form__input.input-number { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 56px !important; min-width: 56px !important; height: 40px !important; min-height: 40px !important; line-height: 40px !important; text-align: center !important; padding: 0 !important; margin: 0 !important; vertical-align: middle !important; } /* Sticky row visual alignment if wrapper exists */ .product-item-caption-qty, .product-form__item--submit, .product_payments_btns { display: flex !important; align-items: center !important; } /* Product image in sticky bar */ .sticky-addtocart img, .sticky-add-to-cart img, .product-sticky-form img, .sticky_cart img, .sticky-cart img, .dt-sc-sticky-addtocart img, .dt-sc-product-sticky img { max-height: 46px !important; width: auto !important; object-fit: contain !important; } /* Variant line a bit tighter if shown */ .variant-title, .product-variant, .product-option { line-height: 1.2 !important; } /* WHY SECTION CENTER ALIGN FIX */ .why-section, #shopify-section-why, .why-pet-section { text-align: center !important; } /* Açıklama ortala ve max width ver (çok yayılmasın) */ .why-section p, .why-pet-section p { max-width: 700px; margin: 0 auto 20px auto; } /* Feature list ortalama */ .why-section ul, .why-pet-section ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; padding: 0; margin-top: 20px; } /* Her item */ .why-section li, .why-pet-section li { list-style: none; text-align: center; min-width: 220px; } /* ========================================================= WHY PET PARENTS – APPLE STYLE MINI FEATURE CARDS ========================================================= */ /* Section wrapper */ .why-section, .why-pet-section, [class*="why-pet"], [class*="why_pet"], [id*="why-pet"], [id*="why_pet"] { text-align: center !important; } /* Heading */ .why-section h2, .why-pet-section h2, [class*="why-pet"] h2, [class*="why_pet"] h2, [id*="why-pet"] h2, [id*="why_pet"] h2 { text-align: center !important; margin-left: auto !important; margin-right: auto !important; max-width: 900px !important; letter-spacing: -0.6px !important; } /* Intro text */ .why-section > p, .why-pet-section > p, [class*="why-pet"] > p, [class*="why_pet"] > p, [id*="why-pet"] > p, [id*="why_pet"] > p { text-align: center !important; max-width: 760px !important; margin: 0 auto 28px auto !important; line-height: 1.75 !important; } /* Feature list into cards */ .why-section ul, .why-pet-section ul, [class*="why-pet"] ul, [class*="why_pet"] ul, [id*="why-pet"] ul, [id*="why_pet"] ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; list-style: none !important; padding: 0 !important; margin: 28px auto 0 auto !important; max-width: 980px !important; } /* Card item */ .why-section ul li, .why-pet-section ul li, [class*="why-pet"] ul li, [class*="why_pet"] ul li, [id*="why-pet"] ul li, [id*="why_pet"] ul li { list-style: none !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; text-align: left !important; min-height: 72px !important; padding: 18px 20px !important; border-radius: 20px !important; background: rgba(255,255,255,0.72) !important; border: 1px solid rgba(0,0,0,0.06) !important; box-shadow: 0 10px 26px rgba(0,0,0,0.04), 0 1px 0 rgba(255,255,255,0.7) inset !important; backdrop-filter: blur(10px) saturate(120%) !important; -webkit-backdrop-filter: blur(10px) saturate(120%) !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important; } /* Hover */ .why-section ul li:hover, .why-pet-section ul li:hover, [class*="why-pet"] ul li:hover, [class*="why_pet"] ul li:hover, [id*="why-pet"] ul li:hover, [id*="why_pet"] ul li:hover { transform: translateY(-3px) !important; box-shadow: 0 18px 38px rgba(0,0,0,0.07), 0 1px 0 rgba(255,255,255,0.8) inset !important; border-color: rgba(0,0,0,0.10) !important; } /* Icon styling */ .why-section ul li i, .why-section ul li svg, .why-section ul li img, .why-pet-section ul li i, .why-pet-section ul li svg, .why-pet-section ul li img, [class*="why-pet"] ul li i, [class*="why-pet"] ul li svg, [class*="why-pet"] ul li img, [class*="why_pet"] ul li i, [class*="why_pet"] ul li svg, [class*="why_pet"] ul li img, [id*="why-pet"] ul li i, [id*="why-pet"] ul li svg, [id*="why-pet"] ul li img, [id*="why_pet"] ul li i, [id*="why_pet"] ul li svg, [id*="why_pet"] ul li img { flex: 0 0 22px !important; width: 22px !important; height: 22px !important; object-fit: contain !important; color: #1f4d46 !important; } /* Text inside cards */ .why-section ul li span, .why-section ul li p, .why-pet-section ul li span, .why-pet-section ul li p, [class*="why-pet"] ul li span, [class*="why-pet"] ul li p, [class*="why_pet"] ul li span, [class*="why_pet"] ul li p, [id*="why-pet"] ul li span, [id*="why-pet"] ul li p, [id*="why_pet"] ul li span, [id*="why_pet"] ul li p { margin: 0 !important; line-height: 1.5 !important; } /* Mobile */ @media (max-width: 767px) { .why-section ul, .why-pet-section ul, [class*="why-pet"] ul, [class*="why_pet"] ul, [id*="why-pet"] ul, [id*="why_pet"] ul { grid-template-columns: 1fr !important; } .why-section ul li, .why-pet-section ul li, [class*="why-pet"] ul li, [class*="why_pet"] ul li, [id*="why-pet"] ul li, [id*="why_pet"] ul li { min-height: 64px !important; padding: 16px 16px !important; } } /* Aurora Pet - Final Trust Section Refinement */ .trust-container h3 { font-size: 36px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -0.8px !important; color: #1f2e2b !important; } .trust-container .trust-subtext { font-size: 17px !important; line-height: 1.55 !important; color: #555555 !important; } .trust-container .trust-item { min-height: 68px !important; padding: 16px 20px !important; } .trust-container .trust-icon { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 12px !important; } .trust-container .trust-icon svg { width: 18px !important; height: 18px !important; } @media screen and (max-width: 749px) { .trust-container h3 { font-size: 28px !important; letter-spacing: -0.4px !important; } .trust-container .trust-subtext { font-size: 15px !important; } } /* ========================================================= AURORA PET – RECOMMENDED PRODUCTS PREMIUM CARD SYSTEM ========================================================= */ /* Section spacing */ .ap-product-recommendations, .product-recommendations, .recommended-products { margin-top: 8px !important; } .ap-product-recommendations .section-header__title, .product-recommendations .section-header__title, .recommended-products .section-header__title { margin-bottom: 8px !important; letter-spacing: -0.4px !important; } /* Card shell */ .ap-product-recommendations .product-container, .product-recommendations .product-container, .recommended-products .product-container { background: rgba(255, 255, 255, 0.82) !important; border: 1px solid rgba(0, 0, 0, 0.06) !important; border-radius: 24px !important; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.04), 0 1px 0 rgba(255,255,255,0.70) inset !important; overflow: hidden !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; backdrop-filter: blur(10px) saturate(120%) !important; -webkit-backdrop-filter: blur(10px) saturate(120%) !important; } /* Whole-card hover */ .ap-product-recommendations .product-container:hover, .product-recommendations .product-container:hover, .recommended-products .product-container:hover { transform: translateY(-4px) !important; background: rgba(255,255,255,0.90) !important; border-color: rgba(0, 0, 0, 0.10) !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255,255,255,0.82) inset !important; } /* Image area */ .ap-product-recommendations .image_group, .product-recommendations .image_group, .recommended-products .image_group { position: relative !important; background: linear-gradient(180deg, #ffffff 0%, #fbf9f6 100%) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important; } /* Soft image zoom */ .ap-product-recommendations img.featured-image, .ap-product-recommendations img.teaser, .product-recommendations img.featured-image, .product-recommendations img.teaser, .recommended-products img.featured-image, .recommended-products img.teaser { transition: transform 0.35s ease, filter 0.35s ease !important; transform-origin: center center !important; } .ap-product-recommendations .product-container:hover img.featured-image, .ap-product-recommendations .product-container:hover img.teaser, .product-recommendations .product-container:hover img.featured-image, .product-recommendations .product-container:hover img.teaser, .recommended-products .product-container:hover img.featured-image, .recommended-products .product-container:hover img.teaser { transform: scale(1.04) !important; } /* Text area spacing */ .ap-product-recommendations .product-detail, .ap-product-recommendations .product-caption, .ap-product-recommendations .product_bottom_detail, .ap-product-recommendations .product-price, .product-recommendations .product-detail, .product-recommendations .product-caption, .product-recommendations .product_bottom_detail, .product-recommendations .product-price, .recommended-products .product-detail, .recommended-products .product-caption, .recommended-products .product_bottom_detail, .recommended-products .product-price { padding-left: 18px !important; padding-right: 18px !important; } /* Product title */ .ap-product-recommendations .product-title, .ap-product-recommendations .products h4, .ap-product-recommendations .products h5, .ap-product-recommendations .grid-link, .product-recommendations .product-title, .product-recommendations .products h4, .product-recommendations .products h5, .product-recommendations .grid-link, .recommended-products .product-title, .recommended-products .products h4, .recommended-products .products h5, .recommended-products .grid-link { color: #181818 !important; font-weight: 600 !important; letter-spacing: -0.2px !important; line-height: 1.42 !important; transition: color 0.2s ease !important; text-decoration: none !important; } .ap-product-recommendations .product-container:hover .product-title, .ap-product-recommendations .product-container:hover .products h4, .ap-product-recommendations .product-container:hover .products h5, .product-recommendations .product-container:hover .product-title, .product-recommendations .product-container:hover .products h4, .product-recommendations .product-container:hover .products h5, .recommended-products .product-container:hover .product-title, .recommended-products .product-container:hover .products h4, .recommended-products .product-container:hover .products h5 { color: #1f4d46 !important; } /* Clamp long titles more neatly */ .ap-product-recommendations .product-title, .product-recommendations .product-title, .recommended-products .product-title { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 2.85em !important; } /* Price */ .ap-product-recommendations .price, .ap-product-recommendations .price-item, .product-recommendations .price, .product-recommendations .price-item, .recommended-products .price, .recommended-products .price-item { color: #2b2b2b !important; font-weight: 500 !important; font-size: 17px !important; letter-spacing: -0.1px !important; } /* Rating / badges / vendor if present */ .ap-product-recommendations .vendor, .ap-product-recommendations .spr-badge, .ap-product-recommendations .badge, .product-recommendations .vendor, .product-recommendations .spr-badge, .product-recommendations .badge, .recommended-products .vendor, .recommended-products .spr-badge, .recommended-products .badge { opacity: 0.92 !important; } /* Buttons inside cards if any */ .ap-product-recommendations .dt-sc-btn, .product-recommendations .dt-sc-btn, .recommended-products .dt-sc-btn, .ap-product-recommendations button, .product-recommendations button, .recommended-products button { border-radius: 999px !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } .ap-product-recommendations .dt-sc-btn:hover, .product-recommendations .dt-sc-btn:hover, .recommended-products .dt-sc-btn:hover, .ap-product-recommendations button:hover, .product-recommendations button:hover, .recommended-products button:hover { transform: translateY(-2px) !important; } /* Improve list breathing room */ .ap-product-recommendations ul.ap-recommendations-grid, .product-recommendations ul.ap-recommendations-grid, .recommended-products ul.ap-recommendations-grid { gap: 26px !important; } /* Mobile refinement */ @media (max-width: 767px) { .ap-product-recommendations .product-container, .product-recommendations .product-container, .recommended-products .product-container { border-radius: 20px !important; } .ap-product-recommendations .product-detail, .ap-product-recommendations .product-caption, .ap-product-recommendations .product_bottom_detail, .ap-product-recommendations .product-price, .product-recommendations .product-detail, .product-recommendations .product-caption, .product-recommendations .product_bottom_detail, .product-recommendations .product-price, .recommended-products .product-detail, .recommended-products .product-caption, .recommended-products .product_bottom_detail, .recommended-products .product-price { padding-left: 14px !important; padding-right: 14px !important; } .ap-product-recommendations ul.ap-recommendations-grid, .product-recommendations ul.ap-recommendations-grid, .recommended-products ul.ap-recommendations-grid { gap: 18px !important; } } /* FORCE GRID – FINAL FIX */ .ap-product-recommendations ul { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 26px !important; } /* kill theme float system */ .ap-product-recommendations ul li, .ap-product-recommendations .grid-item, .ap-product-recommendations .product-grid-item { width: 100% !important; float: none !important; display: block !important; } /* ========================================================= PRODUCT GRID ITEM – PREMIUM CARD SYSTEM (targets actual product-grid-item.liquid markup) ========================================================= */ /* Grid item shell */ .ap-product-recommendations li.grid-item.product-grid-item, .product-recommendations li.grid-item.product-grid-item, .recommended-products li.grid-item.product-grid-item { list-style: none !important; } /* Card outer */ .ap-product-recommendations li.grid-item.product-grid-item .products, .product-recommendations li.grid-item.product-grid-item .products, .recommended-products li.grid-item.product-grid-item .products { height: 100% !important; margin: 0 !important; } .ap-product-recommendations li.grid-item.product-grid-item .product-container, .product-recommendations li.grid-item.product-grid-item .product-container, .recommended-products li.grid-item.product-grid-item .product-container { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; height: 100% !important; background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.86) 100%) !important; border: 1px solid rgba(0,0,0,0.06) !important; border-radius: 26px !important; box-shadow: 0 12px 30px rgba(0,0,0,0.045), 0 1px 0 rgba(255,255,255,0.72) inset !important; overflow: hidden !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease !important; } .ap-product-recommendations li.grid-item.product-grid-item .product-container:hover, .product-recommendations li.grid-item.product-grid-item .product-container:hover, .recommended-products li.grid-item.product-grid-item .product-container:hover { transform: translateY(-5px) !important; border-color: rgba(0,0,0,0.10) !important; box-shadow: 0 20px 42px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.82) inset !important; } /* Image area */ .ap-product-recommendations li.grid-item.product-grid-item .image_group, .product-recommendations li.grid-item.product-grid-item .image_group, .recommended-products li.grid-item.product-grid-item .image_group { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 240px !important; min-height: 240px !important; padding: 20px !important; background: linear-gradient(180deg, #ffffff 0%, #fbf9f6 100%) !important; border-bottom: 1px solid rgba(0,0,0,0.04) !important; overflow: hidden !important; } /* Product image */ .ap-product-recommendations li.grid-item.product-grid-item img.featured-image, .ap-product-recommendations li.grid-item.product-grid-item img.teaser, .product-recommendations li.grid-item.product-grid-item img.featured-image, .product-recommendations li.grid-item.product-grid-item img.teaser, .recommended-products li.grid-item.product-grid-item img.featured-image, .recommended-products li.grid-item.product-grid-item img.teaser { display: block !important; width: auto !important; height: auto !important; max-width: 84% !important; max-height: 172px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; transition: transform 0.35s ease, filter 0.35s ease !important; } .ap-product-recommendations li.grid-item.product-grid-item .product-container:hover img.featured-image, .ap-product-recommendations li.grid-item.product-grid-item .product-container:hover img.teaser, .product-recommendations li.grid-item.product-grid-item .product-container:hover img.featured-image, .product-recommendations li.grid-item.product-grid-item .product-container:hover img.teaser, .recommended-products li.grid-item.product-grid-item .product-container:hover img.featured-image, .recommended-products li.grid-item.product-grid-item .product-container:hover img.teaser { transform: scale(1.04) !important; } /* Title / price block */ .ap-product-recommendations li.grid-item.product-grid-item .product-detail, .product-recommendations li.grid-item.product-grid-item .product-detail, .recommended-products li.grid-item.product-grid-item .product-detail { padding: 18px 20px 22px !important; } /* Real title selector from snippet */ .ap-product-recommendations li.grid-item.product-grid-item .grid-link__title, .ap-product-recommendations li.grid-item.product-grid-item .grid-link__title a, .product-recommendations li.grid-item.product-grid-item .grid-link__title, .product-recommendations li.grid-item.product-grid-item .grid-link__title a, .recommended-products li.grid-item.product-grid-item .grid-link__title, .recommended-products li.grid-item.product-grid-item .grid-link__title a { color: #181818 !important; font-weight: 600 !important; letter-spacing: -0.2px !important; line-height: 1.42 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .ap-product-recommendations li.grid-item.product-grid-item .grid-link__title, .product-recommendations li.grid-item.product-grid-item .grid-link__title, .recommended-products li.grid-item.product-grid-item .grid-link__title { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 2.85em !important; margin-bottom: 10px !important; } .ap-product-recommendations li.grid-item.product-grid-item .product-container:hover .grid-link__title a, .product-recommendations li.grid-item.product-grid-item .product-container:hover .grid-link__title a, .recommended-products li.grid-item.product-grid-item .product-container:hover .grid-link__title a { color: #1f4d46 !important; } /* Price */ .ap-product-recommendations li.grid-item.product-grid-item .grid-link__meta, .product-recommendations li.grid-item.product-grid-item .grid-link__meta, .recommended-products li.grid-item.product-grid-item .grid-link__meta { margin-top: 4px !important; } .ap-product-recommendations li.grid-item.product-grid-item .price, .ap-product-recommendations li.grid-item.product-grid-item .price-item, .product-recommendations li.grid-item.product-grid-item .price, .product-recommendations li.grid-item.product-grid-item .price-item, .recommended-products li.grid-item.product-grid-item .price, .recommended-products li.grid-item.product-grid-item .price-item { font-size: 17px !important; font-weight: 500 !important; color: #2b2b2b !important; letter-spacing: -0.1px !important; } /* Optional badges refinement */ .ap-product-recommendations li.grid-item.product-grid-item .badge, .product-recommendations li.grid-item.product-grid-item .badge, .recommended-products li.grid-item.product-grid-item .badge { border-radius: 999px !important; } /* Mobile */ @media (max-width: 767px) { .ap-product-recommendations li.grid-item.product-grid-item .product-container, .product-recommendations li.grid-item.product-grid-item .product-container, .recommended-products li.grid-item.product-grid-item .product-container { border-radius: 20px !important; } .ap-product-recommendations li.grid-item.product-grid-item .image_group, .product-recommendations li.grid-item.product-grid-item .image_group, .recommended-products li.grid-item.product-grid-item .image_group { height: 200px !important; min-height: 200px !important; padding: 14px !important; } .ap-product-recommendations li.grid-item.product-grid-item img.featured-image, .ap-product-recommendations li.grid-item.product-grid-item img.teaser, .product-recommendations li.grid-item.product-grid-item img.featured-image, .product-recommendations li.grid-item.product-grid-item img.teaser, .recommended-products li.grid-item.product-grid-item img.featured-image, .recommended-products li.grid-item.product-grid-item img.teaser { max-width: 84% !important; max-height: 140px !important; } .ap-product-recommendations li.grid-item.product-grid-item .product-detail, .product-recommendations li.grid-item.product-grid-item .product-detail, .recommended-products li.grid-item.product-grid-item .product-detail { padding: 16px !important; } } /* ========================= FIX: CARD CONTENT ALIGN ========================= */ #shopify-section- .ap-recommendations-grid .product-container { justify-content: space-between !important; } /* Image üstte sabit */ #shopify-section- .ap-recommendations-grid .image_group { flex: 0 0 auto !important; } /* Content aşağıya düzgün yerleşsin */ #shopify-section- .ap-recommendations-grid .product-detail { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; flex: 1 1 auto !important; } /* Title */ #shopify-section- .ap-recommendations-grid .grid-link__title { margin-top: 12px !important; margin-bottom: 6px !important; } /* Price */ #shopify-section- .ap-recommendations-grid .price, #shopify-section- .ap-recommendations-grid .price-item { margin-top: 4px !important; } /* Kart minimum yükseklik */ #shopify-section- .ap-recommendations-grid .product-container { min-height: 340px !important; } /* ========================= FIX: CARD CONTENT ALIGN ========================= */ .ap-product-recommendations .ap-recommendations-grid .product-container { justify-content: space-between !important; min-height: 340px !important; } /* Image üstte sabit */ .ap-product-recommendations .ap-recommendations-grid .image_group { flex: 0 0 auto !important; } /* Content düzgün yerleşsin */ .ap-product-recommendations .ap-recommendations-grid .product-detail { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; flex: 1 1 auto !important; } /* Title */ .ap-product-recommendations .ap-recommendations-grid .grid-link__title { margin-top: 12px !important; margin-bottom: 6px !important; } /* Price */ .ap-product-recommendations .ap-recommendations-grid .price, .ap-product-recommendations .ap-recommendations-grid .price-item { margin-top: 4px !important; } /* ========================================================= AURORA PET – PRODUCT PAGE PREMIUM POLISH ========================================================= */ /* Main product section breathing room */ .template-product .product-template-section, .template-product .shopify-section[class*="product"], .template-product .product-template, .template-product .product-page, .template-product .product-single { margin-top: 8px !important; } /* Product page main grid/cards */ .template-product .product-template-section .row, .template-product .product-page .row, .template-product .product-single .row { align-items: flex-start !important; } /* Gallery side */ .template-product .product-gallery, .template-product .product-images, .template-product .product_left_part, .template-product .product-img-box, .template-product .product-photo-container { border-radius: 28px !important; } /* Main product image frame */ .template-product .product-gallery img, .template-product .product-images img, .template-product .product-featured-image, .template-product .product-photo-container img { border-radius: 22px !important; } /* Thumbnails */ .template-product .product-thumbnails img, .template-product .product-thumb img, .template-product .product-photo-thumbs img { border-radius: 16px !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important; } .template-product .product-thumbnails a:hover img, .template-product .product-thumb:hover img, .template-product .product-photo-thumbs a:hover img { transform: translateY(-2px) !important; } /* Buy box shell */ .template-product .product-summary, .template-product .product-shop, .template-product .product_right_part, .template-product .product-detail, .template-product .product-meta-block, .template-product .product-information { background: rgba(255,255,255,0.72) !important; border: 1px solid rgba(0,0,0,0.06) !important; border-radius: 28px !important; padding: 28px !important; box-shadow: 0 12px 30px rgba(0,0,0,0.04), 0 1px 0 rgba(255,255,255,0.72) inset !important; backdrop-filter: blur(10px) saturate(120%) !important; -webkit-backdrop-filter: blur(10px) saturate(120%) !important; } /* Product title */ .template-product h1.product-title, .template-product .product-title, .template-product .product-single__title, .template-product .product-title h1 { letter-spacing: -0.8px !important; line-height: 1.08 !important; margin-bottom: 12px !important; } /* Price */ .template-product .price, .template-product .price-item, .template-product .product-price, .template-product .product-price .money { letter-spacing: -0.2px !important; } /* Variant / selector spacing */ .template-product .selector-wrapper, .template-product .product-form__item, .template-product .product-form__input, .template-product .single-option-selector, .template-product select { margin-bottom: 14px !important; } /* Selects and inputs */ .template-product select, .template-product .single-option-selector, .template-product input[type="text"], .template-product input[type="number"] { min-height: 46px !important; border-radius: 16px !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: none !important; } /* Quantity and add to cart row */ .template-product .product-form__item--quantity, .template-product .product-item-caption-qty, .template-product .dt-sc-qty, .template-product .product-form__buttons, .template-product .product_payments_btns, .template-product .product-form-buttons { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; } /* Quantity buttons */ .template-product .quantity-btn, .template-product .btn-number { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; line-height: 1 !important; } /* Quantity input */ .template-product .input-number, .template-product .product-form__input.input-number, .template-product input[name="quantity"] { width: 58px !important; min-width: 58px !important; height: 42px !important; min-height: 42px !important; line-height: 42px !important; text-align: center !important; border-radius: 14px !important; padding: 0 !important; } /* Main Add to Cart button */ .template-product .dT_AddToCart, .template-product .product-form__cart-submit, .template-product button[name="add"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; height: 52px !important; padding: 0 28px !important; border-radius: 999px !important; line-height: 1 !important; box-shadow: 0 10px 24px rgba(0,0,0,0.08) !important; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important; } .template-product .dT_AddToCart:hover, .template-product .product-form__cart-submit:hover, .template-product button[name="add"]:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 32px rgba(0,0,0,0.12) !important; } /* Dynamic checkout / secondary buttons */ .template-product .shopify-payment-button button, .template-product .dt-sc-btn, .template-product .shopify-payment-button__button { border-radius: 999px !important; } /* Review badge / vendor / sub meta */ .template-product .product-vendor, .template-product .spr-badge, .template-product .shopify-product-reviews-badge, .template-product .product-inventory { opacity: 0.92 !important; margin-bottom: 10px !important; } /* Tabs / accordion / extra info cards */ .template-product .dt-sc-tabs-container, .template-product .product-description, .template-product .product-description-tab, .template-product .accordion, .template-product .product-tabs { border-radius: 24px !important; } /* Questions / extra CTA links */ .template-product a[href*="question"], .template-product .product-question-link, .template-product .ask-question { transition: color 0.2s ease !important; } /* Related blocks / below the fold cards */ .template-product .shopify-section .trust-container, .template-product .shopify-section .product-container, .template-product .shopify-section .ap-recommendations-grid .product-container { backdrop-filter: blur(8px) saturate(118%) !important; -webkit-backdrop-filter: blur(8px) saturate(118%) !important; } /* Mobile */ @media (max-width: 767px) { .template-product .product-summary, .template-product .product-shop, .template-product .product_right_part, .template-product .product-detail, .template-product .product-meta-block, .template-product .product-information { padding: 20px !important; border-radius: 22px !important; } .template-product .dT_AddToCart, .template-product .product-form__cart-submit, .template-product button[name="add"] { min-height: 48px !important; height: 48px !important; padding: 0 20px !important; } } .template-page .page-header, .template-page .breadcrumb { display: none !important; } .ap-category-cta { margin-top: 24px !important; margin-bottom: 60px !important; } .trust-item { transition: all 0.25s ease; } .trust-item:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); } :root { --ap-bg: #fcfaf7; --ap-surface: #f4ede4; --ap-surface-2: #efe6da; --ap-card: #ffffff; --ap-text: #181818; --ap-text-soft: #6b655f; --ap-border: rgba(0, 0, 0, 0.06); --ap-border-strong: rgba(0, 0, 0, 0.10); --ap-primary: #2f2f2f; --ap-primary-hover: #1f1f1f; --ap-accent: #1f4d46; --ap-accent-soft: rgba(31, 77, 70, 0.08); } .ap-display { letter-spacing: -0.9px; line-height: 1.04; } .ap-heading { letter-spacing: -0.6px; line-height: 1.12; } .ap-body { line-height: 1.75; color: var(--ap-text-soft); } .ap-btn-primary { background: var(--ap-primary); color: #fff; border: 1px solid var(--ap-primary); border-radius: 999px; } .ap-btn-primary:hover { background: var(--ap-primary-hover); border-color: var(--ap-primary-hover); } .ap-btn-secondary { background: #fff; color: var(--ap-text); border: 1px solid var(--ap-border-strong); border-radius: 999px; } .ap-btn-outline { background: transparent; color: var(--ap-text); border: 1px solid rgba(0,0,0,0.12); border-radius: 999px; } .ap-card { background: rgba(255,255,255,0.92); border: 1px solid var(--ap-border); border-radius: 26px; box-shadow: 0 12px 30px rgba(0,0,0,0.045); } .ap-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(0,0,0,0.08); } .ap-policy-hero { text-align: center; margin-bottom: 40px; } .ap-policy-hero h1 { font-size: 36px; margin-bottom: 10px; } .ap-policy-hero p { color: #777; font-size: 15px; } .ap-policy-summary { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin: 30px 0; } .ap-policy-summary div { background: #f7f7f7; padding: 12px; border-radius: 10px; font-size: 14px; } main { padding-bottom: 100px; } .ap-shipping-highlights { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 30px; } .ap-shipping-highlights div { background: #f7f7f7; padding: 14px; border-radius: 12px; font-size: 14px; text-align: center; }.ap-policy-subtitle { text-align: center; color: #777; max-width: 600px; margin: 0 auto 30px; } .ap-policy-list { margin-top: 10px; padding-left: 18px; color: #555; } .ap-policy-list li { margin-bottom: 6px; } .ap-delivery-cards { display: flex; gap: 16px; margin-top: 10px; } .ap-delivery-cards div { background: #f7f7f7; padding: 14px; border-radius: 10px; min-width: 150px; } main { padding-bottom: 140px; } /* Contact trust list premium spacing */ .ap-contact-trust { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 24px !important; } .ap-contact-trust div { display: flex !important; align-items: center !important; gap: 8px !important; line-height: 1.55 !important; color: #2b2b2b !important; font-weight: 500 !important; } .ap-contact-trust + p { margin-top: 20px !important; } /* CONTACT TRUST CARDS - PREMIUM */ .ap-contact-trust { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 28px; } .ap-trust-card { background: #f8f5ef; border: 1px solid rgba(0,0,0,0.05); border-radius: 14px; padding: 14px 12px; text-align: center; transition: all 0.25s ease; cursor: default; } .ap-trust-card span { font-size: 18px; display: block; margin-bottom: 6px; } .ap-trust-card p { font-size: 14px; margin: 0; color: #2b2b2b; font-weight: 500; } /* hover effect */ .ap-trust-card:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,0.08); } /* mobile */ @media(max-width:600px){ .ap-contact-trust { grid-template-columns: 1fr; } } .ap-policy-hero { text-align: center !important; margin-bottom: 24px !important; } .ap-policy-hero h1 { margin-bottom: 10px !important; } .ap-policy-hero p { max-width: 680px !important; margin: 0 auto !important; color: #6b655f !important; } .ap-about-hero { text-align: center; margin-bottom: 40px; } .ap-about-hero h1 { font-size: 42px; margin-bottom: 12px; } .ap-about-hero p { max-width: 640px; margin: 0 auto; color: #6b655f; line-height: 1.7; } .ap-about-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin: 30px 0; } .ap-about-cards div { background: #f8f5ef; padding: 16px; border-radius: 14px; text-align: center; } .ap-about-cards h4 { margin-bottom: 6px; } .ap-about-cards p { font-size: 14px; color: #555; } .ap-about-highlight { margin: 30px 0; padding: 20px; background: #fbf8f4; border-radius: 16px; font-size: 16px; line-height: 1.7; } .ap-about-cta { text-align: center; margin: 60px 0 100px; } .ap-about-cta h2 { margin-bottom: 10px; } .ap-about-cta p { color: #666; margin-bottom: 18px; } .ap-btn { display: inline-block; padding: 12px 28px; border-radius: 999px; background: #1f4d46; color: white; text-decoration: none; } .ap-about-intro { max-width: 800px; margin: 0 auto 30px; text-align: center; line-height: 1.7; color: #555; } .ap-section-title { text-align: center; margin: 40px 0 20px; } .ap-about-closing { text-align: center; margin-top: 20px; color: #444; } /* ========================================= AURORA PET – ABOUT PAGE FULL PREMIUM ========================================= */ .ap-about-page { max-width: 1220px; margin: 0 auto; padding: 24px 20px 90px; } /* HERO */ .ap-about-hero { position: relative; overflow: hidden; border-radius: 30px; min-height: 460px; margin: 0 auto 54px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #d9d0c4; box-shadow: 0 18px 42px rgba(0,0,0,0.08); } .ap-about-hero-with-image { background-image: url("/cdn/shop/files/3000x1300.png?v=1776547493"); background-size: cover; background-position: center; background-repeat: no-repeat; } .ap-about-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.18), rgba(0,0,0,0.36)); } .ap-about-hero-content { position: relative; z-index: 2; max-width: 760px; padding: 48px 24px; } .ap-about-kicker { display: inline-block; margin: 0 0 14px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.18); color: #ffffff; font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; } .ap-about-hero h1 { margin: 0 0 14px; font-size: clamp(38px, 5vw, 64px); line-height: 1.03; letter-spacing: -1px; color: #ffffff; } .ap-about-hero-text { max-width: 640px; margin: 0 auto; font-size: 17px; line-height: 1.8; color: rgba(255,255,255,0.92); } /* SECTION HEADINGS */ .ap-section-heading, .ap-about-story-text { max-width: 100%; } .ap-section-kicker { margin: 0 0 8px; color: #7a726a; font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; font-weight: 600; } .ap-section-heading h2, .ap-about-story-text h2, .ap-about-bottom-cta h2 { margin: 0 0 14px; font-size: clamp(30px, 4vw, 44px); line-height: 1.08; letter-spacing: -0.8px; color: #181818; } /* INTRO */ .ap-about-intro-wrap { margin-bottom: 56px; } .ap-about-intro { max-width: 880px; margin: 0 auto; text-align: center; } .ap-about-intro p { margin: 0 0 18px; color: #5f5953; line-height: 1.9; font-size: 17px; } /* VALUES */ .ap-about-values { margin-bottom: 64px; } .ap-section-heading { text-align: center; margin-bottom: 26px; } .ap-about-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .ap-about-card { background: linear-gradient(180deg, #fbf8f4 0%, #f5efe6 100%); border: 1px solid rgba(0,0,0,0.05); border-radius: 22px; padding: 24px 20px; text-align: center; box-shadow: 0 10px 24px rgba(0,0,0,0.03); transition: transform 0.25s ease, box-shadow 0.25s ease; } .ap-about-card:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(0,0,0,0.07); } .ap-about-card-icon { width: 40px; height: 40px; margin: 0 auto 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(31,77,70,0.08); color: #1f4d46; font-weight: 700; } .ap-about-card h4 { margin: 0 0 8px; font-size: 18px; color: #181818; } .ap-about-card p { margin: 0; font-size: 14px; line-height: 1.75; color: #5f5953; } /* STORY BLOCK */ .ap-about-story-block { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 34px; align-items: center; margin-bottom: 70px; } .ap-about-story-text { min-width: 0; } .ap-about-highlight { padding: 22px 22px; background: #fbf8f4; border: 1px solid rgba(0,0,0,0.05); border-radius: 20px; box-shadow: 0 10px 24px rgba(0,0,0,0.03); } .ap-about-highlight p { margin: 0; color: #5f5953; line-height: 1.85; font-size: 16px; } .ap-about-closing { margin-top: 18px; color: #444; line-height: 1.8; font-size: 16px; } .ap-about-story-image { overflow: hidden; border-radius: 26px; border: 1px solid rgba(0,0,0,0.05); background: #fafafa; box-shadow: 0 14px 34px rgba(0,0,0,0.06); } .ap-about-story-image img { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; } /* BOTTOM CTA */ .ap-about-bottom-cta { max-width: 920px; margin: 0 auto 80px; padding: 40px 28px; border-radius: 30px; background: linear-gradient(180deg, #f4ede4 0%, #ece3d7 100%); border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 16px 36px rgba(0,0,0,0.04); text-align: center; } .ap-about-bottom-cta p:not(.ap-section-kicker) { max-width: 680px; margin: 0 auto 20px; color: #5f5953; line-height: 1.8; } .ap-about-cta-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: #1f4d46; color: #ffffff !important; border: 1px solid #1f4d46; text-decoration: none; font-weight: 600; box-shadow: 0 10px 24px rgba(0,0,0,0.08); transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease; } .ap-about-cta-btn:hover { transform: translateY(-2px); background: #173a35; box-shadow: 0 16px 30px rgba(0,0,0,0.12); } /* MOBILE */ @media screen and (max-width: 989px) { .ap-about-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ap-about-story-block { grid-template-columns: 1fr; gap: 24px; } .ap-about-story-image img { min-height: 320px; } } @media screen and (max-width: 749px) { .ap-about-page { padding: 18px 16px 60px; } .ap-about-hero { min-height: 340px; border-radius: 24px; margin-bottom: 36px; } .ap-about-hero-content { padding: 34px 18px; } .ap-about-hero-text, .ap-about-intro p { font-size: 15px; line-height: 1.75; } .ap-about-cards { grid-template-columns: 1fr; gap: 14px; } .ap-about-story-image img { min-height: 260px; } .ap-about-bottom-cta { margin-bottom: 50px; padding: 28px 18px; border-radius: 22px; } } /* ========================================= AURORA PET – POLICY PAGE SYSTEM ========================================= */ /* Main policy container */ .shopify-policy__container, .template-page .rte.shopify-policy__body, .shopify-policy__body { max-width: 920px !important; margin: 0 auto !important; } .shopify-policy__container { padding: 48px 20px 110px !important; } /* Policy title */ .shopify-policy__title, .shopify-policy__container h1, .template-page .main-page-title { text-align: center !important; font-size: clamp(34px, 5vw, 52px) !important; line-height: 1.06 !important; letter-spacing: -0.8px !important; margin-bottom: 14px !important; color: #181818 !important; } /* Intro / subtitle */ .ap-policy-hero { text-align: center !important; margin-bottom: 30px !important; } .ap-policy-hero h1 { margin-bottom: 10px !important; } .ap-policy-hero p, .shopify-policy__container > p:first-of-type { max-width: 680px !important; margin-left: auto !important; margin-right: auto !important; color: #6b655f !important; line-height: 1.75 !important; } /* Highlight cards / summary */ .ap-policy-highlights, .ap-policy-summary, .ap-shipping-highlights, .ap-contact-trust { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; margin: 0 0 30px !important; } .ap-policy-highlights div, .ap-policy-summary div, .ap-shipping-highlights div { background: linear-gradient(180deg, #fbf8f4 0%, #f5efe6 100%) !important; border: 1px solid rgba(0,0,0,0.05) !important; border-radius: 14px !important; padding: 14px !important; text-align: center !important; font-size: 14px !important; color: #2b2b2b !important; box-shadow: 0 8px 20px rgba(0,0,0,0.03) !important; } /* Headings */ .shopify-policy__container h2, .shopify-policy__container h3, .shopify-policy__container h4, .shopify-policy__body h2, .shopify-policy__body h3, .shopify-policy__body h4 { color: #181818 !important; line-height: 1.12 !important; letter-spacing: -0.4px !important; margin-top: 42px !important; margin-bottom: 12px !important; } .shopify-policy__container h2, .shopify-policy__body h2 { font-size: clamp(28px, 4vw, 38px) !important; } .shopify-policy__container h3, .shopify-policy__body h3 { font-size: clamp(24px, 3vw, 30px) !important; } .shopify-policy__container h4, .shopify-policy__body h4 { font-size: 22px !important; } /* Paragraphs */ .shopify-policy__container p, .shopify-policy__body p { color: #5f5953 !important; line-height: 1.85 !important; font-size: 16px !important; margin-bottom: 16px !important; } /* Lists */ .shopify-policy__container ul, .shopify-policy__container ol, .shopify-policy__body ul, .shopify-policy__body ol, .ap-policy-list { margin: 10px 0 16px 0 !important; padding-left: 22px !important; color: #5f5953 !important; line-height: 1.85 !important; } .shopify-policy__container li, .shopify-policy__body li, .ap-policy-list li { margin-bottom: 8px !important; } /* Notes / callouts */ .ap-policy-note, .ap-policy-callout, .shopify-policy__container blockquote, .shopify-policy__body blockquote { margin-top: 14px !important; margin-bottom: 18px !important; padding: 16px 18px !important; background: #fbf8f4 !important; border: 1px solid rgba(0,0,0,0.05) !important; border-radius: 16px !important; color: #5f5953 !important; box-shadow: 0 8px 18px rgba(0,0,0,0.03) !important; } /* Links */ .shopify-policy__container a, .shopify-policy__body a { color: #1f4d46 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* Tables if any */ .shopify-policy__container table, .shopify-policy__body table { width: 100% !important; border-collapse: collapse !important; margin: 18px 0 24px !important; overflow: hidden !important; border-radius: 14px !important; } .shopify-policy__container th, .shopify-policy__container td, .shopify-policy__body th, .shopify-policy__body td { border: 1px solid rgba(0,0,0,0.06) !important; padding: 12px 14px !important; text-align: left !important; } .shopify-policy__container th, .shopify-policy__body th { background: #f8f5ef !important; } /* Contact / support details blocks */ .ap-contact-details { margin: 18px 0 22px !important; } .ap-contact-details p { margin-bottom: 14px !important; } /* Delivery cards */ .ap-delivery-cards { display: flex !important; gap: 16px !important; margin-top: 10px !important; flex-wrap: wrap !important; } .ap-delivery-cards div { background: #f8f5ef !important; border: 1px solid rgba(0,0,0,0.05) !important; border-radius: 14px !important; padding: 14px 16px !important; min-width: 180px !important; } /* Footer spacing */ main, #MainContent, .content-for-layout { padding-bottom: 110px !important; } /* Keep footer from feeling glued */ .footer, footer.footer, .shopify-section-group-footer-group { margin-top: 0 !important; } /* Mobile */ @media screen and (max-width: 749px) { .shopify-policy__container { padding: 34px 16px 80px !important; } .ap-policy-highlights, .ap-policy-summary, .ap-shipping-highlights, .ap-contact-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .shopify-policy__container p, .shopify-policy__body p { font-size: 15px !important; line-height: 1.75 !important; } .shopify-policy__container h4, .shopify-policy__body h4 { font-size: 20px !important; } .ap-delivery-cards { flex-direction: column !important; } } /* ========================================= AURORA PET – HOMEPAGE PREMIUM SYSTEM ========================================= */ .ap-kicker { margin: 0 0 8px; color: #7a726a; font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; font-weight: 600; } .ap-home-hero { position: relative; min-height: 560px; border-radius: 30px; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 18px 42px rgba(0,0,0,0.08); } .ap-home-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.18), rgba(0,0,0,0.4)); } .ap-home-hero-content { position: relative; z-index: 2; max-width: 760px; padding: 40px 24px; } .ap-home-hero h1 { margin: 0 0 14px; font-size: clamp(40px, 5vw, 66px); line-height: 1.03; letter-spacing: -1px; color: #fff; } .ap-home-hero p:not(.ap-kicker) { max-width: 640px; margin: 0 auto; font-size: 17px; line-height: 1.8; color: rgba(255,255,255,0.92); } .ap-home-hero-buttons { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 24px; } .ap-brand-strip, .ap-support-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 28px 0 0; } .ap-brand-strip div, .ap-support-strip div { background: linear-gradient(180deg, #fbf8f4 0%, #f5efe6 100%); border: 1px solid rgba(0,0,0,0.05); border-radius: 14px; padding: 14px; text-align: center; font-size: 14px; color: #2b2b2b; box-shadow: 0 8px 20px rgba(0,0,0,0.03); } .ap-home-story { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; align-items: center; margin: 70px 0; } .ap-home-story-text h2, .ap-home-final-cta h2 { margin: 0 0 14px; font-size: clamp(30px, 4vw, 44px); line-height: 1.08; letter-spacing: -0.8px; color: #181818; } .ap-home-story-text p:not(.ap-kicker), .ap-home-final-cta p:not(.ap-kicker) { color: #5f5953; line-height: 1.8; } .ap-home-story-image img { display: block; width: 100%; min-height: 420px; object-fit: cover; border-radius: 26px; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 14px 34px rgba(0,0,0,0.06); } .ap-home-final-cta { max-width: 920px; margin: 60px auto 90px; padding: 40px 28px; border-radius: 30px; background: linear-gradient(180deg, #f4ede4 0%, #ece3d7 100%); border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 16px 36px rgba(0,0,0,0.04); text-align: center; } @media screen and (max-width: 989px) { .ap-brand-strip, .ap-support-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ap-home-story { grid-template-columns: 1fr; } } @media screen and (max-width: 749px) { .ap-home-hero { min-height: 420px; border-radius: 22px; } .ap-brand-strip, .ap-support-strip { grid-template-columns: 1fr; } .ap-home-story-image img { min-height: 260px; } .ap-home-final-cta { margin-bottom: 50px; padding: 28px 18px; border-radius: 22px; } } .ap-contact-page { background: #f8f5ef; padding: 48px 20px 90px; } .ap-contact-container { max-width: 1240px; margin: 0 auto; } /* Header */ .ap-contact-hero { text-align: center; margin-bottom: 34px; } .ap-contact-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #2d5c54; margin-bottom: 12px; } .ap-contact-hero h1 { margin: 0 0 12px; font-size: 48px; line-height: 1.1; font-weight: 800; color: #1f2e2a; } .ap-contact-subtext { max-width: 760px; margin: 0 auto; font-size: 17px; line-height: 1.7; color: #5f6f69; } .ap-contact-badges { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 26px; } .ap-badge { background: #fffdf8; border: 1px solid #e5ddd0; color: #364641; padding: 12px 18px; border-radius: 14px; font-size: 14px; font-weight: 600; min-width: 180px; box-shadow: 0 4px 14px rgba(0,0,0,0.03); } /* Intro card */ .ap-contact-intro-card { background: #fffdf9; border: 1px solid #e8dfd2; border-radius: 24px; padding: 34px 36px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); margin-bottom: 34px; } .ap-contact-intro-text p { margin: 0 0 10px; color: #5a6762; font-size: 16px; line-height: 1.8; } .ap-contact-business { margin-top: 24px; } .ap-contact-business h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.3; color: #1f2e2a; font-weight: 800; } .ap-contact-actions { margin-top: 26px; } .ap-map-btn { display: inline-flex; align-items: center; justify-content: center; background: #24584f; color: #ffffff; text-decoration: none; padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 700; transition: all 0.25s ease; box-shadow: 0 8px 22px rgba(36, 88, 79, 0.18); } .ap-map-btn:hover { background: #1d4942; transform: translateY(-1px); color: #ffffff; } /* Contact cards */ .ap-contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-bottom: 42px; } .ap-contact-card { background: #f5ddb0; border-radius: 22px; padding: 28px 24px; min-height: 180px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); } .ap-contact-icon { width: 48px; height: 48px; border-radius: 50%; background: #2f6158; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 18px; } .ap-contact-card h3 { margin: 0 0 10px; font-size: 28px; line-height: 1.2; font-weight: 800; color: #1f2e2a; } .ap-contact-card p { margin: 0; color: #465550; font-size: 17px; line-height: 1.7; } .ap-contact-card a { color: #465550; text-decoration: none; } .ap-contact-card a:hover { color: #24584f; } /* Map + Form */ .ap-contact-main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: stretch; } .ap-map-wrap, .ap-form-wrap { background: #fffdf9; border: 1px solid #e8dfd2; border-radius: 24px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); } .ap-section-head { margin-bottom: 22px; } .ap-section-head h2 { margin: 0 0 8px; font-size: 34px; line-height: 1.2; font-weight: 800; color: #1f2e2a; } .ap-section-head p { margin: 0; color: #64726d; font-size: 16px; line-height: 1.7; } .ap-map-card { overflow: hidden; border-radius: 18px; min-height: 520px; background: #e9ecea; border: 1px solid #e2d9cc; } .ap-map-card iframe { display: block; width: 100%; height: 520px; } /* Form */ .ap-contact-form { display: flex; flex-direction: column; height: 100%; } .ap-form-row { margin-bottom: 16px; } .ap-contact-form input, .ap-contact-form textarea { width: 100%; background: #ffffff; border: 1px solid #ddd4c8; border-radius: 14px; padding: 16px 18px; font-size: 15px; color: #24322f; outline: none; transition: all 0.2s ease; box-sizing: border-box; } .ap-contact-form input::placeholder, .ap-contact-form textarea::placeholder { color: #9ba6a1; } .ap-contact-form input:focus, .ap-contact-form textarea:focus { border-color: #2f6158; box-shadow: 0 0 0 4px rgba(47, 97, 88, 0.08); } .ap-contact-form textarea { min-height: 260px; resize: vertical; } .ap-submit-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: 8px; min-width: 190px; background: #24584f; color: #fff; border: 0; border-radius: 999px; padding: 15px 26px; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 8px 22px rgba(36, 88, 79, 0.18); } .ap-submit-btn:hover { background: #1d4942; transform: translateY(-1px); } /* Better space before footer */ .ap-contact-page { margin-bottom: 40px; } /* Responsive */ @media screen and (max-width: 1100px) { .ap-contact-hero h1 { font-size: 40px; } .ap-contact-cards { grid-template-columns: 1fr; } .ap-contact-main-grid { grid-template-columns: 1fr; } .ap-map-card, .ap-map-card iframe { min-height: 420px; height: 420px; } } @media screen and (max-width: 767px) { .ap-contact-page { padding: 34px 16px 70px; } .ap-contact-hero h1 { font-size: 32px; } .ap-contact-subtext { font-size: 15px; } .ap-contact-intro-card, .ap-map-wrap, .ap-form-wrap { padding: 22px 18px; border-radius: 18px; } .ap-contact-card { padding: 22px 18px; min-height: auto; } .ap-contact-card h3 { font-size: 24px; } .ap-section-head h2 { font-size: 28px; } .ap-map-card, .ap-map-card iframe { min-height: 320px; height: 320px; } .ap-submit-btn, .ap-map-btn { width: 100%; } } .ap-map-inline { margin-top: 12px; display: inline-flex; } .ap-section-head { display: flex; flex-direction: column; gap: 6px; } .ap-contact-page { padding-bottom: 120px !important; } .ap-contact-page::after { content: ""; display: block; height: 60px; } .ap-contact-page { background: #f8f5ef; padding: 48px 20px 120px; margin-bottom: 40px; } .ap-map-inline { margin-top: 12px; display: inline-flex; } .ap-section-head { display: flex; flex-direction: column; gap: 6px; } footer { margin-top: 60px !important; } .ap-contact-page { background: #f8f5ef; padding: 48px 20px 120px; } .ap-contact-container { max-width: 1240px; margin: 0 auto; } /* Header */ .ap-contact-hero { text-align: center; margin-bottom: 34px; } .ap-contact-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #2d5c54; margin-bottom: 12px; } .ap-contact-hero h1 { margin: 0 0 12px; font-size: 48px; line-height: 1.1; font-weight: 800; color: #1f2e2a; } .ap-contact-subtext { max-width: 760px; margin: 0 auto; font-size: 17px; line-height: 1.7; color: #5f6f69; } .ap-contact-badges { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 26px; } .ap-badge { background: #fffdf8; border: 1px solid #e5ddd0; color: #364641; padding: 12px 18px; border-radius: 14px; font-size: 14px; font-weight: 600; min-width: 180px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03); } /* Intro Card */ .ap-contact-intro-card { background: #fffdf9; border: 1px solid #e8dfd2; border-radius: 24px; padding: 34px 36px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); margin-bottom: 34px; } .ap-contact-intro-text p { margin: 0 0 10px; color: #5a6762; font-size: 16px; line-height: 1.8; } .ap-contact-business { margin-top: 24px; } .ap-contact-business h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.3; color: #1f2e2a; font-weight: 800; } /* Contact Cards */ .ap-contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-bottom: 42px; } .ap-contact-card { background: #f5ddb0; border-radius: 22px; padding: 28px 24px; min-height: 180px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); } .ap-contact-icon { width: 48px; height: 48px; border-radius: 50%; background: #2f6158; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 18px; } .ap-contact-card h3 { margin: 0 0 10px; font-size: 28px; line-height: 1.2; font-weight: 800; color: #1f2e2a; } .ap-contact-card p { margin: 0; color: #465550; font-size: 17px; line-height: 1.7; } .ap-contact-card a { color: #465550; text-decoration: none; } .ap-contact-card a:hover { color: #24584f; } /* Main Grid */ .ap-contact-main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: stretch; } .ap-map-wrap, .ap-form-wrap { background: #fffdf9; border: 1px solid #e8dfd2; border-radius: 24px; padding: 28px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); } .ap-section-head { display: flex; flex-direction: column; gap: 6px; margin-bottom: 22px; } .ap-section-head h2 { margin: 0; font-size: 34px; line-height: 1.2; font-weight: 800; color: #1f2e2a; } .ap-section-head p { margin: 0; color: #64726d; font-size: 16px; line-height: 1.7; } /* Map Button */ .ap-map-btn { display: inline-flex; align-items: center; justify-content: center; width: fit-content; background: #24584f; color: #ffffff; text-decoration: none; padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 700; transition: all 0.25s ease; box-shadow: 0 8px 22px rgba(36, 88, 79, 0.18); } .ap-map-btn:hover { background: #1d4942; transform: translateY(-1px); color: #ffffff; } .ap-map-inline { margin-top: 12px; } /* Map */ .ap-map-card { overflow: hidden; border-radius: 18px; min-height: 520px; background: #e9ecea; border: 1px solid #e2d9cc; } .ap-map-card iframe { display: block; width: 100%; height: 520px; } /* Form */ .ap-contact-form { display: flex; flex-direction: column; height: 100%; } .ap-form-row { margin-bottom: 16px; } .ap-contact-form input, .ap-contact-form textarea { width: 100%; background: #ffffff; border: 1px solid #ddd4c8; border-radius: 14px; padding: 16px 18px; font-size: 15px; color: #24322f; outline: none; transition: all 0.2s ease; box-sizing: border-box; } .ap-contact-form input::placeholder, .ap-contact-form textarea::placeholder { color: #9ba6a1; } .ap-contact-form input:focus, .ap-contact-form textarea:focus { border-color: #2f6158; box-shadow: 0 0 0 4px rgba(47, 97, 88, 0.08); } .ap-contact-form textarea { min-height: 260px; resize: vertical; } .ap-submit-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: 8px; min-width: 190px; background: #24584f; color: #fff; border: 0; border-radius: 999px; padding: 15px 26px; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 8px 22px rgba(36, 88, 79, 0.18); } .ap-submit-btn:hover { background: #1d4942; transform: translateY(-1px); } /* Footer spacing */ footer { margin-top: 60px !important; } /* Responsive */ @media screen and (max-width: 1100px) { .ap-contact-hero h1 { font-size: 40px; } .ap-contact-cards { grid-template-columns: 1fr; } .ap-contact-main-grid { grid-template-columns: 1fr; } .ap-map-card, .ap-map-card iframe { min-height: 420px; height: 420px; } } @media screen and (max-width: 767px) { .ap-contact-page { padding: 34px 16px 90px; } .ap-contact-hero h1 { font-size: 32px; } .ap-contact-subtext { font-size: 15px; } .ap-contact-intro-card, .ap-map-wrap, .ap-form-wrap { padding: 22px 18px; border-radius: 18px; } .ap-contact-card { padding: 22px 18px; min-height: auto; } .ap-contact-card h3 { font-size: 24px; } .ap-section-head h2 { font-size: 28px; } .ap-map-card, .ap-map-card iframe { min-height: 320px; height: 320px; } .ap-submit-btn, .ap-map-btn { width: 100%; } } /* About hero readability fix */ .ap-about-hero { position: relative; overflow: hidden; } .ap-about-hero-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.38); z-index: 1; } .ap-about-hero-content { position: relative; z-index: 2; text-align: center; padding: 40px 24px; } .ap-about-hero-content h1 { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,0.35); } .ap-about-kicker, .ap-about-hero-text { color: rgba(255,255,255,0.96) !important; text-shadow: 0 2px 8px rgba(0,0,0,0.45); } .ap-about-hero-text { max-width: 620px; margin: 12px auto 0; line-height: 1.65; font-size: 16px; font-weight: 500; } /* ========================= AURORA PET - MISSION PAGE ========================= */ .ap-mission-page { background: #f8f6f2; padding: 72px 20px 110px; } .ap-mission-container { max-width: 980px; margin: 0 auto; } .ap-mission-hero { text-align: left; margin-bottom: 42px; } .ap-mission-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.18em; color: #1f5c57; margin: 0 0 14px; } .ap-mission-title { font-size: 46px; line-height: 1.1; letter-spacing: -0.03em; color: #1e1e1e; margin: 0 0 18px; font-weight: 700; } .ap-mission-lead { font-size: 20px; line-height: 1.75; color: #4b4b4b; max-width: 820px; margin: 0; } .ap-mission-section { margin-bottom: 34px; } .ap-mission-section p { font-size: 18px; line-height: 1.9; color: #555; margin: 0 0 22px; } .ap-mission-card { background: #ffffff; border: 1px solid rgba(0,0,0,0.06); border-radius: 22px; padding: 34px 34px 30px; box-shadow: 0 12px 30px rgba(0,0,0,0.04); margin: 48px 0; } .ap-mission-card h2 { font-size: 30px; line-height: 1.2; color: #1f5c57; margin: 0 0 22px; letter-spacing: -0.02em; } .ap-mission-list { list-style: none; padding: 0; margin: 0; } .ap-mission-list li { position: relative; padding-left: 26px; margin-bottom: 14px; font-size: 18px; line-height: 1.8; color: #444; } .ap-mission-list li::before { content: ""; position: absolute; left: 0; top: 13px; width: 8px; height: 8px; border-radius: 50%; background: #1f5c57; } .ap-mission-closing { padding-top: 8px; } .ap-mission-closing p { font-size: 19px; line-height: 1.9; color: #2f2f2f; font-weight: 500; margin-bottom: 0; } /* Footer ile page arasında daha iyi boşluk */ .template-page .shopify-section-footer, footer.footer { margin-top: 70px !important; } /* Mobile */ @media screen and (max-width: 749px) { .ap-mission-page { padding: 46px 18px 72px; } .ap-mission-title { font-size: 34px; } .ap-mission-lead { font-size: 18px; line-height: 1.7; } .ap-mission-section p, .ap-mission-list li, .ap-mission-closing p { font-size: 16px; line-height: 1.8; } .ap-mission-card { padding: 24px 22px; border-radius: 18px; margin: 34px 0; } .ap-mission-card h2 { font-size: 24px; } footer.footer { margin-top: 48px !important; } } /* ========================================== AURORA PET - EVERYDAY PET ESSENTIALS PAGE ========================================== */ .ap-essentials-page { background: #f8f6f2; padding: 72px 20px 120px; } .ap-essentials-container { max-width: 980px; margin: 0 auto; } /* HERO */ .ap-essentials-hero { margin-bottom: 40px; } .ap-essentials-eyebrow { margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; color: #1f5c57; } .ap-essentials-title { margin: 0 0 18px; font-size: 48px; line-height: 1.08; letter-spacing: -0.03em; color: #1f1f1f; font-weight: 700; } .ap-essentials-lead { max-width: 840px; margin: 0; font-size: 20px; line-height: 1.8; color: #454545; } /* INTRO */ .ap-essentials-intro { margin-bottom: 46px; } .ap-essentials-intro-copy { max-width: 860px; } .ap-essentials-intro-copy p { margin: 0 0 22px; font-size: 18px; line-height: 1.9; color: #555; } /* VALUES CARD */ .ap-essentials-values-card { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 24px; padding: 34px 36px 30px; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.045); margin: 52px 0; } .ap-essentials-values-head { margin-bottom: 20px; } .ap-essentials-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; color: #1f5c57; } .ap-essentials-values-card h2 { margin: 0; font-size: 32px; line-height: 1.2; letter-spacing: -0.02em; color: #1f1f1f; font-weight: 700; } .ap-essentials-values-list { list-style: none; margin: 0; padding: 0; } .ap-essentials-values-list li { position: relative; padding-left: 26px; margin-bottom: 14px; font-size: 18px; line-height: 1.8; color: #444; } .ap-essentials-values-list li:last-child { margin-bottom: 0; } .ap-essentials-values-list li::before { content: ""; position: absolute; left: 0; top: 13px; width: 8px; height: 8px; border-radius: 50%; background: #1f5c57; } /* COMMITMENT BOX */ .ap-essentials-commitment { margin-top: 10px; } .ap-essentials-commitment-box { background: linear-gradient(180deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.95) 100%); border: 1px solid rgba(0,0,0,0.05); border-radius: 20px; padding: 28px 30px; } .ap-essentials-commitment-box h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.2; color: #1f5c57; letter-spacing: -0.02em; font-weight: 700; } .ap-essentials-commitment-box p { margin: 0; font-size: 18px; line-height: 1.85; color: #3f3f3f; font-weight: 500; } /* FOOTER BREATHING SPACE */ footer.footer { margin-top: 90px !important; } /* OPTIONAL: If page content uses default page wrapper too */ .template-page .main-page-title, .template-page .page-width, .template-page .rte { margin-bottom: 0; } /* MOBILE */ @media screen and (max-width: 749px) { .ap-essentials-page { padding: 46px 18px 78px; } .ap-essentials-title { font-size: 34px; line-height: 1.12; } .ap-essentials-lead { font-size: 18px; line-height: 1.75; } .ap-essentials-intro-copy p, .ap-essentials-values-list li, .ap-essentials-commitment-box p { font-size: 16px; line-height: 1.8; } .ap-essentials-values-card { padding: 24px 22px; border-radius: 18px; margin: 34px 0; } .ap-essentials-values-card h2 { font-size: 26px; } .ap-essentials-commitment-box { padding: 22px 20px; border-radius: 16px; } .ap-essentials-commitment-box h3 { font-size: 21px; } footer.footer { margin-top: 50px !important; } } /* ========================================= GLOBAL CONTENT → FOOTER SPACING FIX (Aurora Pet - Universal) ========================================= */ /* Ana içerik alanına alt boşluk */ main#MainContent { padding-bottom: 80px; } /* Footer üstüne margin verme (çakışmayı önle) */ footer.footer { margin-top: 0 !important; } /* Son içerik elemanı footer'a yapışmasın */ main#MainContent > *:last-child { margin-bottom: 60px; } /* Daha derin wrapper’lar için garanti */ .page-width:last-child, .section:last-child, .shopify-section:last-child { margin-bottom: 40px; } /* Mobile */ @media screen and (max-width: 749px) { main#MainContent { padding-bottom: 50px; } main#MainContent > *:last-child { margin-bottom: 30px; } } /* ========================================= PRODUCT PAGE SPACING FIX ========================================= */ body.template-product main#MainContent { padding-bottom: 90px; } body.template-product .product { margin-bottom: 60px; } /* Product altındaki son blok */ body.template-product .shopify-section:last-child { margin-bottom: 50px; } footer.footer::before { content: ""; display: block; height: 40px; background: linear-gradient(to bottom, transparent, #d8d0c7); } /* ========================================= FINAL SPACING UPGRADE (MORE BREATHING) ========================================= */ main#MainContent { padding-bottom: 120px; /* önce 80 idi */ } /* Son section daha da uzaklaşsın */ main#MainContent > *:last-child { margin-bottom: 80px; } /* Product page daha da rahatlasın */ body.template-product main#MainContent { padding-bottom: 130px; } /* Collection & normal pages */ body.template-collection main#MainContent, body.template-page main#MainContent { padding-bottom: 110px; } /* Mobile optimize */ @media screen and (max-width: 749px) { main#MainContent { padding-bottom: 70px; } main#MainContent > *:last-child { margin-bottom: 40px; } body.template-product main#MainContent { padding-bottom: 80px; } } footer.footer::before { content: ""; display: block; height: 50px; background: linear-gradient(to bottom, transparent, #d8d0c7); } main#MainContent { padding-bottom: 140px; } /* ========================================= AURORA PET - PREMIUM FOOTER BREATHING ========================================= */ /* Genel içerik alt boşluğu */ main#MainContent { padding-bottom: 145px !important; } main#MainContent > *:last-child { margin-bottom: 95px !important; } /* Page */ body.template-page main#MainContent { padding-bottom: 125px !important; } /* Product */ body.template-product main#MainContent { padding-bottom: 140px !important; } body.template-product .product, body.template-product .shopify-section:last-child { margin-bottom: 70px !important; } /* Collection */ body.template-collection main#MainContent { padding-bottom: 125px !important; } /* Blog / article varsa onlar da nefes alsın */ body.template-blog main#MainContent, body.template-article main#MainContent { padding-bottom: 125px !important; } /* Footer */ footer.footer { position: relative; margin-top: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.05); overflow: visible; } /* Footer üstüne yumuşak geçiş */ footer.footer::before { content: ""; position: absolute; top: -52px; left: 0; width: 100%; height: 52px; pointer-events: none; background: linear-gradient( to bottom, rgba(248, 246, 242, 0) 0%, rgba(232, 225, 217, 0.45) 55%, rgba(216, 208, 199, 0.95) 100% ); } /* Footer üst content daha rafine görünsün */ .footer__content-top { padding-top: 72px !important; } /* Alt siyah alan çok sert duruyorsa biraz düzen */ .footer__content-bottom { padding-top: 18px !important; padding-bottom: 18px !important; } /* Mobile */ @media screen and (max-width: 749px) { main#MainContent { padding-bottom: 78px !important; } main#MainContent > *:last-child { margin-bottom: 42px !important; } body.template-product main#MainContent, body.template-page main#MainContent, body.template-collection main#MainContent, body.template-blog main#MainContent, body.template-article main#MainContent { padding-bottom: 82px !important; } body.template-product .product, body.template-product .shopify-section:last-child { margin-bottom: 36px !important; } footer.footer::before { top: -34px; height: 34px; } .footer__content-top { padding-top: 46px !important; } } footer.footer { box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } .footer__content-top { backdrop-filter: blur(2px); } /* ========================================= AURORA PET - FINAL GLOBAL SPACING SYSTEM ========================================= */ /* ========================= 1. GLOBAL CONTENT SPACING ========================= */ /* Tüm sayfalarda footer’dan önce nefes */ main#MainContent { padding-bottom: 140px !important; } /* Son içerik bloğu daha da rahatlasın */ main#MainContent > *:last-child { margin-bottom: 90px !important; } /* ========================= 2. TEMPLATE BASED TUNING ========================= */ /* Product page */ body.template-product main#MainContent { padding-bottom: 150px !important; } body.template-product .product, body.template-product .shopify-section:last-child { margin-bottom: 70px !important; } /* Page (About, Policy, etc.) */ body.template-page main#MainContent { padding-bottom: 140px !important; } /* Collection */ body.template-collection main#MainContent { padding-bottom: 135px !important; } /* Blog / Article */ body.template-blog main#MainContent, body.template-article main#MainContent { padding-bottom: 135px !important; } /* ========================= 3. FOOTER RESET ========================= */ footer.footer { position: relative; margin-top: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.05); overflow: visible; } /* ========================= 4. PREMIUM SOFT TRANSITION ========================= */ footer.footer::before { content: ""; position: absolute; top: -60px; left: 0; width: 100%; height: 60px; pointer-events: none; background: linear-gradient( to bottom, rgba(248, 246, 242, 0) 0%, rgba(232, 225, 217, 0.55) 50%, rgba(216, 208, 199, 0.95) 100% ); } /* ========================= 5. FOOTER VISUAL UPGRADE ========================= */ /* Üst alan daha ferah */ .footer__content-top { padding-top: 80px !important; } /* Alt siyah alan dengeli */ .footer__content-bottom { padding-top: 18px !important; padding-bottom: 18px !important; } /* Çok hafif premium dokunuş */ footer.footer { box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } /* ========================= 6. MOBILE OPTIMIZATION ========================= */ @media screen and (max-width: 749px) { main#MainContent { padding-bottom: 85px !important; } main#MainContent > *:last-child { margin-bottom: 45px !important; } body.template-product main#MainContent, body.template-page main#MainContent, body.template-collection main#MainContent, body.template-blog main#MainContent, body.template-article main#MainContent { padding-bottom: 90px !important; } body.template-product .product, body.template-product .shopify-section:last-child { margin-bottom: 40px !important; } footer.footer::before { top: -40px; height: 40px; } .footer__content-top { padding-top: 50px !important; } } /* ========================================= AURORA PET - FINAL PREMIUM FOOTER REDESIGN ========================================= */ /* ========================= FOOTER SHELL ========================= */ footer.footer { position: relative; background: #d8d0c7 !important; border-top: 1px solid rgba(0, 0, 0, 0.05); overflow: visible; box-shadow: inset 0 1px 0 rgba(255,255,255,0.28); } /* Yumuşak üst geçiş */ footer.footer::before { content: ""; position: absolute; top: -58px; left: 0; width: 100%; height: 58px; pointer-events: none; background: linear-gradient( to bottom, rgba(248, 246, 242, 0) 0%, rgba(231, 224, 216, 0.52) 52%, rgba(216, 208, 199, 0.96) 100% ); } /* ========================= FOOTER LAYOUT WIDTH ========================= */ .footer__content-top, .footer__content-bottom { max-width: 1380px; margin: 0 auto; } .footer__content-top { padding-top: 82px !important; padding-bottom: 42px !important; } .footer__content-bottom { padding-top: 18px !important; padding-bottom: 18px !important; } /* ========================= NEWSLETTER BLOCK ========================= */ .footer .footer-block--newsletter { margin-bottom: 34px !important; } .footer .footer-block--newsletter .footer-block__heading, .footer .newsletter .footer-block__heading, .footer .footer-block__heading { color: #1f5c57 !important; font-weight: 700 !important; letter-spacing: -0.02em; } .footer .footer-block--newsletter .footer-block__heading { font-size: 20px !important; margin-bottom: 18px !important; } .footer .newsletter-form { max-width: 720px; } .footer .field { background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.32); border-radius: 18px; padding: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.03); backdrop-filter: blur(4px); } .footer .field__input { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 54px; padding-left: 18px !important; font-size: 15px; color: #303030 !important; } .footer .field__input::placeholder { color: rgba(70,70,70,0.58) !important; } .footer .newsletter-form__button, .footer button[type="submit"] { min-width: 112px; height: 54px; border-radius: 16px !important; border: none !important; background: #1f5c57 !important; color: #ffffff !important; font-weight: 700; letter-spacing: 0.01em; box-shadow: 0 10px 20px rgba(31, 92, 87, 0.18); transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease; } .footer .newsletter-form__button:hover, .footer button[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(31, 92, 87, 0.22); opacity: 0.98; } /* Newsletter yardımcı metin */ .footer .newsletter + *, .footer .footer-block--newsletter p, .footer .footer-block--newsletter .newsletter__subheading, .footer .footer-block--newsletter .rte { color: #5a5a5a !important; font-size: 14px; line-height: 1.7; } /* ========================= BRAND / LOGO AREA ========================= */ .footer .footer-block__image-wrapper, .footer .footer-block__brand-info { margin-bottom: 14px; } .footer .footer-block__brand-info .rte, .footer .footer-block__brand-info p { color: #666 !important; line-height: 1.8; } .footer .list-social { gap: 10px !important; margin-top: 14px !important; } .footer .list-social__link { padding: 4px !important; opacity: 0.82; transition: opacity 0.2s ease, transform 0.2s ease; } .footer .list-social__link:hover { opacity: 1; transform: translateY(-1px); } .footer .list-social__item .icon { width: 18px; height: 18px; } /* ========================= FOOTER COLUMN HEADINGS ========================= */ .footer .footer-block__heading { font-size: 18px !important; line-height: 1.2; margin-bottom: 16px !important; color: #1f5c57 !important; font-weight: 700 !important; letter-spacing: -0.02em; } /* ========================= FOOTER LINKS / TEXT ========================= */ .footer .footer-block__details-content li { margin-bottom: 11px; } .footer .footer-block__details-content a, .footer .footer-block__details-content p, .footer .footer__copyright, .footer .copyright__content, .footer .footer__copyright a { color: #4d4d4d !important; font-size: 14px; line-height: 1.8; text-decoration: none; } .footer .footer-block__details-content a { transition: color 0.2s ease, transform 0.2s ease; } .footer .footer-block__details-content a:hover { color: #1f5c57 !important; transform: translateX(2px); } /* Contact kolonunda daha iyi akış */ .footer .footer-block__details-content .list-menu__item, .footer .footer-block__details-content li, .footer .footer-block__details-content p { display: block; } /* ========================= FOOTER GRID BREATHING ========================= */ .footer .grid { row-gap: 26px !important; } .footer .footer-block { padding-right: 10px; } /* ========================= BOTTOM DARK BAR ========================= */ .footer__content-bottom { background: #1f1d1d !important; border-top: none !important; } .footer__content-bottom * { color: #f1ece6 !important; } .footer__content-bottom-wrapper { align-items: center !important; justify-content: center !important; gap: 10px; } .footer__copyright { width: 100%; text-align: center; justify-content: center; } .footer__payment { width: 100%; } .footer__payment .list-payment { justify-content: center !important; gap: 8px; margin-top: 8px; } /* ========================= OPTIONAL - FOOTER MENU TIDY ========================= */ .footer .list-menu__item--link { padding-top: 0 !important; padding-bottom: 0 !important; } /* ========================= MOBILE ========================= */ @media screen and (max-width: 749px) { footer.footer::before { top: -38px; height: 38px; } .footer__content-top { padding-top: 50px !important; padding-bottom: 24px !important; } .footer .footer-block--newsletter .footer-block__heading { font-size: 18px !important; } .footer .footer-block__heading { font-size: 17px !important; margin-bottom: 12px !important; } .footer .field__input, .footer .newsletter-form__button, .footer button[type="submit"] { min-height: 50px; height: 50px; } .footer .footer-block__details-content a, .footer .footer-block__details-content p, .footer .footer__copyright, .footer .copyright__content { font-size: 13.5px; } .footer .grid { row-gap: 18px !important; } } /* ========================================= AURORA PET - FINAL CONTENT TO FOOTER TRANSITION ========================================= */ /* Ana içerik alanı footer'a doğru daha yumuşak bitsin */ main#MainContent { position: relative; z-index: 1; } /* Footer üstündeki son section'ların alt boşluğunu biraz dengeler */ main#MainContent > .shopify-section:last-child, main#MainContent > *:last-child { position: relative; } /* Footer öncesi çok hafif görsel geçiş */ main#MainContent::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 90px; pointer-events: none; background: linear-gradient( to bottom, rgba(248, 246, 242, 0) 0%, rgba(244, 240, 235, 0.55) 45%, rgba(232, 225, 217, 0.88) 72%, rgba(216, 208, 199, 0.98) 100% ); } /* Footer kendi üst geçişiyle daha iyi birleşsin */ footer.footer::before { top: -65px !important; height: 65px !important; } /* Footer üst ana alan biraz daha ferah */ .footer__content-top { padding-top: 86px !important; } /* Ana içerikte son section çok dar bitmesin */ main#MainContent > .shopify-section:last-child { padding-bottom: 12px; } /* Bazı template'lerde son wrapper çok sert kapanıyorsa yumuşat */ .template-index main#MainContent > *:last-child, .template-page main#MainContent > *:last-child, .template-product main#MainContent > *:last-child, .template-collection main#MainContent > *:last-child { margin-bottom: 95px !important; } /* Özellikle homepage için daha premium bitiş */ body.template-index main#MainContent { padding-bottom: 150px !important; } /* Collection ve page’lerde de dengeli olsun */ body.template-page main#MainContent, body.template-collection main#MainContent { padding-bottom: 145px !important; } /* Product biraz daha güçlü kalsın */ body.template-product main#MainContent { padding-bottom: 155px !important; } /* Mobile */ @media screen and (max-width: 749px) { main#MainContent::after { height: 50px; } footer.footer::before { top: -36px !important; height: 36px !important; } .footer__content-top { padding-top: 52px !important; } body.template-index main#MainContent, body.template-page main#MainContent, body.template-product main#MainContent, body.template-collection main#MainContent { padding-bottom: 90px !important; } .template-index main#MainContent > *:last-child, .template-page main#MainContent > *:last-child, .template-product main#MainContent > *:last-child, .template-collection main#MainContent > *:last-child { margin-bottom: 46px !important; } } /* FINAL BOOST */ main#MainContent { padding-bottom: 180px !important; } main#MainContent > *:last-child { margin-bottom: 110px !important; } main#MainContent::after { height: 120px !important; } footer.footer::before { top: -80px !important; height: 80px !important; } @media screen and (max-width: 749px) { main#MainContent { padding-bottom: 100px !important; } main#MainContent > *:last-child { margin-bottom: 55px !important; } } /* ========================================= HARD FIX - CONTENT TO FOOTER SPACE ========================================= */ /* Main content */ #MainContent { padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Footer’dan önceki gerçek son bloklara boşluk ver */ #MainContent > .shopify-section:last-child, #MainContent > .section:last-child, #MainContent > .page-width:last-child, #MainContent > div:last-child { margin-bottom: 140px !important; padding-bottom: 0 !important; } /* Page template içindeki rich text / page content */ body.template-page #MainContent .rte:last-child, body.template-page #MainContent .page-width:last-child, body.template-page #MainContent .main-page-title:last-child, body.template-page #MainContent .rte > *:last-child { margin-bottom: 140px !important; } /* Product page */ body.template-product #MainContent .product, body.template-product #MainContent .product__info-wrapper, body.template-product #MainContent .shopify-section:last-child { margin-bottom: 140px !important; } /* Collection page */ body.template-collection #MainContent .shopify-section:last-child, body.template-collection #MainContent .page-width:last-child { margin-bottom: 140px !important; } /* Footer üstünde ekstra padding olmasın, boşluğu content oluştursun */ footer.footer { margin-top: 0 !important; } /* Mobile */ @media screen and (max-width: 749px) { #MainContent > .shopify-section:last-child, #MainContent > .section:last-child, #MainContent > .page-width:last-child, #MainContent > div:last-child, body.template-page #MainContent .rte:last-child, body.template-page #MainContent .page-width:last-child, body.template-page #MainContent .main-page-title:last-child, body.template-page #MainContent .rte > *:last-child, body.template-product #MainContent .product, body.template-product #MainContent .product__info-wrapper, body.template-product #MainContent .shopify-section:last-child, body.template-collection #MainContent .shopify-section:last-child, body.template-collection #MainContent .page-width:last-child { margin-bottom: 70px !important; } } .ap-policy-list { list-style: none !important; padding-left: 0 !important; margin-bottom: 20px !important; } .ap-policy-list li { position: relative !important; display: block !important; padding-left: 22px !important; margin-bottom: 10px !important; } .ap-policy-list li::before { content: "•" !important; position: absolute; left: 0; top: 0; color: #1f5c57; font-weight: 700; } .brands-hero { height: 280px; display: flex; align-items: center; justify-content: center; text-align: center; background-image: url('BURAYA-RESIM-LINKI'); background-size: cover; background-position: center; position: relative; margin-bottom: 40px; } .brands-hero::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.35); } .brands-hero-content { position: relative; color: #fff; z-index: 2; } .brands-hero h1 { font-size: 42px; font-weight: 600; margin-bottom: 10px; } .brands-hero p { font-size: 16px; opacity: 0.9; } #sbp { margin-top: 40px; } #sbp .shortcuts-container { margin-top: 10px; } /* ===== TRACK ORDER PAGE FINAL FIX ===== */ /* Title küçült + daha premium */ .pp_tracking_title { font-size: 32px !important; margin-bottom: 16px !important; font-weight: 700 !important; } /* Ana container spacing */ .pp_tracking_content { max-width: 1100px; margin: 0 auto; padding: 10px 20px 60px; } /* Form container = premium card */ .pp_tracking_form_div { border-radius: 24px !important; border: 1px solid #e7ddd0 !important; background: #fffdfa !important; box-shadow: 0 20px 40px rgba(32,33,36,0.06) !important; padding: 40px !important; } /* Input alanları */ .pp_tracking_form_div input { min-height: 50px !important; border-radius: 14px !important; border: 1px solid #ddd2c5 !important; padding: 0 14px !important; font-size: 15px !important; } /* Focus efekti */ .pp_tracking_form_div input:focus { border-color: #8a735f !important; box-shadow: 0 0 0 4px rgba(138,115,95,0.10) !important; outline: none !important; } /* Butonlar */ .pp_tracking_form_div button { min-height: 46px !important; padding: 0 20px !important; border-radius: 999px !important; background: #233933 !important; color: #fff !important; font-weight: 700 !important; border: none !important; box-shadow: 0 10px 22px rgba(35,57,51,0.18) !important; transition: all 0.2s ease !important; } /* Hover */ .pp_tracking_form_div button:hover { transform: translateY(-1px); background: #1d302b !important; } /* "Or" divider */ .pp_tracking_form_div div:contains("Or") { color: #8a847d !important; font-weight: 600 !important; } /* Powered by küçült */ .pp_tracking_form_div + div, .pp_tracking_form_div small { opacity: 0.5 !important; font-size: 12px !important; } /* Header spacing fix */ .template-page .main-page-title { margin-bottom: 10px !important; } /* Footer öncesi boşluk */ .shopify-section:last-of-type { margin-bottom: 40px; } .pp_tracking_form_div { font-size: 14px; } /* === TRACK PAGE DESCRIPTION (FAKE LIQUID VIA CSS) === */ .pp_tracking_title::after { content: "Enter your order number and email address, or use your tracking number to view real-time shipment updates."; display: block; max-width: 600px; margin-top: 10px; font-size: 15px; color: #6b6f6b; line-height: 1.6; font-weight: 400; } .pp_tracking_title { margin-bottom: 6px !important; } /* === TRACK PAGE TRUST BAR - LUXURY VERSION === */ .pp_tracking_form_div::before { content: "Fast Tracking • Real-Time Updates • Secure Order Lookup"; display: block; text-align: center; margin-bottom: 24px; padding: 14px 18px; border: 1px solid #e7dccf; border-radius: 16px; background: linear-gradient(180deg, #fffdf9, #f8f2ea); color: #34453f; font-size: 14px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.6; } .pp_tracking_form_div { position: relative; } .pp_tracking_title { font-size: 30px !important; } /* === PREMIUM FOOTER BREATHING SPACE === */ .pp_tracking_content { margin-bottom: 80px !important; } footer, #shopify-section-footer { margin-top: 40px; } /* ========================================================= AURORA PET — SITEWIDE PREMIUM UI PACK ========================================================= */ /* ---------- Global container polish ---------- */ .page-width, .container, .section-container { max-width: 1280px; } body { color: #2d3a36; background: #fdfbf8; } /* ---------- Typography polish ---------- */ h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; color: #1f2e2a; } p { color: #5f6964; } .section-header__title, .main-page-title, .collection-hero__title, .product__title, .banner__heading { line-height: 1.08; } /* ---------- Buttons ---------- */ button, .button, .btn, .shopify-payment-button__button, a.button { border-radius: 999px !important; transition: all 0.2s ease !important; box-shadow: 0 10px 22px rgba(35,57,51,0.10); } button:hover, .button:hover, .btn:hover, .shopify-payment-button__button:hover, a.button:hover { transform: translateY(-1px); } /* ---------- Inputs ---------- */ input, textarea, select { border-radius: 14px !important; border-color: #ddd2c5 !important; background: #fff !important; } input:focus, textarea:focus, select:focus { border-color: #8a735f !important; box-shadow: 0 0 0 4px rgba(138,115,95,0.10) !important; outline: none !important; } /* ---------- Cards / boxes ---------- */ .card, .product-card-wrapper, .collection-list .card, .multicolumn-card, .article-card, .shopify-section .grid__item .card-wrapper, .collapsible-content__inner, .rte table, .predictive-search, .facets-container, .drawer, .modal__content { border-radius: 22px !important; } .card, .multicolumn-card, .article-card, .collapsible-content__inner, .predictive-search, .facets-container, .drawer, .modal__content { box-shadow: 0 14px 30px rgba(31, 46, 42, 0.05); } /* ---------- Header ---------- */ .header-wrapper { background: rgba(255, 253, 250, 0.92) !important; backdrop-filter: blur(10px); border-bottom: 1px solid rgba(226, 216, 203, 0.7); } .header, .header__wrapper, .section-header { background: transparent !important; } /* ---------- Announcement / top bars ---------- */ .announcement-bar, .utility-bar, .promo-banner { border-bottom: 1px solid rgba(229, 220, 210, 0.8); } /* ---------- Hero / banners ---------- */ .banner, .collection-hero, .shopify-section .hero, .image-banner { overflow: hidden; border-radius: 28px; } .banner__box, .collection-hero__inner { backdrop-filter: blur(2px); } /* ---------- Product cards hover ---------- */ .card-wrapper, .product-card-wrapper, .collection-list .card-wrapper { transition: transform 0.2s ease, box-shadow 0.2s ease; } .card-wrapper:hover, .product-card-wrapper:hover, .collection-list .card-wrapper:hover { transform: translateY(-3px); } /* ---------- Collection / product grids spacing ---------- */ .grid, .collection .grid, .product-grid { row-gap: 24px !important; } /* ---------- Breadcrumbs ---------- */ .breadcrumb, .breadcrumbs { font-size: 14px; color: #7b7a73; } /* ---------- Footer premium styling ---------- */ footer, .footer, #shopify-section-footer { background: linear-gradient(180deg, #f0e8de 0%, #e9dfd3 100%); border-top: 1px solid rgba(223, 212, 200, 0.85); } /* Newsletter block */ .footer .newsletter-form, .newsletter, .footer-block--newsletter, .newsletter__wrapper { position: relative; } .footer input[type="email"], .newsletter-form__field-wrapper input, .footer .field__input { min-height: 52px; border-radius: 16px !important; background: rgba(255,255,255,0.72) !important; border: 1px solid rgba(221, 210, 197, 0.9) !important; backdrop-filter: blur(8px); } .footer button, .footer .button, .newsletter-form__button { min-height: 48px; border-radius: 999px !important; background: #1f5b51 !important; color: #fff !important; box-shadow: 0 10px 24px rgba(31,91,81,0.16); } /* Footer headings */ .footer h2, .footer h3, .footer .footer-block__heading { color: #20463f; } /* Footer links */ .footer a, .footer__content a { color: #44514b; } .footer a:hover, .footer__content a:hover { color: #1f5b51; } /* ---------- Wishlist / floating buttons ---------- */ button[aria-label*="wishlist"], .wishlist, #scroll-to-top { box-shadow: 0 12px 22px rgba(0,0,0,0.12); } /* ---------- Extra breathing room before footer ---------- */ main, .main-content, #MainContent { padding-bottom: 24px; } /* ---------- Mobile polish ---------- */ @media (max-width: 768px) { .banner, .collection-hero, .shopify-section .hero, .image-banner { border-radius: 20px; } .card, .multicolumn-card, .article-card, .collapsible-content__inner { border-radius: 18px !important; } } /* ========================================================= AURORA PET - CLEAN FINAL OVERRIDES Product page + Collection page + Footer/Wishlist cleanup ========================================================= */ /* ========================================================= 1) PRODUCT PAGE ========================================================= */ /* Hide top breadcrumb / generic hero on product pages */ body[class*="product"] .ap-breadcrumb, body[class*="product"] nav[aria-label="breadcrumb"], body[class*="product"] .dt-breadcrumb, body[class*="product"] .breadcrumb, body[class*="product"] .breadcrumb-wrapper { display: none !important; } /* Remove accidental top spacing from broad theme wrappers */ body[class*="product"] .shopify-section, body[class*="product"] .page-content, body[class*="product"] .main-product-template { padding-top: 0 !important; margin-top: 0 !important; } /* Keep only the product block breathing room */ body[class*="product"] #MainContent, body[class*="product"] main { padding-top: 0 !important; margin-top: 0 !important; } body[class*="product"] .product { display: grid !important; grid-template-columns: 1fr 1fr !important; align-items: start !important; column-gap: 40px !important; row-gap: 24px !important; margin-top: 40px !important; padding-top: 0 !important; } /* Media / info alignment */ body[class*="product"] .product__media-wrapper { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; } body[class*="product"] .product__info-wrapper { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; background: #fffdfa; border: 1px solid #e8dfd3; border-radius: 24px; padding: 24px; box-shadow: 0 14px 30px rgba(23, 36, 31, 0.04); } /* Title / price / typography */ body[class*="product"] .product__title h1, body[class*="product"] h1 { line-height: 1.12; letter-spacing: -0.02em; margin-bottom: 10px; } body[class*="product"] .price { margin-bottom: 14px; } /* Quantity / form spacing */ body[class*="product"] .product-form, body[class*="product"] .product-form__input, body[class*="product"] quantity-input { margin-top: 12px; } body[class*="product"] quantity-input { border-radius: 14px; overflow: hidden; } /* Main add to cart */ body[class*="product"] .product-form__submit { min-height: 50px !important; height: 54px !important; border-radius: 999px !important; background: #1f5b51 !important; color: #fff !important; font-weight: 600 !important; box-shadow: 0 12px 24px rgba(31, 91, 81, 0.18); } /* Shop Pay slightly reduced */ body[class*="product"] .shopify-payment-button { margin-top: 10px; transform: scale(0.92); transform-origin: left center; opacity: 0.9; } /* Thumbnails */ body[class*="product"] .thumbnail, body[class*="product"] .thumbnail-list__item, body[class*="product"] .product__media img { border-radius: 14px; overflow: hidden; } /* Description readability */ body[class*="product"] .product__description, body[class*="product"] .rte { line-height: 1.75; font-size: 15px; color: #4a5c57; max-width: 640px; background: transparent !important; padding: 0 !important; } body[class*="product"] .product__description p { margin-bottom: 14px; } /* Accordion / collapsible */ body[class*="product"] .accordion, body[class*="product"] .product__accordion, body[class*="product"] .collapsible-content { border-radius: 18px; overflow: hidden; } /* Meta text */ body[class*="product"] .product__info-wrapper small, body[class*="product"] .product__info-wrapper .product-meta { font-size: 13px; opacity: 0.75; } /* Recommended products spacing */ body[class*="product"] .related-products, body[class*="product"] .product-recommendations { margin-top: 56px; } /* Mobile product layout */ @media (max-width: 768px) { body[class*="product"] .product { grid-template-columns: 1fr !important; column-gap: 0 !important; margin-top: 20px !important; } body[class*="product"] .product__media-wrapper, body[class*="product"] .product__info-wrapper { grid-column: auto !important; grid-row: auto !important; } body[class*="product"] .product__info-wrapper { padding: 18px; border-radius: 18px; } body[class*="product"] .shopify-payment-button { transform: none; opacity: 1; } } /* ========================================================= 2) PRODUCT PAGE - STICKY ADD TO CART Desktop: hidden Mobile: untouched ========================================================= */ @media (min-width: 1024px) { #addtocart-sticky, body[class*="product"] .sticky-atc, body[class*="product"] .sticky-cart, body[class*="product"] .dt-sticky-addtocart, body[class*="product"] .product-sticky-form, body[class*="product"] .product-fixed-form, body[class*="product"] .sticky_add_to_cart, body[class*="product"] .sticky-buy-now, body[class*="product"] .dt-scrolling-bar, body[class*="product"] .dt-product-sticky, body[class*="product"] .sticky-bar-spacer, body[class*="product"] .sticky-placeholder, body[class*="product"] .sticky-spacer, body[class*="product"] [class*="sticky"][class*="placeholder"], body[class*="product"] [class*="sticky"][class*="spacer"] { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; visibility: hidden !important; } } /* ========================================================= 3) PRODUCT PAGE - WISHLIST Keep small floating button Hide bottom bar + extra add-to-wishlist trigger ========================================================= */ /* Keep small floating wishlist visible */ body[class*="product"] .kaktus-wishlist-button, body[class*="product"] #kaktus-wishlist-app { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 99999 !important; } /* Position floating button */ body[class*="product"] .kaktus-wishlist-button { position: fixed !important; right: 20px !important; bottom: 20px !important; } /* Hide bottom wishlist bars / bottom sticky variations */ body[class*="product"] .kaktus-wishlist-button.kaktus-wishlist-bottom, body[class*="product"] .kaktus-wishlist-bottom, body[class*="product"] #kaktus-wishlist-bottom, body[class*="product"] [class*="wishlist"][class*="bottom"], body[class*="product"] [class*="wishlist"][class*="sticky-bar"], body[class*="product"] [class*="wishlist"][class*="bottom-bar"], body[class*="product"] .wishlist-bar, body[class*="product"] .wishlist-sticky, body[class*="product"] .bottom-wishlist { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Hide only the extra Add to Wishlist trigger on product pages */ body[class*="product"] a[title*="Add to Wishlist"], body[class*="product"] a[aria-label*="Add to Wishlist"], body[class*="product"] .add-to-wishlist, body[class*="product"] .wishlist-btn, body[class*="product"] .kaktus-wishlist-add, body[class*="product"] [class*="wishlist"][class*="add"] { display: none !important; } /* ========================================================= 4) COLLECTION PAGE ========================================================= */ /* Give breathing room under collection hero */ body[class*="collection"] #MainContent { padding-top: 40px !important; } /* Collection toolbar spacing */ body[class*="collection"] .collection-header { margin-top: 10px !important; } /* Optional extra spacing for facet/header area if present */ body[class*="collection"] .facets-container { margin-top: 24px !important; padding-top: 8px !important; } /* ========================================================= 5) FOOTER CLEANUP ========================================================= */ /* Remove accidental extra page gap above footer */ #MainContent, main, .main-content { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Footer shell */ footer, .footer, #shopify-section-footer { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-top: none !important; background: #efe7dc !important; } /* Footer inner wrappers */ .footer__content-top, .footer__blocks-wrapper, .footer__content, .footer .page-width, .footer .container { margin-top: 0 !important; padding-top: 0 !important; background: #efe7dc !important; border-top: none !important; } /* Remove thin line above copyright */ .footer__content-bottom, .footer-bottom, .footer__copyright, .copyright, .footer__bottom, .footer__content-bottom-wrapper { border-top: none !important; box-shadow: none !important; margin-top: 0 !important; } /* Copyright band */ .footer__content-bottom, .footer-bottom, .footer__copyright, .copyright, .footer__bottom, .footer__content-bottom-wrapper { padding-top: 12px !important; padding-bottom: 12px !important; background: #1f1d1d !important; } /* Remove after pseudo gaps */ footer::after, .footer::after, #shopify-section-footer::after, body::after, #MainContent::after { content: none !important; display: none !important; } /* Remove extra section after footer if any */ #shopify-section-footer + .shopify-section, footer + .shopify-section, .footer + .shopify-section { margin-top: 0 !important; padding-top: 0 !important; } /* Final page bottom cleanup */ html, body { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================= AURORA PET - ALL COLLECTIONS PAGE OVERRIDES Only for /pages/all-collections custom page ========================================================= */ /* 1) Varsayılan theme breadcrumb'u gizle */ .ap-all-collections ~ nav[aria-label="breadcrumb"], body .ap-breadcrumb { display: none !important; } /* 2) Sayfa container'ının fazla daralmasını engelle */ .ap-all-collections { width: min(1280px, calc(100% - 48px)) !important; } /* 3) Theme'in page-content spacing'leri çakışmasın */ .template-page .main-page-title, .template-page .page-header, .template-page .main-page-content { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 4) Section üstü boşluk ayarı */ .template-page #MainContent { padding-top: 20px !important; } /* 5) Sağdaki floating wishlist butonunu bu sayfada biraz daha aşağı al */ .ap-all-collections ~ .kaktus-wishlist-button, body .kaktus-wishlist-button { z-index: 9999; } /* 6) Sadece All Collections sayfasında footer ile içerik arasında daha iyi boşluk */ .ap-all-collections + * { margin-top: 0 !important; } .ap-all-collections { margin-bottom: 48px !important; } /* 7) Footer üstündeki gereksiz ince çizgileri yumuşat */ .footer__content-bottom, .footer-bottom, .footer__copyright, .copyright, .footer__bottom, .footer__content-bottom-wrapper { border-top: none !important; box-shadow: none !important; } /* 8) Mobilde sayfa kenar boşluğu daha dengeli olsun */ @media (max-width: 768px) { .ap-all-collections { width: calc(100% - 24px) !important; margin-bottom: 32px !important; } .template-page #MainContent { padding-top: 12px !important; } } /* ===== ALL COLLECTIONS PAGE - THEME OVERRIDES ===== */ /* Breadcrumb gizle */ .ap-all-collections ~ nav[aria-label="breadcrumb"], body .ap-breadcrumb, nav.breadcrumb.ap-breadcrumb { display: none !important; } /* Page başlık çakışmalarını kaldır */ .template-page .main-page-title, .template-page .page-header, .template-page .main-page-content { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Main content üst spacing */ .template-page #MainContent { padding-top: 8px !important; } /* Footer üst çizgilerini yumuşat */ .footer__content-bottom, .footer-bottom, .footer__copyright, .copyright, .footer__bottom, .footer__content-bottom-wrapper { border-top: none !important; box-shadow: none !important; } /* ========================================================= AURORA PET - PRODUCT PAGE PREMIUM UPGRADE SAFER VERSION ========================================================= */ /* Sadece gerçek product body class'larında çalışsın */ body.template-product #MainContent, body[class*="template-product"] #MainContent, body[class*="product-template"] #MainContent { padding-top: 18px !important; padding-bottom: 28px !important; } /* Product ana içerik üst boşluğu */ body.template-product .product-template-section, body.template-product .main-product-template, body.template-product .product-page, body.template-product .product-single, body.template-product .product-template__container, body[class*="template-product"] .product-template-section, body[class*="template-product"] .main-product-template, body[class*="template-product"] .product-page, body[class*="template-product"] .product-single, body[class*="template-product"] .product-template__container, body[class*="product-template"] .product-template-section, body[class*="product-template"] .main-product-template, body[class*="product-template"] .product-page, body[class*="product-template"] .product-single, body[class*="product-template"] .product-template__container { margin-top: 16px !important; } /* Product title */ body.template-product h1, body.template-product .product_title, body.template-product .product-name h1, body[class*="template-product"] h1, body[class*="template-product"] .product_title, body[class*="template-product"] .product-name h1, body[class*="product-template"] h1, body[class*="product-template"] .product_title, body[class*="product-template"] .product-name h1 { line-height: 1.08 !important; letter-spacing: -0.03em !important; margin-bottom: 14px !important; } /* Price */ body.template-product .price, body.template-product .product-price, body.template-product .product-price .money, body[class*="template-product"] .price, body[class*="template-product"] .product-price, body[class*="template-product"] .product-price .money, body[class*="product-template"] .price, body[class*="product-template"] .product-price, body[class*="product-template"] .product-price .money { font-weight: 700 !important; } /* Variant pills */ body.template-product .swatch-element, body.template-product .variant-input-wrap label, body.template-product .product-form__input label, body[class*="template-product"] .swatch-element, body[class*="template-product"] .variant-input-wrap label, body[class*="template-product"] .product-form__input label, body[class*="product-template"] .swatch-element, body[class*="product-template"] .variant-input-wrap label, body[class*="product-template"] .product-form__input label { border-radius: 999px !important; } /* Quantity */ body.template-product .quantity, body.template-product .quantity-wrapper, body.template-product .quantity__wrapper, body[class*="template-product"] .quantity, body[class*="template-product"] .quantity-wrapper, body[class*="template-product"] .quantity__wrapper, body[class*="product-template"] .quantity, body[class*="product-template"] .quantity-wrapper, body[class*="product-template"] .quantity__wrapper { border-radius: 16px !important; } /* Buttons */ body.template-product .add-to-cart, body.template-product .btn-cart, body.template-product .product-form__cart-submit, body.template-product button[name="add"], body.template-product .shopify-payment-button__button, body[class*="template-product"] .add-to-cart, body[class*="template-product"] .btn-cart, body[class*="template-product"] .product-form__cart-submit, body[class*="template-product"] button[name="add"], body[class*="template-product"] .shopify-payment-button__button, body[class*="product-template"] .add-to-cart, body[class*="product-template"] .btn-cart, body[class*="product-template"] .product-form__cart-submit, body[class*="product-template"] button[name="add"], body[class*="product-template"] .shopify-payment-button__button { border-radius: 999px !important; min-height: 48px !important; transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important; } body.template-product .add-to-cart:hover, body.template-product .btn-cart:hover, body.template-product .product-form__cart-submit:hover, body.template-product button[name="add"]:hover, body.template-product .shopify-payment-button__button:hover, body[class*="template-product"] .add-to-cart:hover, body[class*="template-product"] .btn-cart:hover, body[class*="template-product"] .product-form__cart-submit:hover, body[class*="template-product"] button[name="add"]:hover, body[class*="template-product"] .shopify-payment-button__button:hover, body[class*="product-template"] .add-to-cart:hover, body[class*="product-template"] .btn-cart:hover, body[class*="product-template"] .product-form__cart-submit:hover, body[class*="product-template"] button[name="add"]:hover, body[class*="product-template"] .shopify-payment-button__button:hover { transform: translateY(-2px); } /* Description / accordion */ body.template-product .product-description, body.template-product .dt-sc-accordion, body.template-product .accordion, body.template-product .product-tabs, body.template-product .description, body[class*="template-product"] .product-description, body[class*="template-product"] .dt-sc-accordion, body[class*="template-product"] .accordion, body[class*="template-product"] .product-tabs, body[class*="template-product"] .description, body[class*="product-template"] .product-description, body[class*="product-template"] .dt-sc-accordion, body[class*="product-template"] .accordion, body[class*="product-template"] .product-tabs, body[class*="product-template"] .description { border-radius: 22px !important; } /* Recommended products */ body.template-product .related-products, body.template-product .product-recommendations, body.template-product .recommended-products, body[class*="template-product"] .related-products, body[class*="template-product"] .product-recommendations, body[class*="template-product"] .recommended-products, body[class*="product-template"] .related-products, body[class*="product-template"] .product-recommendations, body[class*="product-template"] .recommended-products { margin-top: 56px !important; } /* Sticky add to cart */ body.template-product #addtocart-sticky, body.template-product .sticky-bar, body.template-product .sticky_bar, body.template-product .sticky-cart, body.template-product .product-sticky-cart, body[class*="template-product"] #addtocart-sticky, body[class*="template-product"] .sticky-bar, body[class*="template-product"] .sticky_bar, body[class*="template-product"] .sticky-cart, body[class*="template-product"] .product-sticky-cart, body[class*="product-template"] #addtocart-sticky, body[class*="product-template"] .sticky-bar, body[class*="product-template"] .sticky_bar, body[class*="product-template"] .sticky-cart, body[class*="product-template"] .product-sticky-cart { backdrop-filter: blur(10px); box-shadow: 0 -8px 24px rgba(23, 36, 31, 0.08) !important; } @media (max-width: 768px) { body.template-product #MainContent, body[class*="template-product"] #MainContent, body[class*="product-template"] #MainContent { padding-top: 10px !important; } body.template-product h1, body.template-product .product_title, body[class*="template-product"] h1, body[class*="template-product"] .product_title, body[class*="product-template"] h1, body[class*="product-template"] .product_title { line-height: 1.12 !important; } body.template-product .add-to-cart, body.template-product .btn-cart, body.template-product .product-form__cart-submit, body.template-product button[name="add"], body.template-product .shopify-payment-button__button, body[class*="template-product"] .add-to-cart, body[class*="template-product"] .btn-cart, body[class*="template-product"] .product-form__cart-submit, body[class*="template-product"] button[name="add"], body[class*="template-product"] .shopify-payment-button__button, body[class*="product-template"] .add-to-cart, body[class*="product-template"] .btn-cart, body[class*="product-template"] .product-form__cart-submit, body[class*="product-template"] button[name="add"], body[class*="product-template"] .shopify-payment-button__button { min-height: 46px !important; } } /* ========================================================= COLLECTION HERO RESTORE - FINAL WORKING FIX ========================================================= */ body.template-collection nav.breadcrumb.ap-breadcrumb, body.template-collection .breadcrumb.ap-breadcrumb, body.template-collection .ap-breadcrumb, body.template-collection .collection-header, body.template-collection .collection-banner, body.template-collection .collection-hero, body.template-collection .main-collection-banner, body.template-collection .page-header, body[class*="collection"] nav.breadcrumb.ap-breadcrumb, body[class*="collection"] .breadcrumb.ap-breadcrumb, body[class*="collection"] .ap-breadcrumb, body[class*="collection"] .collection-header, body[class*="collection"] .collection-banner, body[class*="collection"] .collection-hero, body[class*="collection"] .main-collection-banner, body[class*="collection"] .page-header { display: block !important; visibility: visible !important; opacity: 1 !important; max-height: none !important; height: auto !important; overflow: visible !important; } body.template-collection .collection-header, body[class*="collection"] .collection-header { margin-top: 24px !important; margin-bottom: 24px !important; border-radius: 0 !important; } /* Eğer theme breadcrumb'u hero gibi kullanıyorsa */ body.template-collection nav.breadcrumb.ap-breadcrumb, body.template-collection .breadcrumb.ap-breadcrumb, body[class*="collection"] nav.breadcrumb.ap-breadcrumb, body[class*="collection"] .breadcrumb.ap-breadcrumb { position: relative !important; z-index: 2 !important; } /* İçerikler gizlenmesin */ body.template-collection nav.breadcrumb.ap-breadcrumb *, body.template-collection .breadcrumb.ap-breadcrumb *, body.template-collection .ap-breadcrumb *, body.template-collection .collection-header *, body.template-collection .collection-banner *, body.template-collection .collection-hero *, body.template-collection .main-collection-banner *, body.template-collection .page-header *, body[class*="collection"] nav.breadcrumb.ap-breadcrumb *, body[class*="collection"] .breadcrumb.ap-breadcrumb *, body[class*="collection"] .ap-breadcrumb *, body[class*="collection"] .collection-header *, body[class*="collection"] .collection-banner *, body[class*="collection"] .collection-hero *, body[class*="collection"] .main-collection-banner *, body[class*="collection"] .page-header * { visibility: visible !important; opacity: 1 !important; } /* ========================================================= COLLECTION PAGE - PREMIUM POLISH ========================================================= */ /* Hero spacing */ body.template-collection nav.breadcrumb.ap-breadcrumb, body.template-collection .breadcrumb.ap-breadcrumb, body.template-collection .collection-header, body[class*="collection"] nav.breadcrumb.ap-breadcrumb, body[class*="collection"] .breadcrumb.ap-breadcrumb, body[class*="collection"] .collection-header { margin-bottom: 26px !important; } /* Filter + toolbar top area */ body.template-collection .collection-header + .collection-grid, body[class*="collection"] .collection-header + .collection-grid { margin-top: 8px !important; } /* Sidebar polish */ body.template-collection .collection-sidebar, body.template-collection .left-sidebar, body.template-collection .facets, body[class*="collection"] .collection-sidebar, body[class*="collection"] .left-sidebar, body[class*="collection"] .facets { border-radius: 24px !important; } /* Product grid cards */ body.template-collection .products .card, body.template-collection .product-grid .card, body.template-collection .collection-grid .card, body.template-collection .product-item, body[class*="collection"] .products .card, body[class*="collection"] .product-grid .card, body[class*="collection"] .collection-grid .card, body[class*="collection"] .product-item { border-radius: 22px !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } body.template-collection .products .card:hover, body.template-collection .product-grid .card:hover, body.template-collection .collection-grid .card:hover, body.template-collection .product-item:hover, body[class*="collection"] .products .card:hover, body[class*="collection"] .product-grid .card:hover, body[class*="collection"] .collection-grid .card:hover, body[class*="collection"] .product-item:hover { transform: translateY(-4px); } /* Product image blocks */ body.template-collection .products .card img, body.template-collection .product-grid .card img, body.template-collection .collection-grid .card img, body.template-collection .product-item img, body[class*="collection"] .products .card img, body[class*="collection"] .product-grid .card img, body[class*="collection"] .collection-grid .card img, body[class*="collection"] .product-item img { border-radius: 18px !important; } /* Sort dropdown */ body.template-collection .collection-header select, body.template-collection .toolbar select, body[class*="collection"] .collection-header select, body[class*="collection"] .toolbar select { border-radius: 999px !important; } /* Pagination */ body.template-collection .pagination a, body.template-collection .pagination span, body[class*="collection"] .pagination a, body[class*="collection"] .pagination span { border-radius: 999px !important; } /* Slight breathing room before footer */ body.template-collection .pagination, body[class*="collection"] .pagination { margin-bottom: 40px !important; } /* ========================================================= COLLECTION HERO - PREMIUM UPGRADE ========================================================= */ body.template-collection nav.breadcrumb.ap-breadcrumb, body[class*="collection"] nav.breadcrumb.ap-breadcrumb { background: linear-gradient(180deg, #efe6db 0%, #e6d8c8 100%) !important; padding: 32px 40px !important; border-radius: 20px !important; margin-bottom: 28px !important; } body.template-collection nav.breadcrumb.ap-breadcrumb h1, body[class*="collection"] nav.breadcrumb.ap-breadcrumb h1 { font-size: 34px !important; font-weight: 800 !important; letter-spacing: -0.02em !important; } /* ========================================================= PRODUCT GRID - IMAGE FIX (EN ÖNEMLİ) ========================================================= */ body.template-collection .product-item .product-image, body[class*="collection"] .product-item .product-image { background: radial-gradient(circle at center, #ffffff 0%, #f4efe8 100%) !important; padding: 18px !important; border-radius: 18px !important; } /* Image büyüsün */ body.template-collection .product-item img, body[class*="collection"] .product-item img { width: 100% !important; height: auto !important; object-fit: contain !important; transform: scale(1.05); transition: transform 0.25s ease; } body.template-collection .product-item:hover img, body[class*="collection"] .product-item:hover img { transform: scale(1.08); } /* ========================================================= PRODUCT CARD PREMIUM ========================================================= */ body.template-collection .product-item, body[class*="collection"] .product-item { border-radius: 20px !important; box-shadow: 0 6px 18px rgba(0,0,0,0.04) !important; transition: all 0.25s ease !important; } body.template-collection .product-item:hover, body[class*="collection"] .product-item:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0,0,0,0.08) !important; } /* ========================================================= FILTER PANEL PREMIUM ========================================================= */ body.template-collection .collection-sidebar, body[class*="collection"] .collection-sidebar { background: #ffffff; padding: 20px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); } /* ========================================================= SORT DROPDOWN ========================================================= */ body.template-collection select, body[class*="collection"] select { border-radius: 999px !important; padding: 8px 14px !important; } /* ========================================================= PAGINATION PREMIUM ========================================================= */ body.template-collection .pagination a, body.template-collection .pagination span, body[class*="collection"] .pagination a, body[class*="collection"] .pagination span { border-radius: 999px !important; padding: 8px 12px !important; } /* ========================================================= EXTRA SPACING BEFORE FOOTER ========================================================= */ body.template-collection .pagination, body[class*="collection"] .pagination { margin-bottom: 50px !important; } /* ========================================================= PRODUCT IMAGE FULL FIX (REAL FIX) ========================================================= */ /* Image container */ .product-item .product-image { display: flex !important; align-items: center !important; justify-content: center !important; height: 220px !important; background: radial-gradient(circle at center, #ffffff 0%, #f4efe8 100%) !important; padding: 10px !important; border-radius: 16px !important; } /* Image büyüt */ .product-item .product-image img { max-height: 200px !important; width: auto !important; object-fit: contain !important; transform: scale(1.1); transition: all 0.25s ease; } .product-item:hover .product-image img { transform: scale(1.15); } /* ========================================================= PRODUCT CARD FIX ========================================================= */ .product-item { border-radius: 18px !important; padding: 14px !important; box-shadow: 0 6px 18px rgba(0,0,0,0.04) !important; transition: all 0.25s ease; } .product-item:hover { transform: translateY(-6px); box-shadow: 0 20px 45px rgba(0,0,0,0.08) !important; } /* ========================================================= TITLE SPACING FIX ========================================================= */ .product-item .product-title { margin-top: 12px !important; font-weight: 600; } /* ========================================================= HERO UPGRADE (DOLU GÖRÜNSÜN) ========================================================= */ .ap-breadcrumb { background: linear-gradient(135deg, #efe6db 0%, #e6d8c8 100%) !important; padding: 40px 50px !important; border-radius: 22px !important; position: relative; overflow: hidden; } /* subtle glow */ .ap-breadcrumb::after { content: ""; position: absolute; top: -40px; right: -40px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.4), transparent); } /* title */ .ap-breadcrumb h1 { font-size: 36px !important; font-weight: 800 !important; } /* ========================================================= FILTER PANEL CLEAN ========================================================= */ .collection-sidebar { background: #fff; padding: 20px; border-radius: 18px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); } /* ========================================================= GRID SPACING FIX ========================================================= */ .collection-products { gap: 20px !important; } /* ========================================================= COLLECTION PRODUCT IMAGE — FINAL FIX (YOUR THEME) ========================================================= */ /* Product card container */ .products .product-container { padding: 18px !important; border-radius: 18px !important; transition: all 0.25s ease; } .products .product-container:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); } /* IMAGE WRAPPER (CRITICAL FIX) */ .products .image_group { display: flex !important; align-items: center !important; justify-content: center !important; height: 240px !important; background: radial-gradient(circle at center, #ffffff 0%, #f4efe8 100%); border-radius: 16px; padding: 10px; } /* ACTUAL IMAGE */ .products .image_group img, .products .featured-image { max-height: 210px !important; width: auto !important; object-fit: contain !important; transform: scale(1.12); transition: all 0.25s ease; } /* Hover zoom */ .products .product-container:hover img { transform: scale(1.18); } /* ========================================================= TITLE SPACING ========================================================= */ .product-detail { margin-top: 12px !important; } /* ========================================================= HERO FIX (DYNAMIC LOOK) ========================================================= */ .dt-sc-collection-section .collection-header, .collection-header { background: linear-gradient(135deg, #efe6db 0%, #e2d3c2 100%) !important; padding: 40px 50px !important; border-radius: 22px !important; position: relative; overflow: hidden; } /* glow effect */ .collection-header::after { content: ""; position: absolute; top: -40px; right: -40px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(255,255,255,0.4), transparent); } /* title */ .collection-header h1 { font-size: 42px !important; font-weight: 800 !important; } /* ========================================================= FILTER PANEL CLEAN PREMIUM ========================================================= */ .collection-sidebar { background: #fff; padding: 22px; border-radius: 18px; box-shadow: 0 12px 28px rgba(0,0,0,0.05); } /* ========================================================= GRID SPACING ========================================================= */ .collection-products, .products { gap: 22px !important; } /* ========================================================= COLLECTION PRODUCT CARDS - STABLE FINAL FIX ========================================================= */ /* Kart düzeni */ .products .product-container { padding: 16px !important; border-radius: 18px !important; box-shadow: 0 6px 18px rgba(0,0,0,0.04) !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } .products .product-container:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(0,0,0,0.08) !important; } /* Görsel alanı */ .products .image_group { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 220px !important; padding: 14px !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; } /* Gerçek ürün görseli */ .products .image_group img, .products img.featured-image { max-width: 100% !important; max-height: 190px !important; width: auto !important; height: auto !important; object-fit: contain !important; transform: none !important; transition: transform 0.22s ease !important; } /* Hover sadece hafif olsun */ .products .product-container:hover .image_group img, .products .product-container:hover img.featured-image { transform: scale(1.04) !important; } /* Başlık ve fiyat */ .products .product-detail, .products .product-detail.content-center { margin-top: 12px !important; } .products .product-detail .grid-link__title, .products .product-detail .product-title, .products .product-title { line-height: 1.4 !important; } .products .price, .products .product-price { font-weight: 600 !important; } /* collection page small safe polish */ .products .product-container { min-height: 320px; } .products .product-detail { padding-top: 10px; } .collection-header h1, .ap-breadcrumb h1 { font-size: 40px !important; letter-spacing: -0.02em; } /* ========================================================= COLLECTION GRID - THEME MATCHED FIX ========================================================= */ .products .product-container { padding: 14px !important; border-radius: 18px !important; box-shadow: 0 6px 18px rgba(0,0,0,0.04) !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; background: #fff !important; } .products .product-container:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(0,0,0,0.08) !important; } .products .image_group { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 220px !important; padding: 12px !important; border-radius: 16px !important; background: #fff !important; overflow: hidden !important; } .products .image_group img.featured-image, .products img.featured-image { max-width: 100% !important; max-height: 190px !important; width: auto !important; height: auto !important; object-fit: contain !important; transform: none !important; transition: transform 0.22s ease !important; } .products .product-container:hover .image_group img.featured-image, .products .product-container:hover img.featured-image { transform: scale(1.04) !important; } .products .product-detail.content-center, .products .product-detail { margin-top: 12px !important; } .products .product-detail .grid-link__title, .products .product-title, .products .grid-link__title { line-height: 1.4 !important; } /* collection hero polish */ nav.breadcrumb.ap-breadcrumb, .breadcrumb.ap-breadcrumb { background: linear-gradient(135deg, #efe6db 0%, #e5d6c5 100%) !important; border-radius: 22px !important; padding: 30px 40px !important; } nav.breadcrumb.ap-breadcrumb h1, .breadcrumb.ap-breadcrumb h1 { font-size: 38px !important; letter-spacing: -0.02em !important; } /* ========================================================= PRODUCT PAGE - SAFE PREMIUM POLISH ========================================================= */ /* ===== Main product top area ===== */ body.template-product #MainContent, body[class*="product"] #MainContent { padding-top: 20px !important; } body.template-product .product-template-section, body.template-product .main-product-template, body.template-product .product-page, body.template-product .product-single, body[class*="product"] .product-template-section, body[class*="product"] .main-product-template, body[class*="product"] .product-page, body[class*="product"] .product-single { margin-top: 10px !important; } /* ===== Product title ===== */ body.template-product h1, body.template-product .product_title, body.template-product .product-name h1, body[class*="product"] h1, body[class*="product"] .product_title, body[class*="product"] .product-name h1 { font-size: clamp(30px, 3vw, 46px) !important; line-height: 1.06 !important; letter-spacing: -0.03em !important; font-weight: 800 !important; margin-bottom: 14px !important; } /* ===== Product info card feel ===== */ body.template-product .product-summary, body.template-product .product-information, body.template-product .product_right_content, body[class*="product"] .product-summary, body[class*="product"] .product-information, body[class*="product"] .product_right_content { border-radius: 24px !important; } /* ===== Price ===== */ body.template-product .price, body.template-product .product-price, body.template-product .product-price .money, body[class*="product"] .price, body[class*="product"] .product-price, body[class*="product"] .product-price .money { font-size: 18px !important; font-weight: 700 !important; color: #1f5b51 !important; } /* ===== Variant pills ===== */ body.template-product .swatch-element label, body.template-product .variant-input-wrap label, body.template-product .product-form__input label, body[class*="product"] .swatch-element label, body[class*="product"] .variant-input-wrap label, body[class*="product"] .product-form__input label { border-radius: 999px !important; min-height: 34px !important; padding: 6px 14px !important; } /* ===== Quantity ===== */ body.template-product .quantity, body.template-product .quantity-wrapper, body.template-product .quantity__wrapper, body[class*="product"] .quantity, body[class*="product"] .quantity-wrapper, body[class*="product"] .quantity__wrapper { border-radius: 16px !important; } /* ===== Add to cart buttons ===== */ body.template-product .add-to-cart, body.template-product .btn-cart, body.template-product .product-form__cart-submit, body.template-product button[name="add"], body.template-product .shopify-payment-button__button, body[class*="product"] .add-to-cart, body[class*="product"] .btn-cart, body[class*="product"] .product-form__cart-submit, body[class*="product"] button[name="add"], body[class*="product"] .shopify-payment-button__button { border-radius: 999px !important; min-height: 48px !important; padding-left: 20px !important; padding-right: 20px !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } body.template-product .add-to-cart:hover, body.template-product .btn-cart:hover, body.template-product .product-form__cart-submit:hover, body.template-product button[name="add"]:hover, body.template-product .shopify-payment-button__button:hover, body[class*="product"] .add-to-cart:hover, body[class*="product"] .btn-cart:hover, body[class*="product"] .product-form__cart-submit:hover, body[class*="product"] button[name="add"]:hover, body[class*="product"] .shopify-payment-button__button:hover { transform: translateY(-2px); } /* ===== Share / social proof spacing ===== */ body.template-product .product-meta, body.template-product .product__policies, body.template-product .share, body[class*="product"] .product-meta, body[class*="product"] .product__policies, body[class*="product"] .share { margin-top: 10px !important; } /* ===== Description box ===== */ body.template-product .product-description, body.template-product .dt-sc-accordion, body.template-product .accordion, body.template-product .product-tabs, body.template-product .description, body[class*="product"] .product-description, body[class*="product"] .dt-sc-accordion, body[class*="product"] .accordion, body[class*="product"] .product-tabs, body[class*="product"] .description { border-radius: 24px !important; box-shadow: 0 10px 26px rgba(23, 36, 31, 0.04) !important; } body.template-product .product-description p, body.template-product .description p, body[class*="product"] .product-description p, body[class*="product"] .description p { line-height: 1.75 !important; } /* ===== Thumbnails ===== */ body.template-product .product-thumbnails img, body.template-product .product-thumb img, body[class*="product"] .product-thumbnails img, body[class*="product"] .product-thumb img { border-radius: 14px !important; } /* ===== Recommended products ===== */ body.template-product .related-products, body.template-product .product-recommendations, body.template-product .recommended-products, body[class*="product"] .related-products, body[class*="product"] .product-recommendations, body[class*="product"] .recommended-products { margin-top: 58px !important; } body.template-product .related-products .card, body.template-product .product-recommendations .card, body.template-product .recommended-products .card, body[class*="product"] .related-products .card, body[class*="product"] .product-recommendations .card, body[class*="product"] .recommended-products .card { border-radius: 22px !important; } /* ===== Trust block ===== */ body.template-product .ap-product-trust, body.template-product .ap-ac-trust, body[class*="product"] .ap-product-trust, body[class*="product"] .ap-ac-trust { border-radius: 28px !important; box-shadow: 0 14px 34px rgba(23, 36, 31, 0.05) !important; } /* ===== Sticky add to cart bar ===== */ body.template-product #addtocart-sticky, body.template-product .sticky-bar, body.template-product .sticky_bar, body.template-product .sticky-cart, body.template-product .product-sticky-cart, body[class*="product"] #addtocart-sticky, body[class*="product"] .sticky-bar, body[class*="product"] .sticky_bar, body[class*="product"] .sticky-cart, body[class*="product"] .product-sticky-cart { backdrop-filter: blur(10px); box-shadow: 0 -8px 24px rgba(23, 36, 31, 0.08) !important; } /* ===== Mobile ===== */ @media (max-width: 768px) { body.template-product h1, body.template-product .product_title, body[class*="product"] h1, body[class*="product"] .product_title { font-size: 30px !important; } body.template-product .add-to-cart, body.template-product .btn-cart, body.template-product .product-form__cart-submit, body.template-product button[name="add"], body.template-product .shopify-payment-button__button, body[class*="product"] .add-to-cart, body[class*="product"] .btn-cart, body[class*="product"] .product-form__cart-submit, body[class*="product"] button[name="add"], body[class*="product"] .shopify-payment-button__button { min-height: 46px !important; } } /* ========================================================= PRODUCT PAGE - STAGE 2 TARGETED POLISH ========================================================= */ /* Sağ bilgi alanını card gibi güçlendir */ body.template-product .product-summary, body.template-product .product-information, body.template-product .product_right_content, body[class*="product"] .product-summary, body[class*="product"] .product-information, body[class*="product"] .product_right_content { background: #fff !important; padding: 18px 20px 20px !important; border-radius: 24px !important; box-shadow: 0 10px 28px rgba(23, 36, 31, 0.05) !important; } /* Başlık altı spacing */ body.template-product h1, body.template-product .product_title, body[class*="product"] h1, body[class*="product"] .product_title { margin-bottom: 10px !important; } /* Vendor / type / quantity satırları biraz daha sakin */ body.template-product .product-summary label, body.template-product .product-information label, body.template-product .product_right_content label, body[class*="product"] .product-summary label, body[class*="product"] .product-information label, body[class*="product"] .product_right_content label { color: #6f685f !important; } /* CTA alanı */ body.template-product .add-to-cart, body.template-product .btn-cart, body.template-product .product-form__cart-submit, body.template-product button[name="add"], body[class*="product"] .add-to-cart, body[class*="product"] .btn-cart, body[class*="product"] .product-form__cart-submit, body[class*="product"] button[name="add"] { box-shadow: 0 10px 20px rgba(31, 91, 81, 0.18) !important; } /* Buy with shop butonu biraz daha dengeli */ body.template-product .shopify-payment-button__button, body[class*="product"] .shopify-payment-button__button { box-shadow: 0 8px 18px rgba(97, 76, 214, 0.16) !important; } /* Description kutusu */ body.template-product .product-description, body.template-product .dt-sc-accordion, body.template-product .accordion, body.template-product .product-tabs, body.template-product .description, body[class*="product"] .product-description, body[class*="product"] .dt-sc-accordion, body[class*="product"] .accordion, body[class*="product"] .product-tabs, body[class*="product"] .description { background: #F5F1EB !important; padding: 18px 18px 16px !important; border-radius: 24px !important; box-shadow: 0 12px 24px rgba(23, 36, 31, 0.04) !important; } /* Description heading */ body.template-product .product-description h2, body.template-product .product-description h3, body.template-product .accordion h2, body.template-product .accordion h3, body[class*="product"] .product-description h2, body[class*="product"] .product-description h3, body[class*="product"] .accordion h2, body[class*="product"] .accordion h3 { margin-bottom: 12px !important; } /* Recommended products alanı */ body.template-product .related-products .card, body.template-product .product-recommendations .card, body.template-product .recommended-products .card, body[class*="product"] .related-products .card, body[class*="product"] .product-recommendations .card, body[class*="product"] .recommended-products .card { background: #fff !important; border-radius: 22px !important; box-shadow: 0 10px 24px rgba(23, 36, 31, 0.04) !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } body.template-product .related-products .card:hover, body.template-product .product-recommendations .card:hover, body.template-product .recommended-products .card:hover, body[class*="product"] .related-products .card:hover, body[class*="product"] .product-recommendations .card:hover, body[class*="product"] .recommended-products .card:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(23, 36, 31, 0.08) !important; } /* Recommended product görsel kutuları */ body.template-product .related-products .card img, body.template-product .product-recommendations .card img, body.template-product .recommended-products .card img, body[class*="product"] .related-products .card img, body[class*="product"] .product-recommendations .card img, body[class*="product"] .recommended-products .card img { border-radius: 16px !important; } /* Trust section biraz daha güçlü */ body.template-product .ap-ac-trust, body[class*="product"] .ap-ac-trust { margin-top: 42px !important; } /* Thumbnail seçili durum */ body.template-product .product-thumb.slick-current img, body.template-product .product-thumbnails .active img, body[class*="product"] .product-thumb.slick-current img, body[class*="product"] .product-thumbnails .active img { box-shadow: 0 0 0 2px #1f5b51 !important; } /* Sağ ve sol blok arası biraz daha nefes */ @media (min-width: 990px) { body.template-product .product-page, body.template-product .product-single, body[class*="product"] .product-page, body[class*="product"] .product-single { column-gap: 28px !important; } } /* ========================================================= PRODUCT PAGE - RECOMMENDED PRODUCTS FIX (FINAL) ========================================================= */ .ap-recommendations-grid .grid-item { background: #fff !important; border-radius: 20px !important; overflow: hidden !important; } /* IMAGE WRAPPER FIX */ .ap-recommendations-grid .image_group { height: 220px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 16px !important; background: #fff !important; } /* IMAGE FIX */ .ap-recommendations-grid img { display: block !important; width: auto !important; max-width: 100% !important; max-height: 180px !important; object-fit: contain !important; margin: 0 auto !important; } /* REMOVE OVERLAY BUG */ .ap-recommendations-grid .ImageOverlayCa { display: none !important; } /* CARD TEXT SPACING */ .ap-recommendations-grid .product-detail { padding: 14px 16px 18px !important; text-align: center !important; } /* ========================================================= PRODUCT PAGE - FINAL LUXURY POLISH ========================================================= */ /* Main layout spacing */ body.template-product #MainContent, body[class*="product"] #MainContent { padding-top: 24px !important; padding-bottom: 34px !important; } /* Top area balance */ body.template-product .product-page, body.template-product .product-single, body[class*="product"] .product-page, body[class*="product"] .product-single { align-items: start !important; } /* Main product image area */ body.template-product .product-images, body.template-product .product-gallery, body.template-product .product_main_images, body[class*="product"] .product-images, body[class*="product"] .product-gallery, body[class*="product"] .product_main_images { background: #fff !important; border-radius: 28px !important; box-shadow: 0 14px 34px rgba(23, 36, 31, 0.05) !important; padding: 12px !important; } /* Main image */ body.template-product .product-images img, body.template-product .product-gallery img, body.template-product .product_main_images img, body[class*="product"] .product-images img, body[class*="product"] .product-gallery img, body[class*="product"] .product_main_images img { transition: transform 0.28s ease !important; } body.template-product .product-images:hover img, body.template-product .product-gallery:hover img, body.template-product .product_main_images:hover img, body[class*="product"] .product-images:hover img, body[class*="product"] .product-gallery:hover img, body[class*="product"] .product_main_images:hover img { transform: scale(1.015); } /* Thumbnail row */ body.template-product .product-thumbnails, body.template-product .product-thumb-list, body[class*="product"] .product-thumbnails, body[class*="product"] .product-thumb-list { margin-top: 16px !important; } body.template-product .product-thumb, body.template-product .product-thumbnails li, body[class*="product"] .product-thumb, body[class*="product"] .product-thumbnails li { border-radius: 16px !important; overflow: hidden !important; } /* Right info card */ body.template-product .product-summary, body.template-product .product-information, body.template-product .product_right_content, body[class*="product"] .product-summary, body[class*="product"] .product-information, body[class*="product"] .product_right_content { background: #fff !important; border-radius: 28px !important; padding: 22px 24px 24px !important; box-shadow: 0 16px 38px rgba(23, 36, 31, 0.06) !important; } /* Product title */ body.template-product h1, body.template-product .product_title, body[class*="product"] h1, body[class*="product"] .product_title { font-size: clamp(32px, 3vw, 48px) !important; line-height: 1.04 !important; letter-spacing: -0.03em !important; margin-bottom: 10px !important; } /* Price */ body.template-product .price, body.template-product .product-price, body.template-product .product-price .money, body[class*="product"] .price, body[class*="product"] .product-price, body[class*="product"] .product-price .money { font-size: 19px !important; font-weight: 700 !important; color: #1f5b51 !important; } /* Meta rows */ body.template-product .product-summary p, body.template-product .product-information p, body.template-product .product_right_content p, body[class*="product"] .product-summary p, body[class*="product"] .product-information p, body[class*="product"] .product_right_content p { line-height: 1.65 !important; } /* Quantity area */ body.template-product .quantity, body.template-product .quantity-wrapper, body.template-product .quantity__wrapper, body[class*="product"] .quantity, body[class*="product"] .quantity-wrapper, body[class*="product"] .quantity__wrapper { border-radius: 16px !important; overflow: hidden !important; } /* CTA buttons */ body.template-product .add-to-cart, body.template-product .btn-cart, body.template-product .product-form__cart-submit, body.template-product button[name="add"], body[class*="product"] .add-to-cart, body[class*="product"] .btn-cart, body[class*="product"] .product-form__cart-submit, body[class*="product"] button[name="add"] { border-radius: 999px !important; min-height: 48px !important; box-shadow: 0 10px 22px rgba(31, 91, 81, 0.18) !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } body.template-product .add-to-cart:hover, body.template-product .btn-cart:hover, body.template-product .product-form__cart-submit:hover, body.template-product button[name="add"]:hover, body[class*="product"] .add-to-cart:hover, body[class*="product"] .btn-cart:hover, body[class*="product"] .product-form__cart-submit:hover, body[class*="product"] button[name="add"]:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(31, 91, 81, 0.24) !important; } body.template-product .shopify-payment-button__button, body[class*="product"] .shopify-payment-button__button { border-radius: 999px !important; min-height: 48px !important; box-shadow: 0 8px 18px rgba(98, 76, 214, 0.16) !important; } /* Share + proof spacing */ body.template-product .share, body.template-product .product-meta, body[class*="product"] .share, body[class*="product"] .product-meta { margin-top: 12px !important; } /* ========================================================= AURORA PET - PRODUCT DESCRIPTION PREMIUM CARD FINAL ========================================================= */ /* Outer accordion/container */ body.template-product .dt-sc-accordion, body.template-product .dt-sc-accordion-container, body.template-product .product-tab, body[class*="product"] .dt-sc-accordion, body[class*="product"] .dt-sc-accordion-container { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* Description header */ body.template-product .dt-sc-accordion-btn, body.template-product .dt-sc-accordion-btn.open, body[class*="product"] .dt-sc-accordion-btn, body[class*="product"] .dt-sc-accordion-btn.open { background: #FAF7F2 !important; background-color: #FAF7F2 !important; border: 1px solid rgba(0,0,0,.035) !important; border-bottom: none !important; border-radius: 18px 18px 0 0 !important; padding: 18px 24px 10px !important; box-shadow: 0 6px 18px rgba(0,0,0,.025) !important; } /* Description content */ body.template-product .dt-sc-accordion-content, body.template-product .dt-sc-accordion-content.open, body[class*="product"] .dt-sc-accordion-content, body[class*="product"] .dt-sc-accordion-content.open { background: #FAF7F2 !important; background-color: #FAF7F2 !important; border: 1px solid rgba(0,0,0,.035) !important; border-top: none !important; border-radius: 0 0 18px 18px !important; padding: 0 24px 12px !important; box-shadow: 0 10px 22px rgba(0,0,0,.03) !important; } /* Description title */ body.template-product .dt-sc-accordion-btn h5, body[class*="product"] .dt-sc-accordion-btn h5 { color: #1F2E2A !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 500 !important; margin: 0 !important; } /* Description text */ body.template-product .dt-sc-accordion-content, body.template-product .dt-sc-accordion-content p, body[class*="product"] .dt-sc-accordion-content, body[class*="product"] .dt-sc-accordion-content p { color: #3F4743 !important; font-size: 17px !important; line-height: 1.65 !important; } /* Recommended products section */ .ap-recommendations-grid .grid-item { background: #fff !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 10px 24px rgba(23, 36, 31, 0.04) !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } .ap-recommendations-grid .grid-item:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(23, 36, 31, 0.08) !important; } .ap-recommendations-grid .image_group { min-height: 220px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 16px !important; background: #fff !important; } .ap-recommendations-grid img { max-width: 100% !important; max-height: 182px !important; width: auto !important; height: auto !important; object-fit: contain !important; transition: transform 0.22s ease !important; } .ap-recommendations-grid .grid-item:hover img { transform: scale(1.04); } .ap-recommendations-grid .product-detail { padding: 14px 16px 18px !important; text-align: center !important; } /* Recommended heading */ body.template-product h3.section-header__title, body[class*="product"] h3.section-header__title { margin-bottom: 18px !important; } /* Trust section */ body.template-product .ap-ac-trust, body[class*="product"] .ap-ac-trust { margin-top: 46px !important; background: #fff !important; border-radius: 30px !important; box-shadow: 0 16px 36px rgba(23, 36, 31, 0.05) !important; } /* Mobile */ @media (max-width: 768px) { body.template-product .product-summary, body.template-product .product-information, body.template-product .product_right_content, body[class*="product"] .product-summary, body[class*="product"] .product-information, body[class*="product"] .product_right_content { padding: 18px 16px 18px !important; } body.template-product h1, body.template-product .product_title, body[class*="product"] h1, body[class*="product"] .product_title { font-size: 30px !important; } .ap-recommendations-grid .image_group { min-height: 180px !important; } .ap-recommendations-grid img { max-height: 150px !important; } } /* ===================================================== AURORA PET - FINAL PREMIUM HEADER Clean / Stable / Mega Menu Friendly ===================================================== */ #shopify-section-header, .shopify-section-header, .shopify-section-header-sticky, .header-wrapper, .header { background: rgba(250, 247, 242, 0.97) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; box-shadow: 0 1px 8px rgba(35, 28, 22, 0.03) !important; border-bottom: 1px solid rgba(214, 198, 181, 0.22) !important; } .header { align-items: center !important; } /* Logo */ .header__heading { margin-right: 10px !important; } .header__heading-logo, .site-header__logo img, .header-logo img, .logo img { max-width: 180px !important; height: auto !important; } /* Navigation */ .header__menu-item, .site-nav__link, .list-menu__item, .site-header nav a, .header-menu a, .main-menu a { font-size: 11.5px !important; font-weight: 400 !important; letter-spacing: 0.045em !important; text-transform: none !important; color: #566760 !important; } .header__menu-item:hover, .site-nav__link:hover, .list-menu__item:hover, .site-header nav a:hover, .header-menu a:hover, .main-menu a:hover { color: #f26b3a !important; } /* Mega Menu Typography & Spacing */ .gm-menu-installed .gm-menu .gm-item.gm-level-0 > .gm-target { padding-left: 9px !important; padding-right: 9px !important; } .gm-menu-installed .gm-menu .gm-item.gm-level-0 > .gm-target > .gm-text { color: #44554F !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0.018em !important; } /* Icons */ .header__icon, .header__icon svg, .site-header__icons, .site-header__icons svg, .header-icons, .header-icons svg { color: #566760 !important; fill: #566760 !important; } .header__icons, .site-header__icons, .header-icons { gap: 12px !important; transform: translateY(1px); } /* Mega Menu Hover Fix - No Load Stretch */ .gm-menu, .gm-submenu, .gm-mega, .gm-submenu-mega { z-index: 999999 !important; } @media screen and (min-width: 990px) { #shopify-section-header:hover { position: relative !important; z-index: 99999 !important; } } /* Footer */ .footer { border-top: 1px solid rgba(214,198,181,0.22); } /* Mobile */ @media screen and (max-width: 749px) { .header__heading-logo, .site-header__logo img, .header-logo img, .logo img { max-width: 122px !important; } .header__inline-menu { gap: 14px !important; } .header__menu-item, .site-nav__link, .list-menu__item { font-size: 11px !important; } .shopify-policy__container { padding: 42px 16px 90px; } .ap-policy-highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .shopify-policy__container h1, .shopify-policy__title { font-size: 32px; } .shopify-policy__container h2 { font-size: 24px; } } /* ===================================================== AURORA PET - FINAL PREMIUM FOOTER Clean / Compact / Luxury Minimal ===================================================== */ .footer, .site-footer { border-top: 1px solid rgba(214,198,181,0.22) !important; } /* Newsletter Input */ .footer input[type="email"], .footer input[type="text"], .site-footer input[type="email"], .site-footer input[type="text"] { height: 48px !important; border-radius: 14px !important; border: 1px solid rgba(68,85,79,0.10) !important; background: rgba(255,255,255,0.35) !important; box-shadow: none !important; } /* Newsletter Button */ .footer button, .footer .btn, .site-footer button, .site-footer .btn { height: 48px !important; border-radius: 24px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; transition: all 0.2s ease !important; } /* Footer Headings */ .footer h3, .footer h4, .footer .footer__title, .site-footer h3, .site-footer h4, .site-footer .footer__title { font-size: 20px !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; color: #1f4f4a !important; } /* Footer Text */ .footer a, .footer p, .footer li, .site-footer a, .site-footer p, .site-footer li { font-size: 14px !important; line-height: 1.7 !important; color: #2d2d2d !important; } /* Footer Logo */ .footer .logo img, .footer-logo img, .site-footer .logo img { max-width: 185px !important; height: auto !important; } /* Copyright Text */ .footer-bottom p, .site-footer__bottom p, .copyright p, .footer-bottom small, .site-footer__bottom small, .copyright small { margin: 0 !important; font-size: 13px !important; color: rgba(255,255,255,0.78) !important; line-height: 1.4 !important; } /* Payment Icons */ .footer-bottom img, .site-footer__bottom img, .copyright img { margin: 0 !important; opacity: 0.92 !important; max-height: 22px !important; } /* Mobile */ @media screen and (max-width: 749px) { .footer-bottom, .site-footer__bottom, .copyright { padding: 18px 20px !important; } .footer-bottom .container, .footer-bottom .page-width, .site-footer__bottom .container, .site-footer__bottom .page-width, .copyright .container, .copyright .page-width { justify-content: center !important; text-align: center !important; } } /* ========================= AURORA PET FOOTER BOTTOM FINAL SAFE FLEX VERSION ========================= */ .site-footer__bottom, .footer__content-bottom, .footer .footer-bottom { background: #171312 !important; padding: 0 !important; margin: 0 !important; border-top: 1px solid rgba(255,255,255,0.05) !important; } /* Main bottom wrapper */ .site-footer__bottom .dt-sc-flex-space-between, .footer__content-bottom .dt-sc-flex-space-between, .footer .footer-bottom .dt-sc-flex-space-between, .site-footer__bottom .container, .footer__content-bottom .container, .footer .footer-bottom .container { min-height: 58px !important; padding: 0 34px !important; margin: 0 auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 14px !important; background: transparent !important; } /* Copyright */ .footer__copyright, .copyright { width: auto !important; max-width: none !important; min-width: max-content !important; margin: 0 !important; padding: 0 !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; text-align: center !important; } .footer__copyright *, .copyright * { margin: 0 !important; padding: 0 !important; background: transparent !important; font-size: 12.5px !important; line-height: 1 !important; color: rgba(255,255,255,.78) !important; white-space: nowrap !important; } /* Payment icons */ .list-payment, .payment-icons { width: auto !important; max-width: none !important; margin: 0 0 0 4px !important; padding: 0 !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 7px !important; } /* Payment icon size */ .list-payment__item { margin: 0 !important; padding: 0 !important; opacity: 0.96 !important; transform: none !important; } .list-payment__item svg, .list-payment__item img, .payment-icons img, .payment-icons svg { width: auto !important; height: 22px !important; max-height: 22px !important; min-width: 30px !important; display: block !important; transform: none !important; } /* Mobile */ @media screen and (max-width: 749px) { .site-footer__bottom .dt-sc-flex-space-between, .footer__content-bottom .dt-sc-flex-space-between, .footer .footer-bottom .dt-sc-flex-space-between, .site-footer__bottom .container, .footer__content-bottom .container, .footer .footer-bottom .container { min-height: auto !important; padding: 12px 20px !important; flex-direction: column !important; gap: 9px !important; } } /* ==================================== FOOTER LOGO - COMPACT REFINED ==================================== */ .footer .footer__heading-logo, .footer .footer-logo, .site-footer .footer__heading-logo, .site-footer .footer-logo, .footer .header__heading-logo, .site-footer .header__heading-logo, .footer .header__heading-logo-wrapper img, .site-footer .header__heading-logo-wrapper img { max-height: 38px !important; width: auto !important; transform: scale(0.96) !important; transform-origin: left center !important; filter: contrast(1.03) saturate(1.04); } /* logo block spacing */ .footer .footer__heading, .site-footer .footer__heading, .footer .footer-block__brand-info, .site-footer .footer-block__brand-info { margin-bottom: 10px !important; } /* slogan closer to logo */ .footer p em, .site-footer p em { display: block !important; margin-top: 6px !important; } /* ========================================= AURORA PET CATEGORY CARDS Full-Bleed Premium Image Upgrade ========================================= */ .ap-shop-by-pet .card, .ap-pet-card, .ap-category-card, .template-page .card { overflow: hidden !important; border-radius: 24px !important; background: #fbf8f3 !important; border: 1px solid rgba(0,0,0,0.07) !important; box-shadow: 0 14px 34px rgba(0,0,0,0.06) !important; } /* remove image padding / inset look */ .ap-shop-by-pet .card__media, .ap-shop-by-pet .media, .ap-pet-card .media, .ap-category-card .media, .template-page .card__media, .template-page .media { margin: 0 !important; padding: 0 !important; border-radius: 24px 24px 0 0 !important; overflow: hidden !important; } /* full frame images */ .ap-shop-by-pet .card img, .ap-pet-card img, .ap-category-card img, .template-page .card img { width: 100% !important; height: 300px !important; object-fit: cover !important; object-position: center center !important; display: block !important; border-radius: 24px 24px 0 0 !important; transition: transform 0.35s ease !important; } /* content area */ .ap-shop-by-pet .card__content, .ap-pet-card .content, .ap-category-card .content, .template-page .card__content { padding: 26px 24px 28px !important; background: #fbf8f3 !important; text-align: center !important; } /* title */ .ap-shop-by-pet h3, .ap-pet-card h3, .ap-category-card h3, .template-page .card h3 { margin-bottom: 12px !important; font-size: 22px !important; line-height: 1.2 !important; } /* description */ .ap-shop-by-pet p, .ap-pet-card p, .ap-category-card p, .template-page .card p { max-width: 260px !important; margin-left: auto !important; margin-right: auto !important; line-height: 1.55 !important; } /* hover */ .ap-shop-by-pet .card:hover, .ap-pet-card:hover, .ap-category-card:hover, .template-page .card:hover { transform: translateY(-5px) !important; box-shadow: 0 22px 46px rgba(0,0,0,0.09) !important; } .ap-shop-by-pet .card:hover img, .ap-pet-card:hover img, .ap-category-card:hover img, .template-page .card:hover img { transform: scale(1.035) !important; } /* mobile */ @media screen and (max-width: 749px) { .ap-shop-by-pet .card img, .ap-pet-card img, .ap-category-card img, .template-page .card img { height: 230px !important; } .ap-shop-by-pet .card__content, .ap-pet-card .content, .ap-category-card .content, .template-page .card__content { padding: 22px 18px 24px !important; } } /* ========================================= AURORA PET - SEARCH CARDS MATCH RECOMMENDED PRODUCTS ========================================= */ body.template-search .dT_VProdWrapper ul.dt-sc-column { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px !important; max-width: 1180px !important; margin: 34px auto !important; padding: 0 !important; list-style: none !important; } body.template-search .dT_VProdWrapper li.grid-item.product-grid-item { width: 100% !important; max-width: 100% !important; float: none !important; display: block !important; } body.template-search .dT_VProdWrapper .products { background: #fff !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 16px 36px rgba(0,0,0,0.045) !important; } /* Image box like recommended products */ body.template-search .dT_VProdWrapper .product-container { height: 270px !important; background: #fff !important; border: 1px solid rgba(70,45,25,0.14) !important; border-radius: 18px 18px 0 0 !important; overflow: hidden !important; position: relative !important; } /* Important: normalize link wrapper */ body.template-search .dT_VProdWrapper .product-container > a.grid-link, body.template-search .dT_VProdWrapper .product-container > a.product-group, body.template-search .dT_VProdWrapper .product-container > a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Important: image_group is underscore, not image-group */ body.template-search .dT_VProdWrapper .image_group, body.template-search .dT_VProdWrapper .reveal, body.template-search .dT_VProdWrapper .product-additional { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Main product image */ body.template-search .dT_VProdWrapper .product-container img.featured-image, body.template-search .dT_VProdWrapper .product-container img.hidden-feature_img, body.template-search .dT_VProdWrapper .product-container img { width: auto !important; height: auto !important; max-width: 78% !important; max-height: 220px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; padding: 0 !important; transform: none !important; position: static !important; } /* Info box like recommended products */ body.template-search .dT_VProdWrapper .product-detail { background: #fff !important; border-radius: 0 0 18px 18px !important; text-align: center !important; padding: 24px 16px 30px !important; min-height: 180px !important; } body.template-search .dT_VProdWrapper .grid-link__title { font-size: 16px !important; line-height: 1.35 !important; min-height: 44px !important; margin-bottom: 18px !important; } body.template-search .dT_VProdWrapper .grid-link__meta { margin-bottom: 18px !important; } body.template-search .dT_VProdWrapper .variant-option-size, body.template-search .dT_VProdWrapper .variant-option-size ul { justify-content: center !important; text-align: center !important; } /* Hide overlay/buttons inside image area if they affect layout */ body.template-search .dT_VProdWrapper .ImageOverlayCa, body.template-search .dT_VProdWrapper .ImageWrapper { display: none !important; } @media screen and (max-width: 989px) { body.template-search .dT_VProdWrapper ul.dt-sc-column { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 749px) { body.template-search .dT_VProdWrapper ul.dt-sc-column { grid-template-columns: 1fr !important; } body.template-search .dT_VProdWrapper .product-container { height: 240px !important; } body.template-search .dT_VProdWrapper .product-container img { max-width: 82% !important; max-height: 200px !important; } } #shopify-section-template--18405986042072__165148670893bbc83d .dt-sc-grid-banner-content.bottom-center { padding-bottom: 38px !important; } .template-product .product-title, .template-product .product-single__title, .template-product h1 { font-size: 34px !important; line-height: 1.2 !important; font-weight: 500 !important; } /* Aurora Pet - Product page info text refinement */ .template-product .product-label, .template-product .product-template-content label, .template-product .product-template-content .product-label, .template-product .product-attributes p, .template-product .product-attributes label { color: #444444 !important; font-weight: 500 !important; } /* Product page value text: Vendor, Type, Price value */ .template-product .product-template-content .product-attributes, .template-product .product-template-content .product-attributes *, .template-product .product-vendor, .template-product .product-type { color: #3F3F3F !important; } /* Selected thumbnail border softer */ .template-product .product-single__thumbnail.active, .template-product .product-single__thumbnail.active img, .template-product .slick-current img, .template-product .swiper-slide-thumb-active img, .template-product .product-thumb.active img, .template-product .product-thumb.selected img { border-color: #7A948B !important; } /* Thumbnail hover border */ .template-product .product-single__thumbnail:hover, .template-product .product-single__thumbnail:hover img, .template-product .product-thumb:hover img { border-color: #7A948B !important; } /* Questions about this product */ .dt-sc-enquiry-form h4, .dt-sc-enquiry-form h4 a { font-size: 26px !important; font-weight: 500 !important; letter-spacing: -0.3px !important; color: #2F5D50 !important; } /* ========================================================= AURORA PET - FINAL HEADER OVERRIDE Safe override: no existing CSS removed ========================================================= */ /* Header spacing */ .header { padding-top: 14px !important; padding-bottom: 14px !important; align-items: center !important; } /* Desktop logo */ .header__heading-logo, .header__heading-logo-wrapper img, .site-header__logo img, .header-logo img, .logo img { max-height: 82px !important; max-width: 250px !important; width: auto !important; height: auto !important; transform: none !important; } /* Main navigation - theme / standard menu */ .header__menu-item, .header__inline-menu .list-menu__item, .header__inline-menu a, .site-nav__link, .site-header nav a, .header-menu a, .main-menu a { color: #44554F !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; text-transform: none !important; } /* Main navigation hover */ .header__menu-item:hover, .header__inline-menu .list-menu__item:hover, .header__inline-menu a:hover, .site-nav__link:hover, .site-header nav a:hover, .header-menu a:hover, .main-menu a:hover { color: #F26B3A !important; opacity: 1 !important; } /* Mega Menu main-level text */ .gm-menu-installed .gm-menu .gm-item.gm-level-0 > .gm-target > .gm-text { color: #44554F !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; } /* Mega menu horizontal spacing */ .gm-menu-installed .gm-menu .gm-item.gm-level-0 > .gm-target { padding-left: 18px !important; padding-right: 18px !important; } /* Header icons */ .header__icon, .header__icon svg, .site-header__icons, .site-header__icons svg, .header-icons, .header-icons svg { color: #44554F !important; stroke: currentColor !important; } /* Mobile - keep compact */ @media screen and (max-width: 749px) { .header { padding-top: 10px !important; padding-bottom: 10px !important; } .header__heading-logo, .header__heading-logo-wrapper img, .site-header__logo img, .header-logo img, .logo img { max-height: 46px !important; max-width: 145px !important; } } /* ========================================================= AURORA PET - FOOTER MASTER FINAL Single source of truth for footer logo + social + slogan ========================================================= */ /* Footer logo: slightly smaller than header for visual balance */ .footer img[src*="logo"], .site-footer img[src*="logo"], .footer img[alt*="Aurora"], .site-footer img[alt*="Aurora"], .footer img[alt*="AURORA"], .site-footer img[alt*="AURORA"] { max-height: 54px !important; width: auto !important; height: auto !important; transform: none !important; transform-origin: left center !important; margin: 0 0 5px 0 !important; } /* Social row directly below logo */ .ap-footer-social-wrap, .ap-footer-social-wrap ul, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons, .footer .list-social, .site-footer .list-social { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; flex-wrap: wrap !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .ap-footer-social-wrap li, .footer .list-social__item, .site-footer .list-social__item { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Compact click area */ .ap-footer-social-wrap a, .footer .list-social__link, .site-footer .list-social__link { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #2b2b2b !important; line-height: 1 !important; transition: color .2s ease, transform .2s ease !important; } .ap-footer-social-wrap a:hover, .footer .list-social__link:hover, .site-footer .list-social__link:hover { color: #1f4d46 !important; transform: translateY(-1px) !important; } /* Slightly smaller icons */ .ap-footer-social-wrap i, .ap-footer-social-wrap svg, .footer .list-social i, .footer .list-social svg, .site-footer .list-social i, .site-footer .list-social svg { width: 25px !important; height: 25px !important; font-size: 25px !important; line-height: 1 !important; } /* YouTube needs optical correction */ .ap-footer-social-wrap .fa-youtube, .footer .fa-youtube, .site-footer .fa-youtube { width: 22px !important; height: 22px !important; font-size: 22px !important; } /* Keep slogan close to brand block; no old 36px / 55px gap */ .footer em, .site-footer em, .footer p em, .site-footer p em { display: block !important; margin-top: 12px !important; font-size: 15px !important; letter-spacing: .2px !important; color: rgba(43,43,43,.72) !important; } /* Newsletter remains controlled by the existing footer layout */ .site-footer .footer__newsletter { max-width: 650px !important; margin-top: 0 !important; } .site-footer .footer__newsletter + p, .site-footer .footer__newsletter + .rte, .site-footer .footer__newsletter-text { margin-top: 10px !important; } /* Footer column / bottom bar finishing */ .footer .footer-block, .site-footer .footer-block { padding-top: 6px !important; } .site-footer__bottom, .footer__content-bottom { padding-top: 10px !important; padding-bottom: 10px !important; min-height: 48px !important; } .payment-icons { transform: scale(.95); transform-origin: center; } .wk-button, .wishlist-button { bottom: 12px !important; } /* Mobile */ @media screen and (max-width: 749px) { .footer img[src*="logo"], .site-footer img[src*="logo"], .footer img[alt*="Aurora"], .site-footer img[alt*="Aurora"], .footer img[alt*="AURORA"], .site-footer img[alt*="AURORA"] { max-height: 44px !important; } .ap-footer-social-wrap, .ap-footer-social-wrap ul, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons, .footer .list-social, .site-footer .list-social { gap: 5px !important; } .ap-footer-social-wrap a, .footer .list-social__link, .site-footer .list-social__link { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; } .ap-footer-social-wrap i, .ap-footer-social-wrap svg, .footer .list-social i, .footer .list-social svg, .site-footer .list-social i, .site-footer .list-social svg { width: 23px !important; height: 23px !important; font-size: 23px !important; } } /* ========================================================= AURORA PET - HARD FOOTER SIZE/POSITION FIX Final override - must remain at absolute end of file ========================================================= */ /* Footer logo: force actual rendered width smaller */ .site-footer .logo img, .site-footer .footer-logo img, .site-footer img.footer-logo, .site-footer .footer__logo img, .site-footer .footer-block__brand-info img, .footer .logo img, .footer .footer-logo img, .footer img.footer-logo, .footer .footer__logo img, .footer .footer-block__brand-info img, .site-footer img[src*="logo"], .footer img[src*="logo"], .site-footer img[alt*="Aurora"], .footer img[alt*="Aurora"], .site-footer img[alt*="AURORA"], .footer img[alt*="AURORA"] { width: 195px !important; max-width: 195px !important; height: auto !important; max-height: none !important; transform: none !important; margin: 0 0 6px 0 !important; } /* Social row: compact and directly under logo */ .site-footer .list-social, .footer .list-social, .ap-footer-social-wrap, .ap-footer-social-wrap ul, .ap-footer-social-wrap .dt-sc-list-inline, .ap-footer-social-wrap .dt-sc-social-icons { gap: 4px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } /* Social clickable boxes */ .site-footer .list-social__link, .footer .list-social__link, .ap-footer-social-wrap a, .ap-footer-social-wrap li a { width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; padding: 0 !important; margin: 0 !important; } /* Font Awesome + SVG icon itself */ .site-footer .list-social i, .footer .list-social i, .site-footer .list-social svg, .footer .list-social svg, .ap-footer-social-wrap i, .ap-footer-social-wrap svg, .ap-footer-social-wrap .fab, .ap-footer-social-wrap .fa, .ap-footer-social-wrap .fa-brands { width: 21px !important; height: 21px !important; font-size: 21px !important; line-height: 21px !important; transform: none !important; } /* YouTube optical correction */ .site-footer .fa-youtube, .footer .fa-youtube, .ap-footer-social-wrap .fa-youtube { width: 19px !important; height: 19px !important; font-size: 19px !important; } /* Newsletter heading: move "Join Aurora Pet for Updates" slightly upward */ .site-footer #newsletter-footer h2, .site-footer #newsletter-footer h3, .site-footer #newsletter-footer h4, .site-footer #newsletter-footer .footer__title, .site-footer #newsletter-footer .footer-block__heading, .footer #newsletter-footer h2, .footer #newsletter-footer h3, .footer #newsletter-footer h4, .footer #newsletter-footer .footer__title, .footer #newsletter-footer .footer-block__heading { margin-top: -10px !important; margin-bottom: 12px !important; transform: translateY(-4px) !important; } /* If newsletter title is outside #newsletter-footer, catch its footer block */ .site-footer .footer__newsletter-container > h2, .site-footer .footer__newsletter-container > h3, .site-footer .footer__newsletter-container > h4, .site-footer .newsletter-section > h2, .site-footer .newsletter-section > h3, .site-footer .newsletter-section > h4 { margin-top: -10px !important; transform: translateY(-4px) !important; } @media screen and (max-width: 749px) { .site-footer .logo img, .site-footer .footer-logo img, .footer .logo img, .footer .footer-logo img, .site-footer img[src*="logo"], .footer img[src*="logo"], .site-footer img[alt*="Aurora"], .footer img[alt*="Aurora"] { width: 142px !important; max-width: 142px !important; } } /* ========================================================= AURORA PET - FOOTER LINK HOVER + CONTACT ICON FIX Paste at the VERY END of the CSS file ========================================================= */ /* Aurora Pet orange */ :root { --ap-orange: #ff6b2c; } /* --------------------------------------------------------- Footer column links: Shop / Customer Care / About / Contact --------------------------------------------------------- */ .site-footer .footer-links a, .site-footer .footer-menu a, .site-footer .footer-menu__item a, .site-footer .footer-block a, .site-footer .footer-block__details-content a, .site-footer .footer-column a, .footer .footer-links a, .footer .footer-menu a, .footer .footer-menu__item a, .footer .footer-block a, .footer .footer-block__details-content a, .footer .footer-column a { transition: color 0.22s ease, text-decoration-color 0.22s ease, transform 0.22s ease !important; text-decoration: underline !important; text-decoration-color: transparent !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } /* Hover = Aurora Pet orange + subtle underline */ .site-footer .footer-links a:hover, .site-footer .footer-menu a:hover, .site-footer .footer-menu__item a:hover, .site-footer .footer-block a:hover, .site-footer .footer-block__details-content a:hover, .site-footer .footer-column a:hover, .footer .footer-links a:hover, .footer .footer-menu a:hover, .footer .footer-menu__item a:hover, .footer .footer-block a:hover, .footer .footer-block__details-content a:hover, .footer .footer-column a:hover { color: var(--ap-orange) !important; text-decoration-color: var(--ap-orange) !important; transform: translateX(2px) !important; } /* --------------------------------------------------------- Contact section links Phone / Email / Address --------------------------------------------------------- */ .site-footer .contact-info a, .site-footer .footer-contact a, .site-footer .contact-info li a, .site-footer .footer-contact li a, .footer .contact-info a, .footer .footer-contact a { transition: color 0.22s ease !important; } /* Contact text hover */ .site-footer .contact-info a:hover, .site-footer .footer-contact a:hover, .site-footer .contact-info li a:hover, .site-footer .footer-contact li a:hover, .footer .contact-info a:hover, .footer .footer-contact a:hover { color: var(--ap-orange) !important; } /* --------------------------------------------------------- Contact icons --------------------------------------------------------- */ .site-footer .contact-info i, .site-footer .footer-contact i, .site-footer .contact-info svg, .site-footer .footer-contact svg, .footer .contact-info i, .footer .footer-contact i, .footer .contact-info svg, .footer .footer-contact svg { transition: color 0.22s ease, fill 0.22s ease, stroke 0.22s ease !important; } /* Contact icon hover = orange, NOT yellow */ .site-footer .contact-info a:hover i, .site-footer .footer-contact a:hover i, .footer .contact-info a:hover i, .footer .footer-contact a:hover i { color: var(--ap-orange) !important; } /* SVG icons */ .site-footer .contact-info a:hover svg, .site-footer .footer-contact a:hover svg, .footer .contact-info a:hover svg, .footer .footer-contact a:hover svg { color: var(--ap-orange) !important; fill: var(--ap-orange) !important; stroke: var(--ap-orange) !important; } /* --------------------------------------------------------- Strong phone icon override Prevent theme yellow hover --------------------------------------------------------- */ .site-footer a[href^="tel:"]:hover, .footer a[href^="tel:"]:hover { color: var(--ap-orange) !important; } .site-footer a[href^="tel:"]:hover i, .footer a[href^="tel:"]:hover i, .site-footer a[href^="tel:"]:hover span, .footer a[href^="tel:"]:hover span { color: var(--ap-orange) !important; } .site-footer a[href^="tel:"]:hover svg, .footer a[href^="tel:"]:hover svg { color: var(--ap-orange) !important; fill: var(--ap-orange) !important; stroke: var(--ap-orange) !important; } /* --------------------------------------------------------- Do NOT affect: social icons / newsletter button / bottom bar --------------------------------------------------------- */ .site-footer .social-icons a:hover, .site-footer .dt-sc-social-icons a:hover, .site-footer .list-social__link:hover, .footer .social-icons a:hover, .footer .dt-sc-social-icons a:hover, .footer .list-social__link:hover { text-decoration: none !important; } /* ========================================================= AURORA PET - PHONE ICON HOVER FINAL FIX ========================================================= */ /* Normal durumda mevcut koyu renk */ footer .text-start .contact-info li.contact-phone > i.fa.fa-phone { color: #2b2b2b !important; transition: color 0.22s ease !important; } /* Telefon satırının herhangi bir yerine gelince Aurora turuncusu */ footer .text-start .contact-info li.contact-phone:hover > i.fa.fa-phone { color: #FF6B2C !important; } /* Telefon numarası da aynı turuncu */ footer .text-start .contact-info li.contact-phone:hover > a, footer .text-start .contact-info li.contact-phone > a:hover { color: #FF6B2C !important; } /* ===================================================== TOP CATEGORIES (dt-sc-support-block) ===================================================== */ /* Dairenin hover rengi */ .dt-sc-support-block:hover .dt-sc-support-icon-image { background: #1F4D46 !important; border-color: #1F4D46 !important; } /* Eğer hover rengi img'nin parent'ında ise */ .dt-sc-support-block:hover .dt-sc-support-icon-image img { transform: scale(1.04); transition: transform .25s ease; } /* Yazı */ .dt-sc-support-block:hover h4, .dt-sc-support-block:hover h5, .dt-sc-support-block:hover .dt-sc-main-title, .dt-sc-support-block:hover .dt-sc-support-content a, .dt-sc-support-block:hover .dt-sc-support-content { color: #1F4D46 !important; } transform: translateY(-4px) scale(1.03); transition: all .25s ease; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(31,77,70,.18); /* Aurora Pet - Mobile Footer Fix */ @media screen and (max-width: 767px) { #shopify-section-footer .footer-newsletter { width: 100% !important; max-width: 100% !important; padding: 0 !important; } #shopify-section-footer .footer-newsletter .text-start { width: 100% !important; max-width: 100% !important; } #shopify-section-footer .contact-form, #shopify-section-footer .footer__newsletter { width: 100% !important; max-width: 100% !important; } #shopify-section-footer .footer__newsletter input, #shopify-section-footer .footer__newsletter button { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } } @media screen and (max-width: 767px) { footer.site-footer .site-footer__top { padding-top: 12px !important; } } @media screen and (max-width:767px) { footer.site-footer .site-footer__bottom { text-align: center !important; } footer.site-footer .site-footer__bottom .container { padding-left: 15px !important; padding-right: 15px !important; } footer.site-footer .site-footer__bottom img { max-width: 100% !important; height: auto; } } @media screen and (max-width: 767px) { .dt-sc-to-top { bottom: 85px !important; right: 15px !important; } footer .payment-icons, footer .list-payment { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px !important; } } /* Aurora Pet - Desktop purchase buttons */ @media screen and (min-width: 768px) { .main-product-template button.dT_AddToCart { width: 220px !important; min-width: 220px !important; max-width: 220px !important; box-sizing: border-box !important; } .main-product-template .shopify-payment-button { width: 220px !important; min-width: 220px !important; max-width: 220px !important; flex: 0 0 220px !important; transform: none !important; } .main-product-template .aurora-amazon-wrap { width: 467px !important; max-width: 100% !important; } .main-product-template .aurora-amazon-button { display: flex !important; width: 100% !important; box-sizing: border-box !important; align-items: center; justify-content: center; } }