html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
strong,b{font-weight:bold;}
a{text-decoration:none;}
a:hover{opacity:0.90;transition:ease-in-out all .1s;}
.golge{box-shadow:0 0.125rem 0.175rem #0000000d,0 0.5rem 1rem #0000000f!important;}
.dle{display:block;float:left;}
.dre{display:block;float:right;}
#cart-list{display:flex;gap:9px;flex-direction:column;min-height: 400px;}
body{background:#f8f8f8;margin:0!important;overflow-x:hidden;font-family:'isans',sans-serif;width:100%;max-width:100%;}
.container{max-width:900px;margin:24px auto;padding:0 16px;}
.grid{display:grid;flex-wrap:wrap;gap:4px;grid-template-columns:calc(100% - 264px) 250px;justify-content:space-between;align-items:start;}
.col-main{flex:0 0 80%;width:95%;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:16px;display:flex;flex-direction:column;}
.col-side{flex:0 0 20%;width:234px;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:8px;height:max-content;position:sticky;padding-top:16px;}
.cart-item{display:flex;gap:12px;padding:16px 0;align-items:center;background:#eeeeee75;padding:7px;border-radius:7px;position:relative;}
.cart-item:nth-child(even){background:#fff;}
.top{display:flex;width:100%;justify-content:space-between;align-content:flex-start;align-items:center;}
.top .logo{display:flex;width:184px;}
.top .logo .mainlogo{}
.top .logo img{width:100%;}
.top .right{display:flex;width:60%;gap:8px;justify-content:flex-end;}
.top .right .fas{}
.top .right i{color:#14e712;}
.top .right a{display:flex;background:#ffffff;align-items:center;justify-content:space-between;padding:10px;color:#919191;font-size:14px;border-radius:5px;font-weight:600;border: 1px solid #05bd03;gap:7px;}
.top .right a.active{display:flex;background: #05bd03;align-items:center;justify-content:space-between;padding:10px;color:#fff;font-size:14px;border-radius:5px;font-weight:600;}
.top .right a.active i{color:#fff;}
.top .right a.wait{background:#fff;border:1px solid #ddd;color:#c9c9c9;}
.top .right a.wait i{color:#c9c9c9;}
.thumb{width:48px;height:72px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;color:#888;overflow:hidden;border:1px solid #ddd;padding:6px;}
.thumb img{max-width:100%;max-height:100%;display:block;}
.item-body{flex:1;}
.title{font-weight:700;margin-bottom:6px;display: block;width: 94%;padding-top: 8px;}
.title a{color:inherit;text-decoration:none;}
.title a:hover{text-decoration:underline;}
.muted{color:#6b7785;font-size:12px;}
.success{color:#1f9d55;font-size:12px;display:flex;align-items:center;gap:6px;margin-top:6px;}
.badge{display:inline-block;background:#edf7ed;color:#2e7d32;padding:3px 8px;border-radius:999px;font-size:12px;margin-left:8px;}
.row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:8px;}
.qty{display:flex;align-items:center;gap:8px;}
.unit{font-size:12px;color:#6b7785;}
.qty input{width:56px;padding:8px 8px;border:1px solid #e5e7eb;border-radius:10px;text-align:center;}
.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;width:unset!important;font-weight:600;}
.btn-danger{}
.btn-primary{color:#fff;}
.btn-ghost{background:#f3f4f6;color:#374151;}
.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;}
.pill{display:inline-flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:2px;}
.pill .btn-icon{width:28px!important;height:28px;font-size:18px;background: #f7f7f7;}
.pill .count{min-width:36px;text-align:center;font-weight:700;}
.price{font-weight: 800;text-align:right;font-size: 22px;letter-spacing: -0.50px;}
.old-price{color: #ababab;text-decoration:line-through;font-size: 16px;display:block;font-weight: 500;}
.gift{color:#2e7d32;font-weight:700;}
.section-title{font-weight:800;margin-bottom:12px;font-size:18px;border-bottom:1px solid #ddd;padding-bottom:16px;}
.summary{display:grid;row-gap:8px;}
.summary .line{display:flex;justify-content:space-between;font-size:14px;}
.summary .line strong{font-weight:700;font-size: 14px;}
.summary .line span {
    font-weight: 500;
}
.summary .line.kuponindirim{
    color: #1fbf1e;
}
.summary .line.sepetindirim{
    color: #1fbf1e;
}
.summary .line.sepetindirim span {
    color: #000;
}
.summary .line.kuponindirim span {
    color: #000;
}
.summary .line.geneltoplam{
    font-size: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.summary .line.geneltoplam strong{
    font-size: 24px;
}
.coupon{display:flex;gap:8px;margin-top:12px;flex-direction:column;}
.coupon input{flex:1;padding:10px;border:1px solid #dfe3e8;border-radius:8px;}
.note{background:#fff3cd;color:#8a6d3b;border:1px solid #ffecb5;padding:10px 12px;border-radius:8px;margin-bottom:12px;}
.block-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.8);z-index:10}
.block-loader .bl-inner{display:grid;gap:8px;justify-items:center}
.block-loader .bl-text{font-weight:800;color:#0f172a}
.spinner{width:32px;height:32px;border:3px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Cart drawer */
.cart-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(120%) blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:9998;}
.cart-drawer-backdrop.open{opacity:1;pointer-events:auto;}
.cart-drawer{position:fixed;top:0;right:0;width:300px;max-width:90%;height:100%;background:#ffffff;box-shadow:0 12px 36px rgba(17,24,39,.2);transform:translateX(100%);transition:transform .3s ease;z-index:9999;display:flex;flex-direction:column;border-top-left-radius:12px;border-bottom-left-radius:12px;}
.cart-drawer.open{transform:translateX(0);}
.cart-drawer .cd-header{padding:14px 16px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;}
.cart-drawer .cd-body{padding:14px 16px;overflow:auto;flex:1;}
.cart-drawer .cd-footer{padding:14px 16px;border-top:1px solid #eef2f7;}
.cart-drawer .cd-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:6px 10px;}
.cart-drawer .mini-line{display:flex;justify-content:space-between;font-size:13px;margin:8px 0;}
.cart-drawer .mini-item{display:flex;align-items:center;gap:10px;font-size:12px;padding:10px 0;border-bottom:1px dashed #eee;}
.cart-drawer .mini-item:last-child{border-bottom:none;}
.cart-drawer .mini-thumb{width:48px;height:48px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 48px;}
.cart-drawer .mini-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.cart-drawer .mini-info{display:flex;flex-direction:column;gap:4px;flex:1;}
.cart-drawer .mini-name{font-weight:600;color:#1f2d3d;}
.cart-drawer .mini-price{font-weight:700;color:#111827;text-align:right;}
.removecupon{align-items:center;gap:9px;width:75px;max-width:130px;background:#5d785d;padding-right:11px;justify-content:space-between;color:#fff;display:inline-block;padding:4px 5px;padding-bottom:6px;margin-top:-35px;}
.btn-sil{position:absolute;top:10px;right:10px;border:none;background:transparent;cursor:pointer;}
.kuponbuton{display:flex;align-items:center;gap:9px;width:75px;max-width:96px;background: #05bd03;height:27px;padding-right:11px;justify-content:space-between;}
.kuponbuton svg{height:15px;fill:#0f970e;}
.sepetactive{display:flex!important;align-items:center;gap:9px;width:75px;background: #05bd03;height:27px;padding-right:11px;justify-content:space-between;}
.sepetactive svg{height:27px;fill:#0f970e;}
@media (max-width:900px){
	.col-main{flex:1 1 100%;}
	.col-side{flex:1 1 100%;width:98%;}
	.grid{display:grid;flex-wrap:wrap;gap:16px;grid-template-columns:100%;justify-content:space-between;}
	.top{display:flex;flex-direction:column;margin-bottom:24px;align-items:center;}
	.container{}
	.grid{}
	.col-main{width:92%;}
	.col-side{width:96%;}
	.cart-item{display:flex;align-content:flex-start;align-items:flex-start;}
	.cart-item:nth-child(even){}
	.top{display:flex;flex-direction:column;margin-bottom:24px;align-content:center;}
	.top .logo{}
	.top .logo .mainlogo{}
	.top .logo img{}
	.top .right{width:100%;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center;}
	.top .right .fas{}
	.top .right i{}
	.top .right a{padding:2px 12px;height:23px;}
	.top .right a.active{height:8px;}
	.top .right a.active i{}
	.top .right a.wait{}
	.top .right a.wait i{}
	.thumb{}
	.thumb img{}
	.item-body{}
	.title{}
	.title a{font-size:15px;width:88%;display:block;padding-top: 0;}
	.title a:hover{}
	.muted{color:#a5a5a5;}
	.success{}
	.badge{}
	.row{}
	.qty{transform:scale(0.9);margin-left:-10px;}
	.unit{}
	.qty input{}
	.btn{}
	.btn-danger{}
	.btn-primary{}
	.btn-ghost{}
	.btn-icon{}
	.pill{}
	.pill .btn-icon{}
	.pill .count{}
	.price{font-size:19px;white-space:nowrap;font-weight:900;margin-top:-9px;}
	.old-price{}
	.gift{}
	.section-title{}
	.summary{}
	.summary .line{}
	.summary .line strong{}
	.coupon{}
	.coupon input{}
	.note{}

	/* Cart drawer */
	.cart-drawer-backdrop{}
	.cart-drawer-backdrop.open{}
	.cart-drawer{}
	.cart-drawer.open{}
	.cart-drawer .cd-header{}
	.cart-drawer .cd-body{}
	.cart-drawer .cd-footer{}
	.cart-drawer .cd-close{}
	.cart-drawer .mini-line{}
	.cart-drawer .mini-item{}
	.cart-drawer .mini-item:last-child{}
	.cart-drawer .mini-thumb{}
	.cart-drawer .mini-thumb img{}
	.cart-drawer .mini-info{}
	.cart-drawer .mini-name{}
	.cart-drawer .mini-price{}
	.removecupon{}
	.btn-sil{top:10px;right:0;font-size:18px;}
}
